@charset "UTF-8";
body{color:#000;/*font-family:"SVN-Gilroy",sans-serif;*/font-family: 'Inter', sans-serif;background:#FAFAFA;position:relative;font-size:14px;min-width:1212px;word-break:break-word;counter-reset:section;font-weight:400;overflow-x:hidden}
::-webkit-scrollbar-track{background:#f5f5f5}
::-webkit-scrollbar-thumb{background:grey;border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:#00a40f}
::-webkit-scrollbar{width:13px;height:10px}
.clearfix::after,.recruit-item::after{content:"";clear:both;display:block}
.red{color:#CE000C}
.color-main,.distributor-branch-container .item a:hover,.recruit-detail-content .recruit-info .item,.shareholder-regulation-page .page-tab-group .item,.shareholder-report-page .report-item .item-title,.global-breadcrumb a:hover,.global-other-breadcrumb a:hover,.label-container:hover{color:#0D642B}
.color-main-2,.home-product-group .home-product-child a:hover,.home-product-group .home-product-child a.current,.home-box-group .box-title-holder a,.about-value-page .page-banner-holder b,.about-page .page-tab-group a:hover,.about-page .page-tab-group a.current,.distributor-branch-container .group-title,.distributor-filter-result .item a:hover,.recruit-detail-page .page-address,.recruit-item .item-btn,.recruit-item .item-title,.recruit-list-group .department-list .active,.recruit-list-group .department-list a:hover,.recruit-list-group .group-title,.contact-page .item:hover,.library-page .image-item .item-title:hover,.library-page .video-item .item-title:hover,.art-item .art-btn,.art-item .art-title:hover,.pd-ask-item .item-title:hover,.pd-ask-item.active .item-title,.product-detail-page .pd-btn-group .btn-phone b,.product-detail-page .pd-btn-group .btn-address,.product-detail-page .pd-brand-group a,.product-detail-page .pd-box-group .group-title,.product-support-group .page-support-chat,.product-static-group .group-title,.product-filter-container .filter-list a.current,.product-filter-container .filter-title,.product-filter-container a:hover,.product-sort-group .page-title b,.header-menu-item:hover .group-title,.global-header-container .group-title:hover{color:#129046}
.color-text,.about-value-page .page-banner-holder .title,.p-item .p-name:hover,.shareholder-article-container .item-title:hover,.shareholder-major-container .item-name,.shareholder-page .group-title,.shareholder-page .current-page-title,.global-footer-container .info-list a:hover,.global-footer-container .item-list a:hover,.global-title-background{background:linear-gradient(90deg,#1A532B -7.52%,#36894D 57.52%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.bg-main{background:#0D642B}
.inherit,.home-product-group .home-product-child a *,.library-page .image-item .item-title *,.library-page .video-item .item-title *,.art-item .art-title *,.product-filter-container a *,.p-item .p-name *,.shareholder-cate-list .item-title,.shareholder-page .col-left a *,.global-breadcrumb h1,.global-other-breadcrumb h1{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}
.line-clamp-2,.home-article-group .art-item .art-title,.home-article-group .col-left .art-item .art-summary,.art-item .art-summary,.art-item .art-title,.p-item .p-name{text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3,.art-detail-list-group .art-item .art-title,.top-article-container .art-item .art-summary,.top-article-container .art-item .art-title,.p-item .p-summary{text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-4{text-overflow:ellipsis;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-5{text-overflow:ellipsis;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.fit-img,.home-article-group .art-item img,.about-reward-page .item img,.library-page .image-item img,.library-page .video-item img,.p-item img,.shareholder-article-container .item img{width:auto;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto;display:block}
.hover-img a{position:relative;overflow:hidden;display:block}
.hover-img a::before{content:"";position:absolute;top:0;left:-15%;bottom:0;width:0;height:100%;background-color:rgba(255,255,255,0.5);transition:none;transform:skewX(-10deg)}
.hover-img a:hover::before{width:120%;background-color:rgba(255,255,255,0);transition:all .45s ease-out;z-index:2}
.scale-img{display:block;overflow:hidden}
.scale-img:hover img{transform:scale(1.3)}
.scale-img img{transform:scale(1);transition:.3s all}
.content-container{max-width:500px;min-height:300px}
@keyframes gradient-bg-antimation {
0%{background-position:0 0}
100%{background-position:-200% 0}
}
@-webkit-keyframes dash {0% {stroke-dashoffset: 0}100% {stroke-dashoffset: 822}}
@keyframes dash {0% {stroke-dashoffset: 0}100% {stroke-dashoffset: 822}}
.bg-linear,.home-reward-group .item-btn,.home-static-group .item-btn,.home-members-group .item-btn,.home-shareholder-list .item::after,.home-box-group .box-btn,.about-page .page-tab-group a:hover,.about-page .page-tab-group a.current,.recruit-item .item-btn,.product-detail-page .pd-btn-group .btn-address,.product-filter-container::before,.global-footer-container::before{background:linear-gradient(90deg,#08733F 36.74%,#B5D033 76.6%)}
.bg-linear-animate{background:repeating-linear-gradient(90deg,#C924AA 0%,#6A7ED1 98.41%);background-size:200% auto;background-position:0 100%;animation:2s linear infinite forwards gradient-bg-antimation}
.fancybox-thumbs__list a{height:90px;background-size:100% 100%;background-color:#fff;transition:unset}
.fancybox-thumbs__list a:before{border:3px solid #1781E0}
.label-container{display:block;position:relative;padding-left:24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:21px;cursor:pointer}
.label-container .checkmark{position:absolute;top:3px;left:0;height:13px;width:13px;background-color:#fff;border-radius:50%;border:1px solid #BFBFBF}
.label-container input{position:absolute;opacity:0;cursor:pointer}
.label-container input:checked ~ .checkmark{border-color:#FF7A00}
.label-container input:checked ~ .checkmark:after{display:block}
.label-container input:checked ~ .checkmark:after{content:"";width:8px;height:8px;background:#FF7A00;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.container{max-width:1212px;min-width:1212px}
.row{margin:0 -6px}
.container,.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding:0 6px}
.icon-star{background-image:url(../images/star.png);width:85px;height:14px;display:inline-block;background-repeat:no-repeat;background-size:85px 90px;vertical-align:sub}
.icon-star.star-1{background-position:-2px -74px}
.icon-star.star-2{background-position:-2px -56px}
.icon-star.star-3{background-position:-2px -38px}
.icon-star.star-4{background-position:-2px -20px}
.icon-star.star-5,.icon-star.star-0{background-position:-2px -2px}
.icons,.home-shareholder-list a::after,.home-shareholder-list .item::before,.distributor-branch-container .group-title::before,.distributor-filter-result .icon-map::before,.distributor-filter-result .icon-tel::before,.distributor-filter-result .icon-home::before,.recruit-item .item-featured::after,.recruit-search-group .icon-search::before,.library-page .video-item .item-img::before,.pd-ask-item .item-title::before,.product-detail-page .pd-btn-group .btn-phone::before,.product-sort-group .sort-icons::before,.shareholder-report-page .report-item .item-time::before,.shareholder-report-page .report-item::before,.shareholder-article-container .item-time::before,.global-header-top .col-left::before,.custom-nav-2 .arrow{background:url(../images/global-sprite.png) no-repeat;background-size:300px 325px}
.global-breadcrumb,.global-other-breadcrumb{padding:17px 0;font-size:14px;line-height:20px;font-weight:500}
.global-breadcrumb a,.global-other-breadcrumb a{color:#414141}
.global-breadcrumb ol,.global-breadcrumb ul,.global-other-breadcrumb ol,.global-other-breadcrumb ul{display:block;}
.global-breadcrumb li,.global-other-breadcrumb li{display:inline;}
.global-breadcrumb li::after,.global-other-breadcrumb li::after{content:"❯";padding:0 10px;font-weight:400;font-size:12px;margin-top:1px}
.global-breadcrumb li:last-child::after,.global-other-breadcrumb li:last-child::after{content:none}
.global-other-breadcrumb{font-weight:600;color:#fff;padding:160px 0;background-repeat:no-repeat;background-size:cover;line-height:30px}
.global-other-breadcrumb a{color:#fff}
.global-other-breadcrumb .page-title{font-size:32px;font-weight:700;text-transform:uppercase;text-shadow: 1px 1px 0 #129046, -1px -1px 0 #129046, 1px -1px 0 #129046, -1px 1px 0 #129046, 1px 1px 0 #129046;;margin:20px 0 0;line-height:normal}
.paging{margin:10px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.paging a{width:40px;height:40px;line-height:40px;border-radius:50%;background:#F4F4F4;text-align:center;color:#333;margin:0 5px;transition:.12s all;overflow:hidden}
.paging a:hover,.paging a.current{background:#129046;color:#fff;font-weight:700}
.paging a:hover *,.paging a.current *{filter:invert(1) brightness(100)}
.paging .icon-prev,.paging .icon-next{background:url(../images/global-icon-left.png) no-repeat 16px center;background-size:7px;font-size:0!important;display:block;height:100%}
.paging .icon-next{transform:rotate(-180deg)}
.custom-nav .owl-nav{margin:0}
.custom-nav .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);margin:0!important;background:unset!important}
.custom-nav .owl-nav button.disabled{display:none}
.custom-nav .owl-nav button:hover .arrow{opacity:1}
.custom-nav .owl-nav .owl-prev{left:0}
.custom-nav .owl-nav .owl-next{right:0}
.custom-nav .owl-nav .arrow{width:27px;height:54px;display:block;background:url(../images/global-icon-left.png) no-repeat;background-position:5px center;background-size:9px 17px;transition:.2s all;background-color:#D9D9D9;border-radius:0 40px 40px 0}
.custom-nav .owl-nav .arrow-next{transform:rotate(180deg)}
.custom-nav-2 .owl-nav{margin-top:24px!important}
.custom-nav-2 button{background:unset!important}
.custom-nav-2 button:hover .arrow{filter:invert(22%) sepia(49%) saturate(5545%) hue-rotate(142deg) brightness(101%) contrast(86%)}
.custom-nav-2 .arrow{width:32px;height:32px;display:block;background-position:-221px -259px}
.custom-nav-2 .arrow-next{transform:rotate(180deg);background-position:-221px -258px}
.custom-dots .owl-dots{margin-top:15px!important}
.custom-dots .owl-dots .owl-dot{margin:0 3px;width:14px;height:14px;border-radius:50px;background:transparent;transition:.2s all;background:#646464}
.custom-dots .owl-dots .owl-dot span{display:none}
.custom-dots .owl-dots .owl-dot.active{width:53px}
.custom-dots .owl-dots .owl-dot.active,.custom-dots .owl-dots .owl-dot:hover{background:#128F3D}
.global-title-background{font-size:32px;font-weight:700;line-height:60px;display:inline-block;position:relative;margin:0 0 15px;text-transform:uppercase !important}
.global-title-background::before{content:"";position:absolute;inset:0;background:url(../images/global-bg-logo.png) no-repeat center;background-size:contain}
.global-header-top{background:#118F3E;padding:10px 0;line-height:28px;font-size:14px;color:#fff}
.global-header-top .header-col-left a {margin-right: 20px;display: flex;align-items: center}
.global-header-top .header-col-left a svg {margin-right: 4px}
.global-header-top a{color:#fff}
.global-header-top .col-right{display:flex;align-items:center}
.global-header-top .col-right a{margin:0 18px;transition: .2s all;}
.global-header-top .col-right a:hover{font-weight: 700}
.global-header-top .col-left{border-radius:18px;opacity:.9;padding:0 13px 0 34px;color:#0D642B;font-weight:600;background:linear-gradient(45deg,#DAF5B6 0%,#F7FAF2 100%);background-size:200% auto;animation:2s linear infinite forwards gradient;position:relative}
.global-header-top .col-left::before{content:"";width:22px;height:22px;position:absolute;left:5px;top:3px;background-position:-276px -260px}
.global-header-top .header-language{position:relative}
.global-header-top .header-language:hover .language-holder{top:100%;z-index:4;opacity:1;visibility:visible}
.global-header-top .header-language .title{margin:0;padding:0 20px;border-left:1px solid;line-height:20px;cursor:pointer;position:relative}
.global-header-top .header-language .title::after{content:"";position:absolute;top:5px;right:0;width:6px;height:6px;border:1px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg)}
.global-header-top .language-holder{background:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,0.3);border-radius:5px;position:absolute;top:calc(100% + 30px);right:0;z-index:-1;transition:.2s all;opacity:0;visibility:hidden;overflow:hidden}
.global-header-top .language-holder a{display:block;margin:0;color:#000;white-space:nowrap;padding:5px 15px}
.global-header-top .language-holder a:hover{background:#4d983a;color:#fff}
.global-header-container{position:sticky;top:0;left:0;right:0;z-index:3;background:#fff;box-shadow:0 2px 10px 0 rgba(106,106,106,0.25);transition:.2s all}
.global-header-container .header-content-container{display:flex;flex-wrap:wrap;align-items:center;position:relative;justify-content: space-between;white-space: nowrap;}
.global-header-container .header-logo{width:154px;margin-right:12px;}
.global-header-container .col-right{width:calc(100% - 180px);display:flex;align-items:center;justify-content: flex-end;}
.global-header-container .group-title{color:#000;text-transform:uppercase;line-height:30px;margin:0 40px 0 0;cursor:pointer;font-weight:600;display: block}
.global-header-container .group-title:hover{font-weight:600}
.global-header-container .icon-search{width:22px;height:22px;background-position:-8px -9px}
.global-header-container .icon-search.active{background:transparent}
.global-header-container .icon-search.active::before{content:"✕";display:block;height:100%;font-size:20px;line-height:22px;text-align:center;color:#000}
.header-menu-item{position:relative;padding:25px 0;margin:0 40px 0 0}
.header-menu-item:hover .group-title{font-weight:600}
.header-menu-item:hover .group-title::after{transform:rotate(-135deg);top:13px}
.header-menu-item:hover .menu-sub-group{transition:.3s all;top:100%;opacity:1;visibility:visible;z-index:5}
.header-menu-item .group-title{position:relative;padding-right:15px;margin:0;font-weight: 600}
.header-menu-item .group-title::after{content:"◢";position:absolute;top:9px;right:0;font-size:8px;line-height:1;transform:rotate(45deg)}
.header-menu-item .menu-sub-group{opacity:0;visibility:hidden;z-index:-1;background:#fff;position:absolute;left:0;top:calc(100% + 30px);transition:unset;box-shadow:0 4px 8px 0 rgba(0,0,0,0.1)}
.header-menu-item .menu-sub-group a{display:block;color:#414141;border-top:1px solid #E1E1E1;line-height:40px;padding:0 25px;white-space:nowrap}
.header-menu-item .menu-sub-group a:hover{background:#129046;color:#fff}
.header-menu-item-last .menu-sub-group {left: unset;right: -55px;}
.global-search-container{position:absolute;left: 0;right:0;top:calc(100% + 30px);transition:.3s all;opacity:0;visibility:hidden;z-index:-2;background:#fff;padding:20px;border-radius:0 0 5px 5px;overflow:hidden;box-shadow:0 4px 7px 0 rgba(0,0,0,0.2)}
.global-search-container.active{top:100%;opacity:1;visibility:visible;z-index:4}
.global-search-container input{padding:0 10px;margin:0;width:calc(100% - 45px);height:42px;border:0}
.global-search-container .icon-search{position:absolute;bottom:0;right:0;padding:0;margin:0;border:0;width:36px;height:42px;background-position:-6px 1px}
.global-search-container form {position: relative;display: block;max-width: 600px;margin: auto;border: 1px solid #e1e1e1;border-radius: 5px;overflow: hidden}
.global-search-container .search-type-group {display: flex;align-items: center;justify-content: center}
.global-search-container .search-type-group .label-container {margin: 0 20px 20px 20px;font-weight: 600;font-size: 18px}
.global-search-container .search-type-group .checkmark {top: 4px;width: 15px;height: 15px}
.global-search-container .search-type-group input:checked ~ .checkmark {border-color: #118f3e}
.global-search-container .search-type-group input:checked ~ .checkmark:after {background: #118f3e;width: 9px;height: 9px}
/*.global-header-homepage{background:transparent;box-shadow:unset}*/
.global-header-homepage .header-content-container{border-bottom:1px solid #5CCD83}
.global-footer-end{background:#ECECEC;font-size:12px;line-height:20px;padding:2px;margin-top:12px}
.global-footer-end p{margin:0}
.global-footer-end img{width:auto;height:48px}
.global-footer-container{background:#fff;padding:40px 0 0;line-height:27px;position:relative}
.global-footer-container::before{content:"";position:absolute;top:0;left:0;right:0;height:8px}
.global-footer-container .container{display:flex;flex-wrap:wrap}
.global-footer-container .item{width:25%;margin-bottom:27px}
.global-footer-container .item:nth-child(1){padding-top:0}
.global-footer-container .item:nth-child(1) .group-title{display:none}
.global-footer-container .item img{width:auto;max-width:122px;display:block;margin:0 0 18px}
.global-footer-container .group-title{font-size:16px;font-weight:700;text-transform:capitalize;margin:20px 0 6px}
.global-footer-container .item-list a{display:table;color:#000;font-size:15px;}
.global-footer-container .footer-bct img{margin:10px 0 0;max-width:100%;max-height:56px}
.global-footer-container .footer-info-group{width:100%;padding-top:14px;position:relative}
.global-footer-container .footer-info-group::before{content:"";background:#129046;width:100%;max-width:975px;height:1px;position:absolute;top:0;left:112px}
.global-footer-container .footer-info-group .group-title{margin:0 0 6px;text-transform:unset}
.global-footer-container .info-list{line-height:22px;font-size:14px}
.global-footer-container .info-list b{font-weight:500}
.global-footer-container .info-list p{margin:0;}
.global-footer-container .info-list a{color:#000;display:inline-block}
.global-footer-container .footer-web-link  span {vertical-align: middle}
.global-footer-container .footer-web-link a {margin-bottom: 5px}
.footer-social-media{display:flex;flex-wrap:wrap}
.footer-social-media a{width:26px;height:26px;margin:13px 26px 0 0}
.footer-social-media a:hover{filter:invert(29%) sepia(36%) saturate(1104%) hue-rotate(89deg) brightness(89%) contrast(91%)}
.footer-social-media .icon-facebook{background-position:-85px -8px}
.footer-social-media .icon-youtube{background-position:-126px -4px}
.footer-social-media .icon-google{background-position:-168px -3px}
.footer-social-media .icon-twitter{background-position:-212px -5px}
.footer-social-media .icon-instagram{background-position:-257px -7px}
.global-fixed-right {text-align: center;position: fixed;right: 10px;bottom:150px;z-index: 9;width: 76px;display: flex;flex-wrap: wrap;justify-content: center;}
.global-fixed-right .icon-chat {display: block;margin-bottom: 15px;background: #fff;border-radius: 50%;padding: 10px 8px 8px;box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2)}
.global-fixed-right svg {display: block;width: 50px;height: 50px;}
.global-fixed-right .icon-phone{position:relative;color:#000;width:60px;height:60px;display:flex;background:#ff9000;border-radius:50%;align-items:center;justify-content:center;margin-bottom:10px}
.global-fixed-right .icon-phone svg{width:40px;margin:auto;height:40px;position:relative;z-index:3}
.global-fixed-right .icon-phone span{font-size:14px;overflow:hidden;position:absolute;white-space:nowrap;right:30px;height:60px;display:flex;align-items:center;background:#ff9000;color:#ff9000;border-radius:50px 10px 10px 50px;font-weight:600;line-height:60px;transition:.3s all;z-index:-9;width:0}
.global-fixed-right .icon-phone:hover span{padding:0 33px 0 14px;z-index:2;width:auto;color:#fff}
.global-go-top{width:40px;height:40px;border-radius:5px;transition:.3s all;transform:rotate(90deg);background:url(../images/global-icon-left.png) no-repeat center;background-size:9px;background-color:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,0.2);display: block;margin: auto;position: relative;right: calc(-100% - 10px)}
.global-go-top:hover{filter:invert(1);transition:.1s all}
.global-go-top.active{right: 0}
.shareholder-page{background:#fff}
.shareholder-page .col-left{width:220px;margin:0 30px 0 0;background:#fff;border:1px solid #ECECEC;padding:12px 10px}
.shareholder-page .col-left a{display:block;position:relative;color:#414141;font-size:15px;line-height:26px;padding:10px 10px 10px 30px;border-radius:5px;margin:0 0 3px}
.shareholder-page .col-left a:hover,.shareholder-page .col-left a.current{color:#0D642B;background:#E0F6E8}
.shareholder-page .col-left a:hover::before,.shareholder-page .col-left a.current::before{box-shadow:0 0 0 1px #0D642B}
.shareholder-page .col-left a:hover::after,.shareholder-page .col-left a.current::after{background:#BDE5CB;box-shadow:0 0 0 1px #0D642B}
.shareholder-page .col-left a::before{content:"";width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px #E1E1E1;position:absolute;left:10px;top:17px;background:#fff}
.shareholder-page .col-left a::after{content:"";width:5.6px;height:5.6px;border-radius:50%;position:absolute;left:13px;top:20.3px}
.shareholder-page .col-right{min-height:400px}
.shareholder-page .group-title,.shareholder-page .current-page-title{font-size:32px;line-height:40px;font-weight:700;text-transform:capitalize;margin:0 0 20px}
.shareholder-page .current-page-title{width:100%;margin:20px 0;text-align:center}
.shareholder-home-page .shareholder-cate-container{margin:70px auto 60px}
.shareholder-cate-container,.shareholder-report-page,.shareholder-prospectus-page{margin:20px auto;display:flex;flex-wrap:wrap;align-items:flex-start}
.shareholder-cate-list{display:flex;flex-wrap:wrap}
.shareholder-cate-list .item{width:25%;background:#C3F3D4;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;text-align:center;color:#0D642B;font-size:20px;font-weight:700;line-height:28px;text-transform:uppercase;padding:40px 35px 12px}
.shareholder-cate-list .item:nth-child(2),.shareholder-cate-list .item:nth-child(4),.shareholder-cate-list .item:nth-child(5),.shareholder-cate-list .item:nth-child(7),.shareholder-cate-list .item:nth-child(10),.shareholder-cate-list .item:nth-child(12),.shareholder-cate-list .item:nth-child(13),.shareholder-cate-list .item:nth-child(15){background:#E6FBF2}
.shareholder-cate-list .item-image{width:120px;height:102px;background-repeat:no-repeat;background-position:center;background-size:contain;margin:auto auto 25px;display:block}
.shareholder-cate-list .item-title{width:100%;height:calc(100% - 127px)}
.shareholder-cate-list img{width:auto;display:block;margin:auto}
.shareholder-major-container{background-repeat:no-repeat;background-size:cover;padding:45px 0;position:relative}
.shareholder-major-container .group-title{margin:0 0 30px}
.shareholder-major-container .item{width:310px;height:310px;overflow:hidden;border-radius:310px;margin:10px auto;background:#FFF;box-shadow:0 2px 10px 0 rgba(106,106,106,0.25);border:1px solid #08733F;text-align:center;font-size:16px;line-height:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column;padding:15px}
.shareholder-major-container .item p{margin:0}
.shareholder-major-container .item img{display:block;margin:auto;position:absolute;inset:0;max-height:94px;width:auto}
.shareholder-major-container .item-logo{display:block;width:100%;padding-bottom:95px;margin:0 0 11px;position:relative}
.shareholder-major-container .item-name{line-height:26px;margin:0 0 18px!important;font-size:20px;font-weight:600}
.shareholder-article-container{padding-top:60px;padding-bottom:60px}
.shareholder-article-container .group-title-holder{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 40px}
.shareholder-article-container .group-title-holder a{color:#FF881A;font-size:16px;line-height:20px;padding-right:12px;position:relative}
.shareholder-article-container .group-title-holder a::after{content:"«";transform:rotate(-180deg);position:absolute;font-size:20px;right:0}
.shareholder-article-container .group-title{margin:0}
.shareholder-article-container .item{color:#767676;line-height:20px}
.shareholder-article-container .item a{color:#646464;font-size:15px;font-weight:600;line-height:20px;text-transform:capitalize;margin:0 0 7px}
.shareholder-article-container .item img{border-radius:7px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.shareholder-article-container .item-img{position:relative;border-radius:7px;padding-bottom:69%;display:block}
.shareholder-article-container .item-title{display:block}
.shareholder-article-container .item-time{display:block;padding-left:25px;position:relative;margin:7px 0 0}
.shareholder-article-container .item-time::before{content:"";width:20px;height:20px;position:absolute;left:0;background-position:-54px -7px}
.shareholder-report-list{display:flex;flex-wrap:wrap}
.shareholder-report-list .item{margin:0 12px 16px 0;width:calc(33.3333333333% - 8px)}
.shareholder-report-list .item:nth-child(3n){margin-right:0}
.shareholder-report-list .item img{display:block;margin:auto;width:auto;height: 443px}
.shareholder-report-list .item-title{color:#0D642B;font-size:18px;line-height:23px;text-transform:uppercase;margin:16px 0 0;text-align:center;font-weight:400}
.shareholder-paging{width:100%;text-align:center;font-size:16px;line-height:20px;margin:7px 0 0}
.shareholder-paging a{color:#FF881A}
.shareholder-paging a::after{content:"▾";margin-left:2px}
.shareholder-report-page .col-left{margin-right:0}
.shareholder-report-page .col-right{width:calc(100% - 220px);background:#fff;border:1px solid #ECECEC;padding:37px 25px 0 21px;border-radius:3px;display:flex;flex-wrap:wrap}
.shareholder-report-page .report-timelines-group{margin-right:30px;width:calc(100% - 860px);height:100%;position:relative;}
.shareholder-report-page .report-timelines-group::before{content:"";width:1px;background:#BDBDBD;position:absolute;left:8.5px;top:0;bottom:0}
.shareholder-report-page .report-timelines-group .item{display:block;position:relative;color:#000;line-height:20px;padding:0 0 0 32px;margin:0 0 45px;width: 100%}
.shareholder-report-page .report-timelines-group .item:nth-child(n+8) {display: none;}
.shareholder-report-page .report-timelines-group .item::before{content:"";width:19px;height:19px;border-radius:50%;background:#FFF;border:1px solid #959595;position:absolute;top:1px;left:0}
.shareholder-report-page .report-timelines-group .item:hover::before,.shareholder-report-page .report-timelines-group .item.current::before{background:#FF881A;border-color:transparent}
.shareholder-report-page .report-timelines-group .btn-view-more{display:block;order:999;width:20px;height:30px;line-height:23px;position:absolute;left:1px;bottom:0;z-index:1;background:#fff;color:#000;font-size:20px}
.shareholder-report-page .report-timelines-group .btn-view-more::before{content:'\2B9F';display:block}
.shareholder-report-page .report-timelines-group .btn-view-more:hover{color: #bde5cb;}
.shareholder-report-page .report-timelines-group.active .item {display: block}
.shareholder-report-page .report-timelines-group .btn-view-more.active {transform: rotate(180deg);left: -2px;line-height: 25px}
.shareholder-report-page .report-list-holder{width:830px;position: relative}
.shareholder-report-page .report-item{padding:12px 0 12px 40px;position:relative;color:#959595;font-size:13px;line-height:20px;text-transform:capitalize;border-bottom:1px solid #ECECEC}
.shareholder-report-page .report-item::before{content:"";width:32px;height:32px;position:absolute;top:20px;left:0;background-position:-152px -42px}
.shareholder-report-page .report-item .item-title{font-size:16px;font-weight:600;line-height:32px;text-decoration:underline;text-transform:capitalize}
.shareholder-report-page .report-item .item-time{display:block;padding-left:25px;position:relative}
.shareholder-report-page .report-item .item-time::before{content:"";width:20px;height:20px;position:absolute;left:0;background-position:-54px -7px}
.shareholder-report-page .shareholder-paging{text-align:right;margin:0;padding:18px 0}
.shareholder-prospectus-page .col-right,.shareholder-regulation-page .col-right{padding:0;display: block}
.shareholder-prospectus-page .report-list-holder,.shareholder-regulation-page .report-list-holder{width:100%;padding:36px}
.shareholder-regulation-page .report-list-holder{padding:12px 26px}
.shareholder-regulation-page .page-tab-group{background:#E6FBF2;width:100%;display:flex;flex-wrap:wrap;line-height:52px;font-size:16px;font-weight:600;text-align:center}
.shareholder-regulation-page .page-tab-group .item{width:50%;border-right:1px solid #E6FBF2}
.shareholder-regulation-page .page-tab-group .item:last-child{border:0}
.shareholder-regulation-page .page-tab-group .item:hover,.shareholder-regulation-page .page-tab-group .item.current{background:#128F3D;color:#fff}
.p-item{padding:12px;background:#fff;border:1px solid #ECECEC;line-height:20px}
.p-item:hover img{bottom:15px}
.p-item a{color:#000}
.p-item img{transition:.4s all}
.p-item .p-category {margin: 12px 0 12px -12px;display: table;font-size: 12px;padding: 0 17px 0 10px;line-height: 26px;border-radius: 0 50px 50px 0;background: #E3F5E4;color: #000}
.p-item .p-img{position:relative;padding-bottom:100%;margin:0 0 12px;display:block;overflow:hidden}
.p-item .p-name{margin:12px 0 3px;color:#000;height:44px;font-size:15px;font-weight:600;line-height:22px;text-transform:uppercase}
.p-item .p-summary {height: 60px;white-space: pre-line;}
.product-page{padding-bottom:100px}
.product-page .group-left{width:291px;margin:0 12px 0 0}
.product-page .group-right{width:calc(100% - 303px);background:#fff;border-radius:5px;padding:15px 12px}
.product-page .product-holder{display:flex;flex-wrap:wrap}
.product-page .p-item{margin:0 12px 12px 0;width:calc(25% - 9px)}
.product-page .p-item:nth-child(4n){margin-right:0}
.product-list-container{display:block}
.product-list-container .p-item{width:calc(50% - 6px);display:flex;flex-wrap:wrap;padding:12px 9px 12px 12px}
.product-list-container .p-item:nth-child(2n){margin-right:0}
.product-list-container .p-item .p-img{margin:0 12px 0 0;width:40%;padding-bottom:40%}
.product-list-container .p-item .p-text{width:calc(60% - 12px)}
.product-list-container .p-item .p-name{margin:0 0 10px;line-height:20px;height:auto}
.product-sort-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0 0 16px;line-height:32px}
.product-sort-group .page-title{font-size:16px;margin:0;line-height:inherit;font-weight:400}
.product-sort-group .page-title b{font-weight:700}
.product-sort-group .box-right{display:flex;align-items:center}
.product-sort-group select{border-radius:50px;background:#F2F1F1;height:32px;min-width:115px;margin:0 4px 0 0;font-size:15px;color:#353535;padding:0 8px;border:0;text-transform: capitalize;}
.product-sort-group .sort-icons{width:32px;height:32px;border-radius:50%;margin:0 4px 0 0;background:#F2F1F1}
.product-sort-group .sort-icons::before{content:"";display:block;height:100%}
.product-sort-group .sort-icons:last-child{margin:0}
.product-sort-group .sort-icons:hover,.product-sort-group .sort-icons.current{background:#129046}
.product-sort-group .sort-icons:hover::before,.product-sort-group .sort-icons.current::before{filter:invert(1) brightness(100)}
.product-sort-group .icon-grid::before{background-position:-208px -82px}
.product-sort-group .icon-list::before{background-position:-250px -82px}
.product-filter-container{padding:23px 12px;position:relative;overflow:hidden;background:#fff;border-radius:5px;margin:0 0 12px}
.product-filter-container::before{content:"";height:7px;position:absolute;top:0;left:0;right:0}
.product-filter-container a{display:block;position:relative;color:#000;font-size:16px;line-height:22px;margin-bottom:10px}
.product-filter-container .filter-item{margin:0 0 30px}
.product-filter-container .filter-item:last-child{margin:0}
.product-filter-container .filter-title{font-size:16px;font-weight:700;line-height:27px;padding-bottom:4px;margin:0 0 12px;border-bottom:1px solid #5CCD83;text-transform:uppercase}
.product-filter-container .filter-category a, .product-filter-container .filter-category details summary{display:flex;align-items:baseline;justify-content:space-between}
.product-filter-container .filter-category details .icon-arrow {display: block}
.product-filter-container .filter-category details .icon-arrow::after{content:"❯";color:#BDBDBD}
.product-filter-container .filter-category details summary::marker{content: none}
.product-filter-container .filter-category details summary {margin-bottom: 10px;}
.product-filter-container .filter-category details summary a {margin: 0;}
.product-filter-container .filter-category details[open] summary, .product-filter-container .filter-category details[open] summary a {color: #129046;font-weight: 600;position: relative}
.product-filter-container .filter-category details[open] summary .icon-arrow::after {transform: rotate(90deg);position: absolute;top: 1px;right: 2px}
.product-filter-container .filter-category .filter-category-child {padding-left: 20px;font-weight: 300;}
.product-filter-container .filter-list a{padding:0 0 0 33px}
.product-filter-container .filter-list a::before{content:"";width:20px;height:20px;border-radius:3px;border:1px solid #B5B5B5;background:#fff;position:absolute;top:0;left:0}
.product-filter-container .filter-list a.current::before{background:#129046;border-color:transparent}
.product-filter-container .filter-list a.current::after{content:"✓";color:#fff;width:20px;line-height:20px;text-align:center;position:absolute;top:0;left:0}
.top-product-container{border-radius:5px;margin-bottom:20px;background-repeat:no-repeat;background-position:center;background-size:100% 100%;padding:13px 12px 30px}
.top-product-container .group-title{text-align:center;color:#fff;font-size:32px;font-weight:700;line-height:51px;text-transform:uppercase;margin:0 0 24px}
.top-product-container .p-item{width:100%;margin:0}
.product-static-group{margin:12px 0;border-radius:5px;border:1px solid #BDE5CB;background:#FFF;padding:20px 12px;font-size:16px}
.product-static-group .group-title{text-align:center;line-height:20px;margin-bottom:10px;font-weight:600;text-transform:uppercase}
.product-static-group .text{display:flex;margin-bottom:12px}
.product-static-group .text:last-child{margin:0}
.product-static-group .text span{width:calc(100% - 36px)}
.product-static-group .icons,.product-static-group .home-shareholder-list a::after,.home-shareholder-list .product-static-group a::after,.product-static-group .home-shareholder-list .item::before,.home-shareholder-list .product-static-group .item::before,.product-static-group .distributor-branch-container .group-title::before,.distributor-branch-container .product-static-group .group-title::before,.product-static-group .distributor-filter-result .icon-map::before,.distributor-filter-result .product-static-group .icon-map::before,.product-static-group .distributor-filter-result .icon-tel::before,.distributor-filter-result .product-static-group .icon-tel::before,.product-static-group .distributor-filter-result .icon-home::before,.distributor-filter-result .product-static-group .icon-home::before,.product-static-group .recruit-item .item-featured::after,.recruit-item .product-static-group .item-featured::after,.product-static-group .recruit-search-group .icon-search::before,.recruit-search-group .product-static-group .icon-search::before,.product-static-group .library-page .video-item .item-img::before,.library-page .video-item .product-static-group .item-img::before,.product-static-group .pd-ask-item .item-title::before,.pd-ask-item .product-static-group .item-title::before,.product-static-group .product-detail-page .pd-btn-group .btn-phone::before,.product-detail-page .pd-btn-group .product-static-group .btn-phone::before,.product-static-group .custom-nav-2 .arrow,.custom-nav-2 .product-static-group .arrow,.product-static-group .global-header-top .col-left::before,.global-header-top .product-static-group .col-left::before,.product-static-group .shareholder-article-container .item-time::before,.shareholder-article-container .product-static-group .item-time::before,.product-static-group .shareholder-report-page .report-item::before,.shareholder-report-page .product-static-group .report-item::before,.product-static-group .shareholder-report-page .report-item .item-time::before,.shareholder-report-page .report-item .product-static-group .item-time::before,.product-static-group .product-sort-group .sort-icons::before,.product-sort-group .product-static-group .sort-icons::before{width:24px;height:25px;margin-right:12px}
.product-static-group .icon-1{background-position:-6px -89px}
.product-static-group .icon-2{background-position:-48px -90px}
.product-static-group .icon-3{background-position:-90px -87px}
.product-static-group .icon-4{background-position:-131px -84px}
.product-static-group .icon-5{background-position:-171px -88px}
.product-support-group{margin:12px 0;border-radius:5px;border:1px solid #BDE5CB;background:#FFF;padding:20px 12px;line-height:24px;font-size:16px;text-align:center}
.product-support-group p{margin:0}
.product-support-group img{display:block;margin:15px auto 20px;width:auto;max-width:150px}
.product-support-group .group-title{font-weight:600;margin:0 0 15px;line-height:20px}
.product-support-group .page-support-tel{display:block;color:#128F3D;font-size:24px;font-weight:700;line-height:39px}
.product-support-group .line{color:#646464;font-size:15px;line-height:25px;position:relative;margin:0 0 6px}
.product-support-group .line::before{content:"";background:#959595;height:1px;position:absolute;top:13px;left:13px;right:13px}
.product-support-group .line span{display:inline-block;padding:0 27px;background:#fff;position:relative}
.product-support-group .page-support-chat{background-color:#fff;border:1px solid #129046;text-align:center;font-size:16px;line-height:26px;display:block;margin:6px 0 0;transition:.15s all}
.product-support-group .page-support-chat:hover{color:#fff;background:#129046}
.product-detail-page{padding-bottom:90px}
.product-detail-page .pd-box-group{padding:12px;background:#fff;margin-bottom:12px}
.product-detail-page .pd-box-group .group-title{font-size:18px;font-weight:600;line-height:33px;margin:0 0 7px}
.product-detail-page .page-title{font-size:20px;font-weight:700;line-height:30px;margin:0 0 7px;line-height:30px}
.product-detail-page .pd-functional-group{font-weight:500;margin:3px 0;line-height:30px}
.product-detail-page .pd-functional-group *{margin: 0 10px 10px 0;display: inline-block;font-size: 14px;padding: 0 17px;line-height: 32px;border-radius: 50px;background: #E3F5E4;color: #000;}
.product-detail-page .pd-brand-group{margin:3px 0 8px;line-height:30px}
.product-detail-page .pd-brand-group a{font-weight:700;display:inline-block}
.product-detail-page .pd-manuals-group{border-radius:5px;background:#F9F9F9;overflow:hidden;margin:0 0 16px;padding: 15px}
.product-detail-page .pd-manuals-group p{margin:0}
.product-detail-page .pd-manuals-group td{padding:7px;vertical-align:baseline}
.product-detail-page .pd-manuals-group td:nth-child(1){width:110px}
.product-detail-page .pd-manuals-group td:nth-child(2) > *{margin:0;position:relative;display:block;padding-left:15px}
.product-detail-page .pd-manuals-group td:nth-child(2) > ::before{content:"●";position:absolute;left:0;font-size:8px}
.product-detail-page .pd-btn-group{display:flex;flex-wrap:wrap;justify-content:space-between;line-height:25px}
.product-detail-page .pd-btn-group a{width:calc(50% - 6px);margin:0 0 16px;text-transform:uppercase;text-align:center;color:#000;font-size:18px;font-weight:700;border-radius:5px;overflow:hidden;padding:15px;transition:.2s all;position:relative}
.product-detail-page .pd-btn-group a:hover{box-shadow:0 0 6px 1px rgba(0,0,0,0.2)}
.product-detail-page .pd-btn-group .btn-contact{background:#129046;color:#fff}
.product-detail-page .pd-btn-group .btn-address{padding:2px}
.product-detail-page .pd-btn-group .btn-address span{background:#fff;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit}
.product-detail-page .pd-btn-group .btn-phone{background:#DFF0D8;font-size:14px;font-weight:600;padding:10px;display:flex;align-items:center;justify-content:center}
.product-detail-page .pd-btn-group .btn-phone::before{content:"";width:20px;height:20px;display:inline-block;background-position:-234px -135px;margin-right:25px;animation:phonering 1.8s infinite ease-in-out}
.product-detail-page .pd-btn-group .btn-phone b{font-size:20px;font-weight:700}
.product-detail-page .pd-col-left{width:796px;margin-right:12px}
.product-detail-page .pd-col-right{width:392px}
.product-detail-page .pd-tab-group{position:sticky;top:0;left:0;right:0;z-index:1;background:#fff;line-height:26px;font-size:18px;font-weight:600;padding:16px 12px 0 28px;display:flex;align-items:center}
.product-detail-page .pd-tab-group::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:#ECECEC}
.product-detail-page .pd-tab-group a{color:#646464;margin-right:35px;padding:0 0 7px;position:relative}
.product-detail-page .pd-tab-group a::after{content:"";position:absolute;left:0;bottom:0;right:0;height:2px;width:0;transition:.3s all;z-index:1;background:transparent}
.product-detail-page .pd-tab-group a:hover,.product-detail-page .pd-tab-group a.current{color:#129046}
.product-detail-page .pd-tab-group a:hover::after,.product-detail-page .pd-tab-group a.current::after{background:#129046;width:100%}
.product-detail-page .pd-tab-group a:last-child{margin:0}
.product-detail-page .pd-desc-group{font-size:14px}
.product-detail-page .pd-desc-group *{line-height:22px!important;font-family: inherit !important;}
.product-detail-page .pd-desc-group .container {padding: 0;max-width: unset;min-width: unset;}
.product-detail-page .pd-video-group .item{margin-bottom:12px;text-align:center}
.product-detail-page .pd-video-group .item:last-child{margin:0}
.product-detail-page .pd-video-group iframe{margin:auto;border-radius:10px;width: 100%;height: 500px}
.pd-info-container{padding:12px 12px 44px;background:#fff;margin-bottom:12px;font-size:14px;line-height:24px}
.pd-info-container .pd-info-left{width:582px;margin-right:12px}
.pd-info-container .pd-info-right{width:calc(100% - 594px)}
.pd-info-container .pd-image-large{border:1px solid #ECECEC;margin-bottom:14px;position:relative}
.pd-info-container .pd-image-btn{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:space-between;width:33px;height:66px;border-radius:0 40px 40px 0;background-color:rgba(120,120,120,0.25)}
.pd-info-container .pd-image-btn::before{content:"";display:block;width:100%;height:100%;background:url(../images/global-icon-left.png) no-repeat 5px center;background-size:12px;filter:invert(1) brightness(100)}
.pd-info-container .btn-next{left:unset;right:0;transform:translateY(-50%) rotate(-180deg)}
.pd-info-container .pd-gallery-holder img{filter:unset!important;box-shadow:unset!important}
.pd-info-container .pd-gallery-holder .item{display:block;border:1px solid #ECECEC}
.pd-info-container .pd-gallery-holder .item.mz-thumb-selected{border-color:transparent}
.pd-ask-item{padding:12px 0;border-bottom:1px solid #ECECEC}
.pd-ask-item:last-child{border:0}
.pd-ask-item.active .item-title::before{filter:invert(36%) sepia(43%) saturate(6292%) hue-rotate(134deg) brightness(91%) contrast(86%)}
.pd-ask-item.active .item-title::after{transform:rotate(90deg)}
.pd-ask-item .item-answer{display:none;margin:12px 0 0;white-space: pre-line;}
.pd-ask-item .item-title{color:#313131;font-size:16px;font-weight:600;line-height:25px;padding-left:33px;position:relative;margin:0;cursor:pointer}
.pd-ask-item .item-title::before{content:"";width:21px;height:20px;background-position:-273px -135px;position:absolute;top:2px;left:0}
.pd-ask-item .item-title::after{content:"";position:absolute;top:10px;right:0;width:10px;height:10px;background:url(../images/global-icon-left.png) no-repeat;background-size:contain;transform:rotate(-90deg)}
.pd-related-container{background:#fff;padding:15px 12px 12px;margin:0 0 20px}
.pd-related-container .group-title{font-size:18px;font-weight:600;line-height:26px;padding-bottom:7px;margin:0 0 18px;border-bottom:1px solid #ECECEC}
.pd-related-container .product-list-container{display:block}
.pd-related-container .product-list-container .p-category, .product-list-container .p-item .p-category{display: none}
.pd-related-container .p-item{width:100%;margin:0 0 12px}
.pd-related-container .p-item:last-child{margin:0}
.art-item{display:flex;flex-wrap:wrap;align-items:flex-start;padding:16px 0;font-size:15px;line-height:20px;color:#646464}
.art-item img{display:block}
.art-item .art-img{width:37%;margin-right:11px}
.art-item .art-text{width:calc(63% - 11px)}
.art-item .art-title{color:#2A2A2A;font-size:16px;font-weight:600;line-height:22px;margin:0 0 6px}
.art-item .art-summary{margin:6px 0 10px}
.art-item .art-time{color:#959595;display:block;margin:10px 0 16px}
.art-item .art-btn{display:inline-block;text-decoration-line:underline}
.art-item .art-time-holder{display:flex;align-items:center;flex-wrap:wrap}
.art-item .art-time-holder .art-time{margin:0}
.art-item .art-category{margin:0 12px 0 0;color:#FA4646;text-transform:uppercase;position:relative}
.art-item .art-category::after{content:"|";color:#959595;padding-left:12px;position:relative;top:-2px}
.article-page{background:#fff;padding-bottom:60px}
.article-page .page-banner-group{position:relative}
.article-page .page-banner-group img{display:block;width:100%}
.article-page .page-banner-group .group-title{color:#FFF;font-size:36px;font-weight:500;line-height:38px;margin:0;position:absolute;bottom:32px}
.article-page .page-banner-group .group-title::after{content:"";width:71px;height:1px;background-color:#fff;position:absolute;left:calc(100% + 13px);bottom:5px}
.article-page .article-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.article-page .article-list .art-item{width:calc(50% - 14px)}
.article-page .article-list .art-item:nth-child(n+3){border-top:1px solid #ECECEC}
.article-page .paging{padding:40px 0}
.top-article-container{margin-top:10px;padding-bottom:40px;margin-bottom:24px;border-bottom:1px solid #ECECEC}
.top-article-container .col-left, .top-article-container .col-right {width: calc(50% - 14px);}
.top-article-container .global-title-background {margin: 0 0 16px;line-height: 52px;padding-right: 69px;}
.top-article-container .art-item{padding:0;margin: 0 0 12px 0}
.top-article-container .art-item:last-child{margin: 0}
.top-article-container .art-item .art-img{width:32%;margin-right: 12px;position: relative;padding-bottom: 24.3%;}
.top-article-container .art-item img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}
.top-article-container .art-item .art-text{width:calc(100% - 32% - 12px)}
.top-article-container .art-item .art-summary{margin:5px 0}
.top-article-container .art-item .art-btn{margin:5px 0 25px}
.top-article-container .col-left .art-item {display: block}
.top-article-container .col-left .art-item .art-img {width: auto;display: block;margin: 0 0 12px 0;padding-bottom: 62%}
.top-article-container .col-left .art-item .art-text {width: 100%}
.top-article-container .col-left .art-item .art-title {font-size: 18px;line-height: 27px;margin: 0 0 4px 0}
.top-article-container .col-left .art-item .art-summary, .top-article-container .col-left .art-item .art-time {font-size: 17px;line-height: 23px}
.top-article-container .col-left .art-item .art-btn {display: none}
.article-detail-page .top-article-container{width:100%;margin:80px 0 0;padding-bottom:0;border:0}
.article-detail-page .top-article-container .group-title{color:#2A2A2A;font-size:24px;font-weight:700;line-height:33px;text-transform:uppercase;padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid #959595}
.article-detail-page .col-left{width:796px;margin-right:12px}
.article-detail-page .col-right{width:392px}
.article-detail-page .page-title{color:#2A2A2A;font-size:28px;font-weight:600;line-height:43px;margin:0 0 10px}
.article-detail-page .art-detail-time{color:#959595;font-size:16px;line-height:22px;margin:10px 0 15px}
.article-detail-page .art-detail-time i {display: inline-block;height: 20px;width: 20px;background-repeat: no-repeat;background-size: 17px;vertical-align: sub}
.article-detail-page .art-detail-content{font-size:15px;line-height:22px;padding-bottom:16px}
.article-detail-page .art-detail-content *{line-height:inherit!important}
.article-detail-page .art-detail-share{padding-top:16px;border-top:1px solid #959595;display:flex;align-items:center;justify-content:space-between;line-height:22px;font-size:15px;font-weight:600}
.article-detail-page .art-detail-share p{margin:0 7px 0 0}
.article-detail-page .art-share-btn{display:flex;align-items:center}
.article-detail-page .art-share-btn .icons,.article-detail-page .art-share-btn .home-shareholder-list a::after,.home-shareholder-list .article-detail-page .art-share-btn a::after,.article-detail-page .art-share-btn .home-shareholder-list .item::before,.home-shareholder-list .article-detail-page .art-share-btn .item::before,.article-detail-page .art-share-btn .distributor-branch-container .group-title::before,.distributor-branch-container .article-detail-page .art-share-btn .group-title::before,.article-detail-page .art-share-btn .distributor-filter-result .icon-map::before,.distributor-filter-result .article-detail-page .art-share-btn .icon-map::before,.article-detail-page .art-share-btn .distributor-filter-result .icon-tel::before,.distributor-filter-result .article-detail-page .art-share-btn .icon-tel::before,.article-detail-page .art-share-btn .distributor-filter-result .icon-home::before,.distributor-filter-result .article-detail-page .art-share-btn .icon-home::before,.article-detail-page .art-share-btn .recruit-item .item-featured::after,.recruit-item .article-detail-page .art-share-btn .item-featured::after,.article-detail-page .art-share-btn .recruit-search-group .icon-search::before,.recruit-search-group .article-detail-page .art-share-btn .icon-search::before,.article-detail-page .art-share-btn .library-page .video-item .item-img::before,.library-page .video-item .article-detail-page .art-share-btn .item-img::before,.article-detail-page .art-share-btn .custom-nav-2 .arrow,.custom-nav-2 .article-detail-page .art-share-btn .arrow,.article-detail-page .art-share-btn .global-header-top .col-left::before,.global-header-top .article-detail-page .art-share-btn .col-left::before,.article-detail-page .art-share-btn .shareholder-article-container .item-time::before,.shareholder-article-container .article-detail-page .art-share-btn .item-time::before,.article-detail-page .art-share-btn .shareholder-report-page .report-item::before,.shareholder-report-page .article-detail-page .art-share-btn .report-item::before,.article-detail-page .art-share-btn .shareholder-report-page .report-item .item-time::before,.shareholder-report-page .report-item .article-detail-page .art-share-btn .item-time::before,.article-detail-page .art-share-btn .product-sort-group .sort-icons::before,.product-sort-group .article-detail-page .art-share-btn .sort-icons::before,.article-detail-page .art-share-btn .product-detail-page .pd-btn-group .btn-phone::before,.product-detail-page .pd-btn-group .article-detail-page .art-share-btn .btn-phone::before,.article-detail-page .art-share-btn .pd-ask-item .item-title::before,.pd-ask-item .article-detail-page .art-share-btn .item-title::before{width:23px;height:23px;margin:0 7px}
.article-detail-page .art-share-btn .icons:hover,.article-detail-page .art-share-btn .home-shareholder-list a:hover::after,.home-shareholder-list .article-detail-page .art-share-btn a:hover::after,.article-detail-page .art-share-btn .home-shareholder-list .item:hover::before,.home-shareholder-list .article-detail-page .art-share-btn .item:hover::before,.article-detail-page .art-share-btn .distributor-branch-container .group-title:hover::before,.distributor-branch-container .article-detail-page .art-share-btn .group-title:hover::before,.article-detail-page .art-share-btn .distributor-filter-result .icon-map:hover::before,.distributor-filter-result .article-detail-page .art-share-btn .icon-map:hover::before,.article-detail-page .art-share-btn .distributor-filter-result .icon-tel:hover::before,.distributor-filter-result .article-detail-page .art-share-btn .icon-tel:hover::before,.article-detail-page .art-share-btn .distributor-filter-result .icon-home:hover::before,.distributor-filter-result .article-detail-page .art-share-btn .icon-home:hover::before,.article-detail-page .art-share-btn .recruit-item .item-featured:hover::after,.recruit-item .article-detail-page .art-share-btn .item-featured:hover::after,.article-detail-page .art-share-btn .recruit-search-group .icon-search:hover::before,.recruit-search-group .article-detail-page .art-share-btn .icon-search:hover::before,.article-detail-page .art-share-btn .library-page .video-item .item-img:hover::before,.library-page .video-item .article-detail-page .art-share-btn .item-img:hover::before,.article-detail-page .art-share-btn .custom-nav-2 .arrow:hover,.custom-nav-2 .article-detail-page .art-share-btn .arrow:hover,.article-detail-page .art-share-btn .global-header-top .col-left:hover::before,.global-header-top .article-detail-page .art-share-btn .col-left:hover::before,.article-detail-page .art-share-btn .shareholder-article-container .item-time:hover::before,.shareholder-article-container .article-detail-page .art-share-btn .item-time:hover::before,.article-detail-page .art-share-btn .shareholder-report-page .report-item:hover::before,.shareholder-report-page .article-detail-page .art-share-btn .report-item:hover::before,.article-detail-page .art-share-btn .shareholder-report-page .report-item .item-time:hover::before,.shareholder-report-page .report-item .article-detail-page .art-share-btn .item-time:hover::before,.article-detail-page .art-share-btn .product-sort-group .sort-icons:hover::before,.product-sort-group .article-detail-page .art-share-btn .sort-icons:hover::before,.article-detail-page .art-share-btn .product-detail-page .pd-btn-group .btn-phone:hover::before,.product-detail-page .pd-btn-group .article-detail-page .art-share-btn .btn-phone:hover::before,.article-detail-page .art-share-btn .pd-ask-item .item-title:hover::before,.pd-ask-item .article-detail-page .art-share-btn .item-title:hover::before{filter:invert(37%) sepia(73%) saturate(2218%) hue-rotate(108deg) brightness(93%) contrast(106%)}
.article-detail-page .art-share-btn .icon-facebook{background-position:-85px -9px}
.article-detail-page .art-share-btn .icon-twitter{background-position:-214px -6px}
.art-detail-list-group{margin:0 0 30px;color:#2A2A2A}
.art-detail-list-group .group-title{font-size:24px;font-weight:700;line-height:33px;text-transform:uppercase;margin:0 0 10px;padding-bottom:14px;border-bottom:1px solid #000}
.art-detail-list-group .art-item{border-top:1px solid #ECECEC}
.art-detail-list-group .art-item:first-child{border:0}
.art-detail-list-group .art-item .art-img{width:152px;margin-right:8px}
.art-detail-list-group .art-item .art-text{width:calc(100% - 160px)}
.art-detail-list-group .art-item .art-summary{display:none}
.art-detail-list-group .art-item .art-time{margin:5px 0 10px}
.art-detail-list-group .art-item .art-btn{margin:0}
.library-page{background:#fff;padding-bottom:60px}
.library-page .page-banner-group{position:relative}
.library-page .page-banner-group img{display:block;width:100%}
.library-page .page-banner-group .group-title{color:#FFF;font-size:36px;font-weight:500;line-height:38px;margin:0;position:absolute;bottom:32px}
.library-page .page-banner-group .group-title::after{content:"";width:71px;height:1px;background-color:#fff;position:absolute;left:calc(100% + 13px);bottom:5px}
.library-page .page-tab-group{margin:16px 0 25px;display:flex;flex-wrap:wrap;align-items:center;line-height:44px;white-space:nowrap;font-size:16px;font-weight:700}
.library-page .page-tab-group .item{color:#000;margin:0 12px 0 0;border-radius:40px;box-shadow:0 0 0 .8px #e1e1e1;text-align:center;padding:0 30px;transition:.1s all}
.library-page .page-tab-group .item:hover,.library-page .page-tab-group .item.current{color:#fff;background:#129046;box-shadow:unset}
.library-page .library-list-holder{display:flex;flex-wrap:wrap}
.library-page .image-item,.library-page .video-item{margin:0 20px 20px 0;width:calc(33.3333333333% - 14px);border-radius:10px;box-shadow:0 0 0 .8px #BDBDBD;background:#FFF;overflow:hidden}
.library-page .image-item:nth-child(3n),.library-page .video-item:nth-child(3n){margin-right:0}
.library-page .image-item .item-img,.library-page .video-item .item-img{display:block;position:relative;overflow:hidden;padding-bottom:240px}
.library-page .image-item .item-title,.library-page .video-item .item-title{display:block;color:#000;font-size:16px;line-height:24px}
.library-page .video-item .item-title{padding:12px 12px 15px}
.library-page .video-item .item-img::before{content:"";width:50px;height:50px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;background-color:#fff;background-position:-169px -118px}
.library-page .image-item .item-text{padding:12px}
.library-page .icon-box{width:28px;height:28px;display:block;margin:8px 0 auto auto;background-position:-132px -132px}
.library-page .icon-box:hover{filter:invert(37%) sepia(73%) saturate(2218%) hue-rotate(108deg) brightness(93%) contrast(106%)}
.library-page .image-item.video-item .item-title {padding: 0;}
.contact-page{background:#fff;padding-bottom:80px;color:#2A2A2A}
.contact-page .col-left,.contact-page .col-right{width:594px;padding-top:40px}
.contact-page .col-left{margin-right:12px}
.contact-page .col-right{border-radius:5px;border:1px solid #ECECEC;padding:26px 29px;height:100%}
.contact-page .item-info{margin-bottom:15px}
.contact-page .item-info .group-title{font-size:20px;font-weight:600;line-height:40px;text-transform:capitalize;margin:0}
.contact-page .item{display:table;color:#2A2A2A;font-size:16px;font-weight:400;line-height:24px;text-transform:capitalize;margin:10px 0 20px;padding:0 0 0 36px;position:relative}
.contact-page .item:last-child{text-transform:unset}
.contact-page .icons,.contact-page .home-shareholder-list a::after,.home-shareholder-list .contact-page a::after,.contact-page .home-shareholder-list .item::before,.home-shareholder-list .contact-page .item::before,.contact-page .distributor-branch-container .group-title::before,.distributor-branch-container .contact-page .group-title::before,.contact-page .distributor-filter-result .icon-map::before,.distributor-filter-result .contact-page .icon-map::before,.contact-page .distributor-filter-result .icon-tel::before,.distributor-filter-result .contact-page .icon-tel::before,.contact-page .distributor-filter-result .icon-home::before,.distributor-filter-result .contact-page .icon-home::before,.contact-page .recruit-item .item-featured::after,.recruit-item .contact-page .item-featured::after,.contact-page .recruit-search-group .icon-search::before,.recruit-search-group .contact-page .icon-search::before,.contact-page .custom-nav-2 .arrow,.custom-nav-2 .contact-page .arrow,.contact-page .global-header-top .col-left::before,.global-header-top .contact-page .col-left::before,.contact-page .shareholder-article-container .item-time::before,.shareholder-article-container .contact-page .item-time::before,.contact-page .shareholder-report-page .report-item::before,.shareholder-report-page .contact-page .report-item::before,.contact-page .shareholder-report-page .report-item .item-time::before,.shareholder-report-page .report-item .contact-page .item-time::before,.contact-page .product-sort-group .sort-icons::before,.product-sort-group .contact-page .sort-icons::before,.contact-page .product-detail-page .pd-btn-group .btn-phone::before,.product-detail-page .pd-btn-group .contact-page .btn-phone::before,.contact-page .pd-ask-item .item-title::before,.pd-ask-item .contact-page .item-title::before,.contact-page .library-page .video-item .item-img::before,.library-page .video-item .contact-page .item-img::before{width:24px;height:25px;position:absolute;top:0;left:0}
.contact-page .icon-map{background-position:-269px -45px}
.contact-page .icon-tel{background-position:-192px -43px}
.contact-page .icon-mail{background-position:-232px -40px}
.contact-page .page-title{margin:0 0 10px;line-height:40px;font-size:32px;font-weight:600;text-transform:uppercase}
.contact-page .input-item{display:block;margin-bottom:16px;line-height:24px;width:100%}
.contact-page .input-item:nth-child(2){margin-right:12px}
.contact-page .input-item:nth-child(2),.contact-page .input-item:nth-child(3){width:calc(50% - 6px)}
.contact-page .input-item b{display:block;font-weight:500;font-size:16px;margin:0 0 5px}
.contact-page .input-item input,.contact-page .input-item textarea{display:block;width:100%;height:52px;padding:0 18px;border-radius:5px;border:1px solid #E1E1E1;margin:0;color:#959595;font-size:16px}
.contact-page .input-item textarea{max-height:500px;min-height:340px;padding:14px 18px}
.contact-page .btn-submit{display:block;width:100%;max-width:262px;line-height:52px;text-align:center;border-radius:5px;background:#129046;color:#FFF;font-size:16px;font-weight:700;margin-top:5px}
.recruit-page{background:#fff}
.recruit-page .page-title-group{font-size:16px;line-height:34px;margin:0 0 20px;text-align:center}
.recruit-page .page-title-group P{margin:0}
.recruit-page .paging{padding:24px 12px}
.recruit-search-group{max-width:800px;margin:20px auto 40px;border-radius:5px;border:1px solid #E1E1E1;background:#FFF;position:relative;overflow:hidden}
.recruit-search-group input{width:calc(100% - 70px);height:50px;padding:0 26px;font-size:16px;font-weight:500;border:0;margin:0}
.recruit-search-group input ::-moz-placeholder{color:#BDBDBD}
.recruit-search-group input ::placeholder{color:#BDBDBD}
.recruit-search-group .icon-search{background:linear-gradient(90deg,#1A532B -7.52%,#36894D 57.52%);width:64px;height:64px;position:absolute;top:0;right:0;bottom:0;cursor:pointer}
.recruit-search-group .icon-search::before{content:"";position:absolute;inset:0;filter:brightness(100);background-size:400px;background-position:5px 0px}
.recruit-list-group{display:flex;flex-wrap:wrap;align-items:flex-start;padding-bottom:60px}
.recruit-list-group .col-left{width:291px;margin-right:12px;border-radius:5px;border:1px solid #ECECEC;background:#FFF;padding:8px 12px 12px;position:relative;overflow:hidden}
.recruit-list-group .col-left::before{content:"";height:7px;width:100%;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#89C466 0%,#037340 101.06%)}
.recruit-list-group .col-right{width:calc(100% - 303px)}
.recruit-list-group .group-title{font-size:16px;font-weight:600;line-height:40px;border-bottom:1px solid #5CCD83;text-transform:uppercase;margin:0}
.recruit-list-group .department-list{padding:24px 0 20px}
.recruit-list-group .department-list a{display:table;color:#000;font-size:16px;line-height:20px;margin-bottom:20px;padding:0 0 0 35px;position:relative}
.recruit-list-group .department-list a::before{content:"";width:20px;height:20px;border-radius:3px;border:1px solid #b5b5b5;position:absolute;left:0;background:#fff}
.recruit-list-group .department-list a:last-child{margin:0}
.recruit-list-group .department-list .active::before{background:#129046;border-color:transparent}
.recruit-list-group .department-list .active::after{content:"";width:10px;height:6px;border:2px solid #fff;border-top:0;border-right:0;position:absolute;left:5px;top:5px;transform:rotate(-45deg)}
.recruit-item{padding:20px 0;border-bottom:1px solid #E1E1E1;line-height:29px;position:relative}
.recruit-item:first-child{padding-top:0}
.recruit-item p{margin:4px 0 0}
.recruit-item b{font-weight:600}
.recruit-item .item-title{margin:0 0 10px;font-size:24px;font-weight:600;display:table;line-height:25px;position:relative}
.recruit-item .item-featured::after{content:"";width:20px;height:20px;display:inline-block;background-position:-6px -171px;vertical-align:bottom;margin-left:9px;position:relative;top:-1px}
.recruit-item .item-btn{line-height:40px;width:100%;max-width:190px;font-weight:600;font-size:16px;display:block;text-align:center;overflow:hidden;padding:1.6px;float:right;margin-top:6px}
.recruit-item .item-btn span{display:block;background:#fff}
.recruit-item .item-btn:hover span{background:transparent;color:#fff}
.recruit-detail-page{display:flex;flex-wrap:wrap;padding-bottom:80px}
.recruit-detail-page .col-left{width:796px;margin-right:12px}
.recruit-detail-page .col-right{width:392px}
.recruit-detail-page .page-title{font-size:24px;font-weight:700;line-height:37px;display:inline;margin:0 0 7px}
.recruit-detail-page .recruit-time-left{margin:0 0 7px;display:inline-block;color:#FF2D2D;font-size:16px;line-height:24px}
.recruit-detail-page .page-address{margin:0 0 7px;font-size:16px;line-height:29px}
.recruit-detail-page .page-address b{font-weight:600}
.recruit-detail-content{padding:35px 15px;border-radius:5px;border:1px solid #E1E1E1;background:#FFF}
.recruit-detail-content .recruit-content-group{font-size:15px;line-height:22px;margin: 0;padding: 15px 0;border-top: 1px solid #BDBDBD;}
.recruit-detail-content .recruit-content-group .title{text-align:center;font-size:18px;font-weight:500;line-height:24px;text-transform:uppercase;margin:0;padding:15px 0;border-top:1px solid #BDBDBD}
.recruit-detail-content .recruit-content-group *{font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}
.recruit-detail-content .recruit-info{display:flex;flex-wrap:wrap;justify-content:space-between}
.recruit-detail-content .recruit-info .item{text-align:center;position:relative;margin-bottom:16px;border-right:1px solid #959595;font-size:18px;line-height:22px;width: 25%}
.recruit-detail-content .recruit-info .item:last-child{border:0}
.recruit-detail-content .recruit-info .item:nth-child(2){color:#459E3F}
.recruit-detail-content .recruit-info .item:nth-child(3){color:#FF881A}
.recruit-detail-content .recruit-info .item:nth-child(4){color:#FF431A}
.recruit-detail-content .recruit-info .item *{display:block}
.recruit-detail-content .recruit-info .item b{font-weight:700;margin-top:5px}
.recruit-detail-content .icons,.recruit-detail-content .home-shareholder-list a::after,.home-shareholder-list .recruit-detail-content a::after,.recruit-detail-content .home-shareholder-list .item::before,.home-shareholder-list .recruit-detail-content .item::before,.recruit-detail-content .distributor-branch-container .group-title::before,.distributor-branch-container .recruit-detail-content .group-title::before,.recruit-detail-content .distributor-filter-result .icon-map::before,.distributor-filter-result .recruit-detail-content .icon-map::before,.recruit-detail-content .distributor-filter-result .icon-tel::before,.distributor-filter-result .recruit-detail-content .icon-tel::before,.recruit-detail-content .distributor-filter-result .icon-home::before,.distributor-filter-result .recruit-detail-content .icon-home::before,.recruit-detail-content .custom-nav-2 .arrow,.custom-nav-2 .recruit-detail-content .arrow,.recruit-detail-content .global-header-top .col-left::before,.global-header-top .recruit-detail-content .col-left::before,.recruit-detail-content .shareholder-article-container .item-time::before,.shareholder-article-container .recruit-detail-content .item-time::before,.recruit-detail-content .shareholder-report-page .report-item::before,.shareholder-report-page .recruit-detail-content .report-item::before,.recruit-detail-content .shareholder-report-page .report-item .item-time::before,.shareholder-report-page .report-item .recruit-detail-content .item-time::before,.recruit-detail-content .product-sort-group .sort-icons::before,.product-sort-group .recruit-detail-content .sort-icons::before,.recruit-detail-content .product-detail-page .pd-btn-group .btn-phone::before,.product-detail-page .pd-btn-group .recruit-detail-content .btn-phone::before,.recruit-detail-content .pd-ask-item .item-title::before,.pd-ask-item .recruit-detail-content .item-title::before,.recruit-detail-content .library-page .video-item .item-img::before,.library-page .video-item .recruit-detail-content .item-img::before,.recruit-detail-content .recruit-search-group .icon-search::before,.recruit-search-group .recruit-detail-content .icon-search::before,.recruit-detail-content .recruit-item .item-featured::after,.recruit-item .recruit-detail-content .item-featured::after{width:30px;height:30px;margin:0 auto 5px}
.recruit-detail-content .icon-user{background-position:-44px -171px}
.recruit-detail-content .icon-calendar{background-position:-95px -171px}
.recruit-detail-content .icon-cash{background-position:-141px -170px}
.recruit-detail-content .icon-clock{background-position:-189px -171px}
.recruit-form-group{position:sticky;top:90px}
.recruit-form-group .recruit-submit{display:block;margin:0 0 12px;border-radius:5px;background:linear-gradient(90deg,rgb(8,115,63) 0%,rgb(181,208,51) 97.94%);color:#fff;font-size:20px;font-weight:700;line-height:49px;width:100%;border:0;padding:0}
.recruit-form-group .recruit-form-input{padding:16px 12px;border-radius:5px;border:1px solid #E1E1E1;background:#FFF}
.recruit-form-group .input-item{display:block;width:100%;margin:0 0 12px;border-radius:5px;border:1px solid #E1E1E1;background:#FFF;height:40px;padding:0 12px}
.recruit-form-group .recruit-upload-group{display:block;margin:0}
.recruit-form-group .btn-upload{border-radius:5px;background:#f3f3f3;border:1px dashed #959595;color:#959595;font-size:14px;margin:0;cursor:pointer;line-height:40px;text-align:center}
.distributor-page{background:#fff;padding-bottom:60px}
.distributor-page .box-btn-group{max-width:950px;margin:0 auto 40px;border-radius:20px;background:rgba(18,143,61,0.2);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:43px 46px}
.distributor-page .box-btn-group a{line-height:40px;color:#000;font-size:24px;font-weight:700;text-align:center;border-radius:100px;background:#fff;width:calc(50% - 12px);padding:10px}
.distributor-page .box-btn-group a:hover,.distributor-page .box-btn-group a.current{color:#fff;background:#129046}
.distributor-header{padding:138px 0;background-repeat:no-repeat;background-size:100% 100%;margin-bottom:40px}
.distributor-header .container{display:flex;flex-wrap:wrap}
.distributor-header .item{width:23%;color:#fff;border-right:1px solid #FFF;font-size:20px;font-weight:500;line-height:22px;display:flex;justify-content:center;align-items:center}
.distributor-header .item:nth-child(3){width: 31%}
.distributor-header .item:last-child{border:0}
.distributor-header p{margin:0}
.distributor-header .item-count{position:relative;color:#FFF;font-size:48px;font-weight:700;line-height:44px;margin-right:10px}
.distributor-filter-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:40px 0}
.distributor-filter-group img{display:block;width:auto;margin:auto auto auto 0}
.distributor-filter-group .col-left,.distributor-filter-group .col-right{width:calc(50% - 6px)}
.distributor-filter-group .global-title-background{padding-right:40px}
.distributor-filter-group select{display:block;color:#646464;font-size:20px;font-weight:500;margin:0 0 20px;width:100%;height:50px;border-radius:10px;border:1px solid #1A532B;background:#FFF;padding:0 20px}
.distributor-filter-group .btn-submit{display:block;max-width:130px;line-height:45px;color:#fff;border-radius:50px;background:#129046;color:#fff;text-align:center;font-size:16px;font-weight:600}
.distributor-filter-result{display:flex;flex-wrap:wrap}
.distributor-filter-result iframe{border:0;width:100%;height:100%}
.distributor-filter-result .address-list{width:404px;background:#FFF;box-shadow:0 2px 10px 0 rgba(106,106,106,0.25);position:relative}
.distributor-filter-result .distributor-map-holder{width:calc(100% - 404px);position: relative}
.distributor-filter-result .group-title{color:#FFF;font-size:24px;font-weight:700;line-height:36px;background:#129046;padding:12px 14px;margin:0}
.distributor-filter-result .address-holder{overflow:auto;height:382px}
.distributor-filter-result .item{padding:12px;border-bottom:1px solid #e1e1e1;cursor:pointer;line-height:24px;font-size:16px;font-weight:500}
.distributor-filter-result .item:hover,.distributor-filter-result .item.current{background:#f5f5f5}
.distributor-filter-result .item:last-child{border:0}
.distributor-filter-result .item p{margin:0 0 9px}
.distributor-filter-result .item a{display:inline-block;color:#000;margin:0 5px}
.distributor-filter-result .item a::after{content:"|";padding:0 0 0 10px;vertical-align:text-bottom}
.distributor-filter-result .item a:last-child::after{content:none}
.distributor-filter-result .item .item-name {text-align: center;font-weight: bold;font-size: 18px;margin-bottom: 10px}
.distributor-filter-result .icon-map,.distributor-filter-result .icon-tel,.distributor-filter-result .icon-home{position:relative;padding:0 0 0 34px}
.distributor-filter-result .icon-map::before,.distributor-filter-result .icon-tel::before,.distributor-filter-result .icon-home::before{content:"";width:24px;height:24px;position:absolute;left:0}
.distributor-filter-result .icon-map::before{background-position:-231px -171px;top:1px}
.distributor-filter-result .icon-tel::before{background-position:-274px -170px}
.distributor-filter-result .icon-home::before{background-position:-234px -216px}
.distributor-branch-container{display:flex;flex-wrap:wrap;justify-content:space-between}
.distributor-branch-container .col-left{width:650px;padding-top:40px}
.distributor-branch-container .col-right{width:513px}
.distributor-branch-container .col-right img{display:block;margin:auto;width:auto}
.distributor-branch-container .global-title-background{line-height:40px;margin:0 0 30px;font-size:24px;font-weight:600;padding:0 90px 0 0}
.distributor-branch-container .global-title-background *{display:block}
.distributor-branch-container .global-title-background b{margin-bottom:5px;font-size:36px;font-weight:700}
.distributor-branch-container .branch-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.distributor-branch-container .item{width:50%;margin:0 0 30px}
.distributor-branch-container .item a{color:#000;font-size:16px;line-height:26px;display:table}
.distributor-branch-container .item a:hover{font-weight:600}
.distributor-branch-container .group-title{margin:0 0 5px;line-height:39px;border-bottom:1px solid #BDE5CB;font-size:20px;font-weight:700;display:inline-block;padding:0 10px 0 30px;position:relative}
.distributor-branch-container .group-title::before{content:"";width:22px;height:22px;position:absolute;top:9px;left:0;background-position:-275px -214px}
.about-page{padding-bottom:80px;background:#FAFAFA}
.about-page img{width:auto;display:block;margin:auto}
.about-page .page-tab-group{border-bottom:1px solid #BDE5CB;display:flex;align-items:center;justify-content:space-between}
.about-page .page-tab-group a{color:#000;font-size:16px;font-weight:500;line-height:24px;position:relative;padding:2px 2px 0;border-bottom:2px solid transparent;overflow:hidden}
.about-page .page-tab-group a::before{content:"";position:absolute;bottom:0;left:0;right:0;height:calc(100% - 10px);background:#FAFAFA}
.about-page .page-tab-group a:hover,.about-page .page-tab-group a.current{border-color:#129046}
.about-page .page-tab-group a.current{font-weight:700}
.about-page .page-tab-group a *{display:block;background:#FAFAFA;padding:6px 8px 8px;position:relative}
.page-introduce-group{text-align:center;max-width:880px;margin:auto;color:#313131;font-size:20px;background:url(../images/global-bg-logo.png) no-repeat center;background-size:calc(100% - 30px);padding:71px 0}
.page-introduce-group .number-image{display:inline-block;width:78px;height:55px;background-size:contain;background-repeat:no-repeat;vertical-align:bottom}
.page-summary-group{background:#F4F9F4}
.page-summary-group .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.page-summary-group img{display:block;width:auto;margin:auto}
.page-summary-group .col-left{width:calc(100% - 425px)}
.page-summary-group .col-left p{color:#313131;font-size:20px;margin:0;max-width:630px}
.page-summary-group .col-right{width:375px}
.page-summary-group .global-title-background{padding-right:75px}
.page-summary-group .global-title-background::before{background-position:left}
.model-development-group{background-position:bottom;background-repeat:no-repeat;margin:65px 0}
.model-development-group .model-development{text-align:center;max-width:940px;margin:0 auto 30px;font-size:20px}
.model-development-group .model-development p{margin:0}
.model-development-group .global-title-background{margin:0;padding:15px}
.model-development-detail{max-width:890px;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;position:relative}
.model-development-detail p{margin:0}
.model-development-detail .item{text-align:center;position:relative;color:#FF7438;font-size:22.686px;font-weight:700;line-height:34px;text-transform:uppercase}
.model-development-detail .item:nth-child(n+2){margin-top:-112px}
.model-development-detail .item:nth-child(n+2) .item-text{display:flex;justify-content:center;align-items:flex-start;padding-top:70px}
.model-development-detail .item:nth-child(n+2) .item-text::before{content:"";width:36px;height:36px;border-radius:50%;background:linear-gradient(#08733F,#B5D033);position:absolute;top:22px;left:30px}
.model-development-detail .item:nth-child(n+2) .item-text::after{content:"";width:28px;height:28px;border-radius:50%;border:1px solid #fff;position:absolute;top:26px;left:34px}
.model-development-detail .item:nth-child(1){width:450px}
.model-development-detail .item:nth-child(1) img{max-width:186px;margin:auto}
.model-development-detail .item:nth-child(1) .item-text{display:block;top:50px}
.model-development-detail .item:nth-child(2){right:-12px;color:#439339}
.model-development-detail .item:nth-child(2) .item-text{padding-left:25px}
.model-development-detail .item:nth-child(3){left:-12px;color:#0A753F}
.model-development-detail .item:nth-child(3) .item-text{padding-left:25px}
.model-development-detail .item:nth-child(3) .item-text::before{background:linear-gradient(90deg,#89C466,#037340);left:unset;right:30px}
.model-development-detail .item:nth-child(3) .item-text::after{left:unset;right:34px}
.model-development-detail .item:nth-child(3) p{order:1}
.model-development-detail .item-text{position:absolute;inset:0}
.model-development-detail .item-text span{display:block}
.model-development-detail .item-text img{display:block;width:auto;max-width:214px;margin: 0}
.model-development-detail .item-circle-middle{width:150px;height:150px;border-radius:50%;color:#fff;background:linear-gradient(#08733F,#B5D033);padding:9px;margin:0;position:absolute;top:52%}
.model-development-detail .item-circle-middle *{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;border:1px solid #fff;font-weight:700;font-size:20px}
.history-line-container{padding:35px 0;text-align:center}
.history-line-container .global-title-background{line-height:72px;margin:0 0 80px;padding:0 58px}
.history-line-container .item-middle{position:relative;display:inline-block}
.history-line-container .item-middle::after{content:"";position:absolute;width:80px;height:220px;background:url(../images/about-curl-line.png) no-repeat;background-size:contain;left:42%;bottom:-125px}
.history-line-container .item-middle img{max-height:380px;position:relative;z-index:1}
.history-line-holder{text-align:left}
.history-line-holder .item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative;margin-bottom:45px}
.history-line-holder .item:nth-child(even) .item-text{order:2;text-align:right}
.history-line-holder .item:nth-child(even) .item-text::before{right:unset;left:-87px}
.history-line-holder .item:nth-child(even) .item-text p{display:table;margin:auto 0 auto auto}
.history-line-holder .item:nth-child(even) .line{order:1;transform:rotateY(150deg)}
.history-line-holder .item-text{width:41.666667%;position:relative}
.history-line-holder .item-text::before{content:"";width:58px;height:58px;background:url(../images/global-favicon-dashed.png) no-repeat center;background-size:52px;z-index:1;position:absolute;top:50%;right:-90px;transform:translateY(-50%);background-color:#fafafa}
.history-line-holder .item-img{width:41.666667%}
.history-line-holder img{max-height:280px}
.history-line-holder p{margin:0;position:relative;font-size:16px;line-height:30px;padding:0 0 0 20px}
.history-line-holder p::before{content:"●";font-size:10px;position:absolute;left:5px}
.history-line-holder .year{font-size:40px;font-style:italic;font-weight:500;margin:0 0 30px;padding:0;line-height:1.5}
.history-line-holder .year::before{content:none}
.history-line-holder .line{width:16.666667%;height:217px;position:relative}
.history-line-holder .line::before{content:"";position:absolute;width:100%;height:260px;background:url(../images/about-curl-line.png) no-repeat;background-size:contain;top:calc(50% + 31px);left:28%}
.history-line-holder .item-last{margin:177px auto 0;max-width:1010px;position:relative}
.history-line-holder .item-last .item-text{text-align:center;width:100%}
.history-line-holder .item-last .item-text::before{left:49%;top:-63px;right:unset;transform:unset}
.history-line-holder .item-last .item-text p{display:block!important;padding:0}
.history-line-holder .item-last .item-text p::before{content:none}
.history-line-holder .item-last .year{margin:10px 0 10px 21px!important}
.history-line-bottom .item{text-align:left}
.history-line-bottom .item:nth-child(even) .item-text{order:0;text-align:left}
.history-line-bottom .item:nth-child(even) .item-text::before{left:unset;right:-87px}
.history-line-bottom .item:nth-child(even) .item-text p{display:table;margin:auto auto auto 0}
.history-line-bottom .item:nth-child(even) .line{order:0;transform:rotateY(0)}
.history-line-bottom .item:nth-child(odd) p{display:table;margin:auto 0 auto auto}
.history-line-bottom .item:nth-child(odd) .line::before{width:80px;transform:rotateY(150deg)}
.history-line-bottom .item:nth-child(4) .line::before{height:188px}
.history-line-bottom .item-text{order:2}
.history-line-bottom .item-text::before{left:-87px}
.history-line-bottom .line{order:1}
.about-value-page{padding-top:60px;text-align:center}
.about-value-page .global-title-background{padding:15px 10px}
.about-value-page .global-title-background::before{background-size:100%}
.about-value-page .page-banner-holder{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:70px;color:#313131;font-size:20px}
.about-value-page .page-banner-holder .item{width:calc(50% - 5px);padding:57px 30px;background-repeat:no-repeat;background-size:100% 100%}
.about-value-page .page-banner-holder .title{font-size:36px;font-weight:700;line-height:60px;text-transform:uppercase;margin:0 0 10px}
.about-value-page .page-banner-holder b{font-size:24px}
.about-value-page .page-banner-holder .summary{max-width:400px;margin:auto}
.about-value-page .page-banner-holder .icons,.about-value-page .page-banner-holder .home-shareholder-list a::after,.home-shareholder-list .about-value-page .page-banner-holder a::after,.about-value-page .page-banner-holder .home-shareholder-list .item::before,.home-shareholder-list .about-value-page .page-banner-holder .item::before,.about-value-page .page-banner-holder .custom-nav-2 .arrow,.custom-nav-2 .about-value-page .page-banner-holder .arrow,.about-value-page .page-banner-holder .global-header-top .col-left::before,.global-header-top .about-value-page .page-banner-holder .col-left::before,.about-value-page .page-banner-holder .shareholder-article-container .item-time::before,.shareholder-article-container .about-value-page .page-banner-holder .item-time::before,.about-value-page .page-banner-holder .shareholder-report-page .report-item::before,.shareholder-report-page .about-value-page .page-banner-holder .report-item::before,.about-value-page .page-banner-holder .shareholder-report-page .report-item .item-time::before,.shareholder-report-page .report-item .about-value-page .page-banner-holder .item-time::before,.about-value-page .page-banner-holder .product-sort-group .sort-icons::before,.product-sort-group .about-value-page .page-banner-holder .sort-icons::before,.about-value-page .page-banner-holder .product-detail-page .pd-btn-group .btn-phone::before,.product-detail-page .pd-btn-group .about-value-page .page-banner-holder .btn-phone::before,.about-value-page .page-banner-holder .pd-ask-item .item-title::before,.pd-ask-item .about-value-page .page-banner-holder .item-title::before,.about-value-page .page-banner-holder .library-page .video-item .item-img::before,.library-page .video-item .about-value-page .page-banner-holder .item-img::before,.about-value-page .page-banner-holder .recruit-search-group .icon-search::before,.recruit-search-group .about-value-page .page-banner-holder .icon-search::before,.about-value-page .page-banner-holder .recruit-item .item-featured::after,.recruit-item .about-value-page .page-banner-holder .item-featured::after,.about-value-page .page-banner-holder .distributor-filter-result .icon-map::before,.distributor-filter-result .about-value-page .page-banner-holder .icon-map::before,.about-value-page .page-banner-holder .distributor-filter-result .icon-tel::before,.distributor-filter-result .about-value-page .page-banner-holder .icon-tel::before,.about-value-page .page-banner-holder .distributor-filter-result .icon-home::before,.distributor-filter-result .about-value-page .page-banner-holder .icon-home::before,.about-value-page .page-banner-holder .distributor-branch-container .group-title::before,.distributor-branch-container .about-value-page .page-banner-holder .group-title::before{display:block;width:170px;height:100px;margin:auto auto 40px;background-size:600px 600px}
.about-value-page .page-banner-holder .icon-1{background-position:-15px -441px}
.about-value-page .page-banner-holder .icon-2{background-position:-249px -445px}
.about-value-page .page-value-footer{padding-top:60px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.about-value-page .page-value-footer .col-right{width:541px}
.about-value-page .page-value-footer .col-left{width:630px}
.about-value-page .page-value-footer .col-left img{max-height:165px;margin: unset}
.about-value-page .page-value-footer p{margin:20px 0 0;font-size:22px;line-height:36px;text-align:left}
.about-value-list{position:relative;background-repeat:no-repeat;background-position:bottom;background-size:cover;min-height:450px}
.about-value-list .item{color:#414141;font-size:24px;font-weight:600;text-transform:capitalize;display:flex;align-items:center;flex-wrap:wrap;position:absolute}
.about-value-list .item:nth-child(1){bottom:0;left:12%}
.about-value-list .item:nth-child(1) p{margin-right:12px}
.about-value-list .item:nth-child(2){bottom:142px;left:15%}
.about-value-list .item:nth-child(2) .item-image{border-color:#F9B731}
.about-value-list .item:nth-child(2) p{margin-right:12px}
.about-value-list .item:nth-child(3){display:block;bottom:224px;left:38%}
.about-value-list .item:nth-child(3) p{margin:0 0 12px}
.about-value-list .item:nth-child(3) .item-image{border-color:#FF8819}
.about-value-list .item:nth-child(4){display:block;bottom:224px;left:51%}
.about-value-list .item:nth-child(4) p{margin:0 0 12px}
.about-value-list .item:nth-child(4) .item-image{border-color:#68C71D}
.about-value-list .item:nth-child(5){bottom:142px;right:14%}
.about-value-list .item:nth-child(5) .item-image{border-color:#459E3F}
.about-value-list .item:nth-child(5) p{order:1;margin-left:12px}
.about-value-list .item:nth-child(6){bottom:0;right:11%}
.about-value-list .item:nth-child(6) .item-image{border-color:#129046}
.about-value-list .item:nth-child(6) p{order:1;margin-left:12px}
.about-value-list p{margin:0}
.about-value-list .item-image{display:block;width:135px;height:135px;margin:auto;background-position:center;background-repeat:no-repeat;background-size:50px;background-color:#fff;border-radius:50%;border:1px solid #F8A03B}
.about-value-list .value-title{width:342px;border-radius:300px 300px 0 0;color:#FFF;font-size:36px;font-weight:700;line-height:46px;text-transform:capitalize;background:linear-gradient(90deg,#89C466 0%,#037340 101.06%);padding:52px 10px 22px 0;margin:0;position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:1}
.about-reward-page{padding-top:40px}
.about-reward-page .reward-group{margin-bottom:60px;text-align:center}
.about-reward-page .global-title-background{max-width:980px;text-transform:capitalize}
.about-reward-page .item{max-width:260px;position:relative;margin:auto;font-size:16px}
.about-reward-page .item .image{width:200px;padding-bottom:100%;position:relative;margin:0 auto 20px}
.about-reward-page .item p{margin:0;text-transform: capitalize;}
.about-associated-company{padding-top:50px}
.about-associated-company .company-item{margin-bottom:60px;display:flex;flex-wrap:wrap;align-items:center;color:#414141;font-weight:16px;line-height:24px}
.about-associated-company .company-item img{width:auto;display:block;margin:auto;max-width:470px}
.about-associated-company .company-item:nth-child(even) .image{order:1}
.about-associated-company .company-item .image,.about-associated-company .company-item .text{width:50%}
.about-associated-company .company-item p{margin:0}
.about-associated-company .company-item .item{position:relative;padding:0 0 0 20px}
.about-associated-company .company-item .item::before{content:"●";font-size:10px;position:absolute;left:5px}
.about-associated-company .company-name{font-size:20px;font-weight:700;margin-bottom:15px}
.corporate-culture-page{background:#fff}
.corporate-culture-page .page-tab-group a *,.corporate-culture-page .page-tab-group a::before{background:#fff}
.about-corporate-culture-page{padding-top:60px;font-size:16px;line-height:24px}
.about-corporate-culture-page .global-title-background{padding:10px 60px 10px 0;text-transform:capitalize}
.about-corporate-culture-page .item{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;margin-bottom:43px}
.about-corporate-culture-page .item:nth-child(even) .item-text{order:1}
.about-corporate-culture-page .item-text,.about-corporate-culture-page .item-image{width:586px}
.about-leader-page{padding-top:40px}
.about-leader-page .leader-tab-group{line-height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}
.about-leader-page .leader-tab-group a{margin:0 5px;padding:0 16px;color:#414141;font-size:20px;font-weight:600;text-transform:uppercase;border-radius:5px}
.about-leader-page .leader-tab-group a:hover,.about-leader-page .leader-tab-group a.current{background:#129046;color:#fff}
.about-leader-page .leader-image{display:none}
.about-leader-page .leader-image.active{display:block}
.homepage{overflow:hidden;/*margin:-81px 0 0*/}
.homepage img{display:block;width:auto;margin:auto}
.home-slider-container{min-height: 465px;margin:0 0 45px}
.home-slider-container .custom-dots .owl-dots{margin:0!important;position:absolute;left:0;bottom:15px;right:0}
.home-slider-container .custom-dots .owl-dots .owl-dot{opacity:.7}
.home-slider-container .custom-dots .owl-dots .owl-dot.active,.home-slider-container .custom-dots .owl-dots .owl-dot:hover{background:#fff}
.home-box-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin-bottom:30px}
.home-box-group .box-title-holder{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.home-box-group .box-title-holder a{font-size:16px;font-weight:600;line-height:24px}
.home-box-group .box-title-holder a::after{content:"»";font-size:23px;line-height:21px;vertical-align:text-bottom;font-weight:400;margin-left:3px}
.home-box-group .col-left,.home-box-group .col-right{width:calc(50% - 12px)}
.home-box-group .global-title-background{padding:2px 18px 2px 0;margin-bottom:7px}
.home-box-group .box-summary{color:#414141;text-align:justify;font-size:15px;line-height:23px;margin:0 0 35px}
.home-box-group .box-btn{display:block;max-width:140px;line-height:34px;color:#FFF;font-size:15px;font-weight:600;text-align:center;border-radius:20px 0}
.home-box-group .box-btn::after{content:"»";font-size:23px;font-weight:400;margin-left:3px}
.home-shareholder-list .item{width:calc(100% - 73px);margin:auto 0 35px auto;position:relative}
.home-shareholder-list .item::before{content:"";width:28px;height:28px;position:absolute;top:13px;left:-73px;background-position:-9px -45px}
.home-shareholder-list .item::after{content:"";width:28px;height:1px;position:absolute;top:26px;left:-36px}
.home-shareholder-list a{color:#000;font-size:16px;font-weight:500;line-height:24px;display:block;border-radius:10px;background:#F7F6F6;padding:14px 44px 14px 20px;position:relative}
.home-shareholder-list a:hover{background:#129046;color:#fff}
.home-shareholder-list a:hover::after{filter:brightness(100)}
.home-shareholder-list a::after{content:"";width:23px;height:23px;position:absolute;top:15px;right:12px;background-position:-8px -297px}
.home-shareholder-list span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.home-article-group .col-right{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-article-group .col-left .art-item{width:100%}
.home-article-group .col-left .art-item .art-title{font-size:20px;line-height:29px;margin:0 0 12px}
.home-article-group .col-left .art-item .art-summary{margin:12px 0 7px}
.home-article-group .col-left .art-item .art-time{font-size:17px;line-height:24px}
.home-article-group .art-item a{display:block}
.home-article-group .art-item .art-btn {display: none;}
.home-article-group .art-item .art-img{margin:0 0 8px;width:100%;position:relative;padding-bottom:71%}
.home-article-group .art-item .art-img img {width: 100%;height: 100%;object-fit: cover;}
.home-article-group .art-item .art-text{width:100%}
.home-article-group .art-item .art-title{font-size:16px;font-weight:500;line-height:24px;margin-bottom:3px}
.home-article-group .art-item .art-summary{display:none}
.home-article-group .art-item .art-time{font-size:15px;font-weight:400;line-height:20px;margin:0}
.home-product-group{text-align:center;margin:5px 0}
.home-product-group .global-title-background{min-width:455px;padding:11px 0;margin:0}
.home-product-group .group-summary{margin:8px 0 12px;font-size:15px;line-height:23px}
.home-product-group .home-product-child{display:flex;align-items:center;justify-content:center;margin:8px 0}
.home-product-group .home-product-child a{line-height:38px;border:1px solid transparent;font-size:15px;color:#000;border-radius:50px;background:#F3F3F3;margin:0 12px 12px 0;transition:.12s all;padding:0 22px}
.home-product-group .home-product-child a:hover,.home-product-group .home-product-child a.current{border-color:#129046;background:#fff;}
.home-product-group .home-product-child a.current{font-weight:700}
.home-product-group .p-item{text-align:left;border:0}
.home-product-group .item-btn {line-height: 38px;border: 1px solid #129046;font-size: 15px;color: #000;border-radius: 50px;background: #fff;margin: 0 12px 12px 0;transition: .12s all;padding: 0 22px;display: inline-block;margin-top: 25px;font-weight: 600;color: #129046}
.home-product-group .item-btn:hover {color: #fff;background: #129046}
.home-distributed-system-group{text-align:right;padding-top:25px;margin-bottom:30px;background-repeat:no-repeat;background-size:contain}
.home-distributed-system-group .global-title-background::before{content:none}
.home-distributed-system-group .distributed-system-content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:580px;margin:auto 0 auto auto}
.home-distributed-system-group p{margin:auto 0 auto auto}
.home-distributed-system-group .item{font-size:18px;line-height:25px;padding-bottom:5px;margin-bottom:10px;position:relative;width:calc(50% - 32px)}
.home-distributed-system-group .item::after{content:"";width:200px;height:1px;position:absolute;bottom:-1px;right:0;background:linear-gradient(-90deg,#087106 13.13%,rgba(0,0,0,0) 93.18%)}
.home-distributed-system-group .item:nth-child(n+5)::after{content:none}
.home-distributed-system-group .number{color:#F46700;margin:0;font-size:32px;font-weight:700;line-height:74px}
.home-distributed-system-group .distributed-background img {width: 100%;}
.home-distributed-system-group .distributed-detail {position: absolute;top: 8%;left: 0;right: 0;max-width: 1200px;margin: auto;}
.home-distributed-system-group .distributed-detail .item-btn {display: table;margin: auto;text-transform: capitalize;line-height: 36px;color: #FFF;font-size: 15px;font-weight: 600;text-align: center;border-radius: 20px 0;padding: 0 28px; margin-top: 20px}
.home-distributed-system-group .location {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.home-distributed-system-group .location i {position: absolute;width: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;text-align: center;font-weight: 700;font-size: 18px;text-transform: uppercase;width: 20px;height: 36px;background-repeat: no-repeat;background-position: center;background-size: contain;}
.home-distributed-system-group .location .mien-bac {top: 20%;left: 21.5%;}
.home-distributed-system-group .location .mien-trung {top: 49%;left: 26.5%;}
.home-distributed-system-group .location .mien-nam {top: 82%;left: 23%;}
.home-distributed-system-group .line {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}
.home-distributed-system-group .line svg {position: absolute;width: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-animation: 28s linear 0s infinite alternate none running dash;animation: 28s linear 0s infinite alternate none running dash;}
.home-distributed-system-group .line svg:nth-child(1) {top: 37%;left: 24.5%;height: 29.5%;}
.home-distributed-system-group .line svg:nth-child(2) {top: 51%;left: 20.3%;height: 64%;}
.home-distributed-system-group .line svg:nth-child(3) {top: 68%;left: 24%;height: 32%;}
.home-members-group{background-color:#F4F9F4;background-repeat:no-repeat;background-position:left top;padding:10px 0}
.home-members-group .global-title-background{min-width:400px;padding:6px 0}
.home-members-group .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.home-members-group .summary{margin:0 0 26px;color:#000;font-size:20px;font-weight:400;line-height:33px;max-width:486px;position:relative;padding-left:50px}
.home-members-group .summary::before{content:"";width:42px;height:1px;background:linear-gradient(90deg,#08733F 1.19%,#B5D033 94.05%);position:absolute;top:16px;left:0}
.home-members-group .col-left{width:41.666667%}
.home-members-group .col-right{width:58.333333%}
.home-reward-group .global-title-background,.home-static-group .global-title-background{padding:6px 0;min-width:400px}
.home-reward-group .summary,.home-static-group .summary{font-size:15px;font-weight:500;line-height:24px;margin:0 0 26px;max-width:330px}
.home-reward-group .item-btn,.home-static-group .item-btn, .home-members-group .item-btn{display:block;max-width:-moz-fit-content;max-width:fit-content;line-height:34px;color:#FFF;font-size:15px;font-weight:600;text-align:center;border-radius:20px 0;padding:0 28px}
.home-reward-group .item-btn::after,.home-static-group .item-btn::after{content:"»";font-size:23px;line-height:1;vertical-align:text-bottom;font-weight:400;margin-left:3px}
.home-reward-group{background-color:#fff;background-repeat:no-repeat;background-position:0 -2px;background-size:auto calc(100% + 6px);padding:47px 0}
.home-reward-group .global-title-background{margin:0 0 12px;min-width:380px}
.home-reward-group .container,.home-reward-group .col-right{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.home-reward-group .col-left,.home-reward-group .col-right{width:50%;justify-content:flex-end}
.home-reward-group .item{width:250px;margin-right:16px}
.home-reward-group .item:nth-child(2n){margin-right:0}
.home-reward-group .item:nth-child(n+3){margin-top:16px}
.home-static-group{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:80px 0}
.home-static-group .summary{font-weight:400;max-width:430px;margin:0 0 37px}
.home-static-group .col-right{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:58.333333%}
.home-static-group .col-left{width:41.666667%}
.home-static-group .item{margin:0 20px 0 0;width:calc(33.3333333333% - 14px);color:#459E3F;text-align:center;font-size:20px;font-weight:600;line-height:32px;text-transform:capitalize}
.home-static-group .item:nth-child(3n){margin-right:0}
.home-static-group .item p{margin:0}
.home-brand-group{margin:80px 0;text-align:center}
.home-brand-group .global-title-background{margin:0 0 15px;padding:25px 0}
.home-brand-group .arrow{opacity:.3;width:19px!important;height:38px!important;background-position:2px center!important}
.home-brand-group a{background:#fff;display:block;border-radius:5px;overflow:hidden}
.pd-comment-form-container{display:flex;flex-wrap:wrap;align-items:flex-start}
.pd-comment-form-container .col-left{width:680px;margin-right:10px}
.pd-comment-form-container .btn-submit-form{width:82px;border:0;padding:10px 0;margin:0;border-radius:8px;line-height:20px;color:#fff;font-weight:600;background:#128F3D;display:flex;align-items:center;justify-content:center}
.pd-comment-form-container .btn-submit-form .icon-plane{width:20px;height:20px;margin-right:5px;background-position:-45px -135px}
.pd-comment-form-container textarea{display:block;width:100%;height:90px;padding:14px;line-height:20px;border-radius:10px;background:#F5F5F5;margin-bottom:8px;border:0;outline:none;resize:none;border: 1px solid transparent}
.pd-comment-form-container .comment-form-input{display:none}
.pd-comment-form-container .comment-form-input input{display:inline-block;width:calc(100% / 2 - 7px);padding:0 12px;margin:7px 10px 7px 0;height:36px;border-radius:5px;border:1px solid #bbb}
.pd-comment-form-container .comment-form-input input:nth-child(2n){margin-right:0}
.pd-comment-form-container .btn-uploadImage{display:inline-flex;align-items:center;color:#3A3A3A;line-height:20px}
.pd-comment-form-container .btn-uploadImage .icon-photo{width:22px;height:17px;margin-right:5px;background-position:-90px -134px}
.pd-comment-form-container .comment-note {color: red;font-weight: 500;font-size: 15px}
.comment-list-container{margin:12px -12px 0}
.comment-item{padding:12px;border-top:1px solid #e5e5e5;display:flex;flex-wrap:wrap}
.comment-item:last-child{padding-bottom:0}
.comment-item .item-left{width:20px;margin-right:7px}
.comment-item .item-right{width:calc(100% - 27px)}
.comment-item .item-left *{display:block;line-height:20px;text-align:center;border-radius:3px;background:#C8C8C8;font-weight:800}
.comment-item .item-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#555;line-height:20px;margin:0 0 10px}
.comment-item .item-header .item-name{margin:0;color:#3A3A3A;font-weight:700;font-size: 14px}
.comment-item .item-content-group{border-radius:10px;background:#F5F5F5;padding:14px;line-height:20px;font-weight:300}
.comment-item .item-content::after{content:'';display:block;clear:both}
.comment-item .item-content{float:left;width:100%}
.comment-item .item-content-group .btn-reply{float:right;color:#36AC4A;line-height:20px;font-weight:500;position:relative;padding-left:24px}
.comment-item .item-content-group .btn-reply::before{content:'';width:20px;height:20px;position:absolute;left:0;background:url(../images/global-sprite.png) no-repeat;background-size:300px 325px;background-position:-8px -131px}
.comment-item .pd-comment-form-container{padding:12px;margin:12px 0;border:1px solid #ccc;border-radius:10px}
.comment-item .pd-comment-form-container .col-left{width:calc(100% - 92px)}
.comment-item .pd-comment-form-container .comment-form-input{display:block}
.comment-item .pd-comment-form-container .comment-note{margin:10px 0 0}
.comment-item .pd-comment-form-container textarea {border: 1px solid #bbb;background: #fff;}
.reply-item{display:flex;flex-wrap:wrap;margin:15px 0}
.reply-item .item-name b{font-weight:700;display:inline-block;margin-right:14px}
.reply-item .item-name span{display:inline-block;border-radius:3px;background:#129046;color:#fff;font-size:10px;line-height:14px;font-weight:500;padding:0 5px}
.comment-item .admin-avatar {height: 20px;display: block;background: url(../images/favicon.ico) no-repeat center;background-size: contain}
.pd-comment-form-container .pd-preview-file-upload{display:flex;flex-wrap:wrap}
.pd-comment-form-container .pd-preview-file-upload .img-block{position:relative;margin:10px 10px 0 0}
.pd-preview-file-upload .img-block .btn-delete-file{display:block;text-align:center}
.pd-preview-file-upload .img-block .btn-delete-file::before{content:"✕";background:#000;color:#fff;font-weight:700;width:22px;height:22px;line-height:22px;border-radius:50%;text-align:center;position:absolute;top:0;right:-5px;z-index:1}
.upload-item {margin: 7px 0;font-size: 13px;font-weight: 300;line-height: 20px;}
.upload-item p {margin: 0 10px 0 0;display: inline-block;max-width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;direction: rtl;}
.upload-item .btn-delete-file {display: inline-block;vertical-align: top;color: red;}
.banner-popup-container .background-popup {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.4);z-index: 9999;cursor: pointer}
.banner-popup-container .banner-content {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10000}
.banner-popup-container .banner-content a{display: block}
.banner-popup-container .banner-content .close-popup {color: #fff;float: right;font-size: 30px;font-weight: bold;line-height: 1}
.brand-page{padding:20px 0px;background:#fff;}
.brand-page .featured-brand{width:100%;float:left;margin-bottom:30px;}
.brand-page .featured-brand .title-n{width:100%;float:left;font-size:18px;text-transform:uppercase;font-weight:700;margin-bottom:20px;}
.brand-page .featured-brand .list-n{width:100%;float:left;display:flex;flex-wrap:wrap;align-items:center;}
.brand-page .featured-brand .list-n li{width:12.5%;float:left;text-align:center;margin-bottom:10px;}
.brand-page .featured-brand .list-n li img{max-height:25px;}
.brand-page .brand-list{margin-bottom:30px;}
.brand-page .brand-list .first-letter{float:left;margin-right:30px;}
.brand-page .brand-list .first-letter .title-n{float:left;font-size:18px;text-transform:uppercase;font-weight:700;line-height:25px;}
.brand-page .brand-list .list-letter{float:left;}
.brand-page .brand-list .list-letter li{float:left;margin-right:25px;font-size:16px;line-height:25px;}
.brand-page .brand-item{margin-bottom:20px;}
.brand-page .brand-item .smallTitle{font-size:18px;font-weight:700;margin-bottom:10px !important;line-height:30px;border-bottom:solid 1px #ccc;}
.brand-page .brand-item .list-unstyled{display:flex;flex-wrap:wrap;align-items:center;}
.brand-page .brand-item .list-unstyled li{text-align:center;padding:0px 10px;margin-bottom:20px;text-transform: capitalize;}
.brand-page .brand-item .list-unstyled li img{max-height:25px;width:auto;}
.brand-page a {color: #222}
.about-page .about-content * {font-family: inherit !important;line-height: inherit !important;font-size: inherit !important;}
.tag-page .tag-item-group{padding: 20px 0 40px 0;}
.tag-page .tag-item-group .page-title{margin-bottom: 20px;padding-bottom: 5px;border-bottom: 1px solid #ccc;margin-right: 0;text-transform: uppercase;font-weight: 700;font-size: 20px;}
.tag-page .tag-item-group .p-item{margin:0 10px 10px 0;width:calc(100% / 5 - 8px)}
.tag-page .tag-item-group .p-item:nth-child(4n){margin-right:10px}
.tag-page .tag-item-group .p-item:nth-child(5n),.tag-page .product-display-list .p-item:nth-child(2n){margin-right:0}
.tag-page .product-display-list .p-item:nth-child(5n){margin-right:10px}
.tag-page .product-display-list .p-item{width:calc(100% / 2 - 5px)}
.tag-page .article-holder {display: flex;flex-wrap: wrap}
.tag-page .article-holder .art-item {margin: 0 14px 14px 0;width: calc(100% / 4 - 11px)}
.tag-page .article-holder .art-item:nth-child(4n) {margin-right: 0}
.fancybox-agency{padding:0;max-width:1200px;width:100%}
.fancybox-agency-holder{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:20px}
.fancybox-agency-holder .col-left,.fancybox-agency-holder .col-right{width:calc(50% - 20px);height:500px}
.fancybox-agency-holder iframe{display:block;border:0;width:100%;height:100%}
.fancybox-agency-holder .col-right{display:flex;flex-wrap:wrap;flex-direction:column;height:100%}
.fancybox-agency-holder .group-title{font-size:30px;font-weight:700;line-height:60px;margin:0 0 20px;text-transform:uppercase;text-align:center}
.fancybox-agency-holder .info-item{display:block;color:#2A2A2A;font-size:18px;font-weight:500;line-height:29px;text-transform:capitalize;margin:10px 0 20px;padding:0 0 0 36px;position:relative}
.fancybox-agency-holder .info-item .icons{width:24px;height:25px;position:absolute;top:3px;left:0}
.fancybox-agency-holder .info-item .icon-map{background-position:-269px -45px}
.fancybox-agency-holder .info-item .icon-tel{background-position:-192px -43px}
.about-page-container{font-size:20px;line-height:30px}
.about-page-container .about-item{margin-top:20px;margin-bottom:68px}
.about-page-container .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.about-page-container .about-item .col-left,.about-page-container .about-item .col-right{width:calc(50% - 6px)}
.about-page-container .global-title-background{padding-right:10px}
.about-page-container .item-fav{margin:0 0 30px;position:relative;padding:0 0 0 35px}
.about-page-container .global-title-background::before{background-size:100% 100%}
.about-page-container .item-fav::before{content:'';width:24px;height:24px;border-radius:50%;background:url(/static/assets/default/images/favicon.ico) no-repeat center;background-color:#fff;background-size:calc(100% - 6px);position:absolute;top:5px;left:0;filter:drop-shadow(0px 2px 10px rgba(106,106,106,0.25))}
.about-page-container .page-btn{display:table;margin:60px auto auto 0;line-height:34px;border-radius:20px 0;background:linear-gradient(90deg,#08733F 4.02%,#B5D033 98.21%);color:#fff;font-weight:700;font-size:15px;text-transform:uppercase;padding:0 27px}
.about-page-container .page-btn::after{content:'\00BB';font-size:23px;line-height:1;vertical-align:text-bottom;font-weight:400}
.about-page-container .about-item-history{align-items:flex-start}
.about-page-container .about-item-history .col-right{max-width:575px}
.about-page-container .about-item-history .global-title-background{padding:21px 0;line-height:52px;margin:0;font-size: 33px;font-weight: 800;}
.about-page-container .about-item-history .page-introduce-group{padding:0;margin:0 0 30px}
.about-page-container .page-introduce-group .number-image{width:68px;height:48px}
.about-page-container .about-item-history .page-btn{margin:30px 0 0 auto}
.about-page-container .distributor-header {color: #fff;padding: 48px 0 52px 0;position: relative;background: linear-gradient(0deg, rgba(0, 50, 21, 0.70) 0%, rgba(0, 50, 21, 0.70) 100%), url(/static/assets/default/images/banner-phan-phoi.png), lightgray 50% / cover no-repeat}
.about-page-container .distributor-header .container {justify-content: center;position: relative}
.about-page-container .distributor-header .page-btn {margin: 60px auto 0 auto}
.about-page-container .distributor-header .group-title {color: #F0F5FA;font-size: 36px;font-weight: 800;line-height: 67px;text-transform: uppercase;margin: 0 0 70px 0}
.about-page-container .distributor-header .item {font-size: 24px;font-weight: 600;line-height: 28px}
.about-page-container .distributor-header, .about-page-container .page-value-footer, .about-page-container .model-development-container, .about-page-container .home-members-group {margin-bottom: 68px}
.about-page-container .page-value-footer .col-left {width: 594px}
.about-page-container .page-value-footer .col-right {width: 541px}
.about-page-container .page-value-footer .col-left p {margin: 22px 0 75px 0;line-height: 36px;}
.model-development-container{background-repeat:no-repeat;background-position:center;padding-top:33px;padding-bottom:33px}
.model-development-container .col-left{max-width:50%;width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.model-development-container .col-right{width:100%;max-width:50%;text-align:right}
.model-development-container .item-2{width:100%;display:flex;align-items:center;justify-content:center;margin:-70px 0 0}
.model-development-container .item{position:relative;color:#0A753F}
.model-development-container .item svg{border:1px solid #128F3D;border-radius:50%}
.model-development-container .item .item-text{margin:0;text-align:center;font-size:24px;font-weight:700;line-height:36px;text-transform:uppercase;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap}
.model-development-container .col-left > .item{z-index:1}
.model-development-container .item-2 .item{color:#439339;margin:0 -24px}
.model-development-container .item-2 .item:nth-child(2){color:#FF7438}
.model-development-container .item-2 .item svg{border-color:#439339}
.model-development-container .item-2 .item:nth-child(2) svg{border-color:#FF7438}
.model-development-container .item-2 .item-text{margin:6px 0 0}
.model-development-container .item-2 .item:first-child .item-text{padding-right:8px}
.model-development-container .page-btn{margin:80px 0 auto auto}
.model-development-container .col-right p{margin:0 0 80px}
.model-development-container .global-title-background{margin:0;line-height:102px;padding:0}
.about-page-container .home-members-group {padding: 12px 0;}
.about-page-container .reward-container {margin-bottom: 60px}
.about-page-container .reward-container .col-left {width: 100%;max-width: 51%}
.about-page-container .reward-container .col-right {width: 100%;max-width: 49%}
.about-page-container .reward-container .col-right img {max-width: 376px;margin: auto;}
.about-page-container .reward-container .global-title-background {padding: 0 15px 0 0;margin: 0;line-height: 82px;text-transform: capitalize}
.about-page-container .reward-container p {line-height: 33px;margin: 0 0 26px 0}
.pd-popup-contact{max-width:750px;width:100%;padding-top:40px}
.pd-popup-contact::before{content:'';height:4px;background:linear-gradient(90deg,#89C466 0%,#037340 101.06%);width:100%;position:absolute;top:0;left:0;right:0}
.pd-popup-contact .group-title{text-align:center;color:#000;font-size:32px;font-weight:600;line-height:48px;margin:0 0 4px}
.pd-popup-contact i{display:block;text-align:center;line-height:24px;font-size:16px}
.pd-popup-contact .contact-form-holder{display:flex;flex-wrap:wrap;justify-content:space-between}
.pd-popup-contact .item{width:100%;margin:14px 0 0;font-size:16px;line-height:24px}
.pd-popup-contact .item:nth-child(2),.pd-popup-contact .item:nth-child(3){width:calc(50% - 6px)}
.pd-popup-contact .item b{display:block;font-weight:600;margin-bottom:7px}
.pd-popup-contact .item input,.pd-popup-contact .item textarea{display:block;width:100%;padding:0 15px;height:44px;border:1px solid #ECECEC;border-radius:0}
.pd-popup-contact .item textarea{resize:none;min-height:86px;max-height:86px;padding:12px 15px;outline:none}
.pd-popup-contact .btn-submit{display:table;margin:16px auto 0;line-height:44px;background:linear-gradient(90deg,#89C466 0%,#037340 101.06%);color:#fff;padding:0 43px;font-size:16px;font-weight:700}
.pd-popup-contact .is-close-btn{top:11px!important;right:11px!important;width:28px;height:28px;border-radius:3px;background:#f6f6f6}
.pd-popup-contact .is-close-btn svg{color:#756C6C}
.pd-popup-contact .is-close-btn:hover{background:#756C6C}
.pd-popup-contact .is-close-btn:hover svg{color:#fff}
.global-fixed-left {position: fixed;left: 10px;bottom: 40px;z-index: 9;font-size: 21px;color: #fff !important;background: #ff9000;padding: 4px 15px 4px 17px;border-radius: 34px;line-height: 38px;font-weight: bold}
/* English Version */
.global-en-version .about-value-list .item:nth-child(2) {left: 18%}
.global-en-version .about-value-list .item:nth-child(5) {right: 12%}
.recruit-form-group .recruit-form-input .btn-delete-file::before {content: none;}
.global-popup-alert-product{position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:99;display:none}
.global-popup-alert-product .popup-alert-content{background:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:10px;max-width:500px;font-size:16px}
.global-popup-alert-product .title{font-size:1.25rem;font-weight:700;padding-right:20px}
.global-popup-alert-product .btn-close::before{content:'\2716';position:absolute;right:20px;font-size:1.25rem;font-weight:700;color:#000}
.global-popup-alert-product .btn-close:hover::before{color:#CE000C}
.global-popup-alert-product label{display:inline-flex;align-items:center;margin:15px 0;cursor:pointer}
.global-popup-alert-product label input{transform:scale(1.5);margin-right:15px}
.global-popup-alert-product .btn-confirm{display:block;text-align:center;background:#0D642B;color:#fff;line-height:40px;border-radius:5px;font-weight:500;transition:.2s all}
.global-popup-alert-product .btn-confirm:hover{background:#119d41}
.zalo-chat-widget {right: 15px !important;}