.bg-img{width:100%;position:relative;background:url() 50% 50% no-repeat;background-size:100% 100%;background-clip:content-box;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transform:all .5s ease-in-out;transition:all .5s ease-in-out}#products{position:relative;overflow:hidden}#products:after{content:"";background:url(../../assets/img/pattern/pattern-1.png) no-repeat center center;background-size:contain;width:30vw;height:20vw;position:absolute;top:0;right:-5%;z-index:-1}#products:before{content:"";background:url(../../assets/img/pattern/pattern-2.png) no-repeat center center;background-size:contain;width:25vw;height:25vw;position:absolute;top:50%;left:-6%;z-index:-1}#products .puzzle-row{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;margin-left:-15px;margin-right:-15px;margin-bottom:4rem}#products .puzzle-row .pz-item{position:relative;height:250px;margin-left:-15px;margin-right:-15px}#products .puzzle-row .pz-item:hover .overlay{opacity:.5}#products .puzzle-row .pz-item:hover .title{top:50%;background-color:#193158}#products .puzzle-row .pz-item:nth-child(1) .title{left:42%}#products .puzzle-row .pz-item .title{position:absolute;left:50%;top:30%;-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:block;text-align:center;padding:.4rem 2rem;color:#fff;font-size:1.6rem;background-color:rgba(25,49,88,.8);white-space:nowrap;-webkit-transition:all .5s cubic-bezier(0.33, 1, 0.68, 1);-moz-transition:all .5s cubic-bezier(0.33, 1, 0.68, 1);-o-transition:all .5s cubic-bezier(0.33, 1, 0.68, 1);-ms-transform:all .5s cubic-bezier(0.33, 1, 0.68, 1);transition:all .5s cubic-bezier(0.33, 1, 0.68, 1);z-index:1}#products .puzzle-row .pz-item image{width:100%;height:100%;object-fit:cover;object-position:center center;transform-origin:0 0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transform:all .3s ease-in-out;transition:all .3s ease-in-out}#products .puzzle-row .pz-item svg{width:auto;height:100%}#products .puzzle-row .pz-item .overlay{opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transform:all .3s ease-in-out;transition:all .3s ease-in-out;fill:#43ae4b}#products .video-carousel .section-heading{text-align:center}#products .video-carousel .section-heading .video-title{width:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin:0 auto;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center}#products .video-carousel .section-heading .video-title .btn-tri{margin-left:4rem}#products .video-carousel .section-heading .icon{font-size:10rem;margin-right:4rem;color:#193158}#products .video-carousel .section-heading .title{text-align:left}#products .video-carousel .section-heading .title-ch{color:#193158;font-size:2.8rem;margin-bottom:0}#products .video-carousel .section-heading .title-en{font-size:1.8rem;letter-spacing:3px;margin-bottom:0}#products .video-carousel .video-btn-row{width:40vw;max-width:1200px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-o-flex-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;margin:0 auto;margin-top:3rem}#products .video-carousel .video-frame{width:100%;position:relative;background:url() 50% 50% no-repeat;background-color:#f2f2f2;background-size:cover;background-clip:content-box;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transform:all .5s ease-in-out;transition:all .5s ease-in-out}#products .video-carousel .video-frame:before{display:block;pointer-events:none;content:"";padding-top:56.25%}#products .video-carousel .video-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%}#products .video-carousel .swiper{width:100%;height:100%}#products .video-carousel .swiper-slide{width:40vw;max-width:1200px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;transition:300ms;transform:scale(0.8)}#products .video-carousel .swiper-slide-active,#products .video-carousel .swiper-slide-duplicate-active{transform:scale(1)}#products .video-carousel .swiper-button-disabled{background:#d9d9d9;border-color:#ddd;pointer-events:none}@media(max-width: 1280px){#products .puzzle-row{-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;margin-left:0;margin-right:0;padding:0 5%}#products .puzzle-row .pz-item{width:33.3333333333%;height:29vw;margin-left:0;margin-right:0;margin-bottom:1rem;text-align:center}#products .puzzle-row .pz-item:nth-child(1){left:2.7vw}#products .puzzle-row .pz-item:nth-child(1) .title{left:42%}#products .puzzle-row .pz-item svg{position:absolute;left:50%;top:50%;-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#products .video-carousel .section-heading{margin-bottom:2rem}#products .video-carousel .section-heading .video-title{width:100%}#products .video-carousel .swiper-slide{width:100%}#products .video-carousel .swiper{padding:0 3rem}#products .video-carousel .video-btn-row{width:100%}}@media(max-width: 767px){#products .puzzle-row{padding:0}#products .puzzle-row .pz-item{height:31vw}#products .puzzle-row .pz-item .title{font-size:1.4rem;padding:.4rem 1rem}#products .video-carousel .section-heading .video-title{-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}#products .video-carousel .section-heading .icon{width:25%;font-size:6rem;margin-right:0}#products .video-carousel .section-heading .title{width:75%}#products .video-carousel .section-heading .title-ch{font-size:2rem}#products .video-carousel .section-heading .title-en{font-size:1.4rem;letter-spacing:2px;padding-top:0}#products .video-carousel .section-heading .btn-tri{margin:0 auto !important}}#partners{position:relative}#partners:after{content:"";background:url(../../assets/img/pattern/pattern-3.png) no-repeat center center;background-size:contain;width:25vw;height:25vw;position:absolute;top:40%;right:-7%}#news{position:relative}#news .news-list{border-bottom:3px solid #d9d9d9;list-style:none;padding:0;margin:0;margin-bottom:3rem}#news .news-list li{border-top:3px solid #d9d9d9}#news .news-list .news-link{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;padding:2rem 0;padding-right:10rem}#news .news-list .news-link>*{padding:.5rem 2rem}#news .news-list .news-link:before{content:"";position:absolute;width:0;height:3px;background-color:#43ae4b;left:0;top:-3px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transform:all .5s ease-in-out;transition:all .5s ease-in-out}#news .news-list .news-link:after{content:"";font-family:progreens;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;font-size:1.6rem;color:#fff;position:absolute;top:50%;right:2rem;-moz-transform:translateY(-50%) rotate(0deg);-webkit-transform:translateY(-50%) rotate(0deg);-o-transform:translateY(-50%) rotate(0deg);-ms-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg);width:40px;height:40px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transform:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;background:linear-gradient(to right, #95CA56 0%, #3EAC4A 100%)}#news .news-list .news-link:hover{text-decoration:none;background-color:#fafafa}#news .news-list .news-link:hover .date,#news .news-list .news-link:hover .txt{color:#43ae4b}#news .news-list .news-link:hover:after{opacity:1;right:3rem}#news .news-list .news-link:hover:before{width:100%}#news .news-list .news-link .date{width:15%;text-align:center;color:#193158;font-weight:700}#news .news-list .news-link .date>*{display:block;line-height:1}#news .news-list .news-link .date>span{font-size:1.6rem;white-space:nowrap;margin-bottom:5px}#news .news-list .news-link .date>strong{font-size:3.2rem}#news .news-list .news-link .txt{width:85%;border-left:2px solid #193158;color:#333}#news .news-list .news-link .txt h6{font-size:2rem;font-weight:700;margin-bottom:0;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}@media(max-width: 992px){#news .news-list .news-link{padding-right:10%}#news .news-list .news-link .date{width:25%}}@media(max-width: 767px){#news .news-list .news-link{padding-right:1rem}#news .news-list .news-link .date{padding:0}#news .news-list .news-link:after{width:30px;height:30px;font-size:1.6rem;opacity:1;right:0}}#news-video .section-heading{position:relative;z-index:2}#news-video .news-video{position:relative;border:3px dashed #43ae4b;padding:4rem;margin-top:-5.3rem}#news-video .news-video:before{content:"";width:25%;height:6px;background:#fff;position:absolute;left:50%;top:-4px;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1}#news-video .news-video .video-frame{width:100%;position:relative;background:url() 50% 50% no-repeat;background-size:cover;background-clip:content-box;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transform:all .5s ease-in-out;transition:all .5s ease-in-out;margin-bottom:3rem}#news-video .news-video .video-frame:before{display:block;pointer-events:none;content:"";padding-top:56.25%}#news-video .news-video .video-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%}#news-video .news-video .info-row{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-o-flex-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center}#news-video .news-video .info-row .title{text-align:left}#news-video .news-video .info-row .title:hover h5,#news-video .news-video .info-row .title:hover p{text-decoration:none;color:#193158}#news-video .news-video .info-row .title h5{position:relative;font-size:2rem;color:#43ae4b;margin-bottom:0;padding-left:3rem}#news-video .news-video .info-row .title h5:before{content:"";font-family:progreens;position:absolute;left:0;top:0}#news-video .news-video .info-row .title p{color:#a3a9b5;padding-left:3rem}#news-video .news-video .info-row .btn-subscribe{background-color:rgba(67,174,75,.8);color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;padding:1rem 2rem}#news-video .news-video .info-row .btn-subscribe:hover{text-decoration:none;background-color:#193158}#news-video .news-video .info-row .btn-subscribe i{font-size:5rem;margin-right:1.5rem}#news-video .news-video .info-row .btn-subscribe .txt{text-align:center}#news-video .news-video .info-row .btn-subscribe .txt>span{display:block}#news-video .news-video .info-row .btn-subscribe .txt .font-ch{font-size:1.6rem}#news-video .news-video .info-row .btn-subscribe .txt .font-en{position:relative;font-size:1.4rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;letter-spacing:2px}#news-video .news-video .info-row .btn-subscribe .txt .font-en:before{content:"";font-family:progreens;margin-right:5px}@media(max-width: 992px){#news-video .news-video .video-frame{margin-bottom:1rem}#news-video .news-video .info-row{text-align:center;display:block}#news-video .news-video .info-row .title p{margin-bottom:2rem}#news-video .news-video .info-row .btn-subscribe{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-left:auto}}@media(max-width: 767px){#news-video .news-video{padding:2rem}}#banner{position:relative;z-index:1}#banner .banner-link{display:block;width:100%}#banner .banner-link img{width:100%;object-fit:contain}#about{position:relative}#about .about-intro{position:relative;margin-bottom:5rem}#about .about-intro .image{position:relative}#about .about-intro .image:after{content:"";width:100%;height:60%;position:absolute;left:-2rem;bottom:-2rem;z-index:-1;background-color:#193158}#about .about-intro .image img{width:100%;height:100%;object-fit:contain}#about .about-intro h4{color:#193158;font-size:2.4rem;font-weight:700;margin-bottom:2rem}#about .about-intro p{color:#333;font-size:1.6rem}#about .about-intro .marquee-row{position:absolute;left:0;right:0;bottom:2vw;overflow:hidden;padding:2vw 0;z-index:-1}#about .about-intro .marquee-row .inner{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}#about .about-intro .marquee-row .marquee-track{white-space:nowrap;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-animation:marquee 50s linear infinite forwards;-moz-animation:marquee 50s linear infinite forwards;-o-animation:marquee 50s linear infinite forwards;animation:marquee 50s linear infinite forwards}@-webkit-keyframes marquee{0%{-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}to{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}@-moz-keyframes marquee{0%{-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}to{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marquee{0%{-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}to{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}#about .about-intro .marquee-row .marquee-track p{font-size:3vw;font-weight:600;color:#fddac7;padding-left:1.5rem;padding-right:1.5rem;margin-bottom:0;color:#fff;text-shadow:-1px -1px 0 #43ae4b,1px -1px 0 #43ae4b,-1px 1px 0 #43ae4b,1px 1px 0 #43ae4b}#about .about-card{position:relative;cursor:pointer;margin-bottom:3rem}#about .about-card:hover:before{height:100%}#about .about-card:hover .txt-info{height:100%}#about .about-card:hover .txt-info p{display:block;-webkit-animation:fadeIn .3s ease-in-out both;-moz-animation:fadeIn .3s ease-in-out both;-o-animation:fadeIn .3s ease-in-out both;animation:fadeIn .3s ease-in-out both}#about .about-card:before{content:"";position:absolute;left:0;right:0;top:0;width:100%;height:115px;background-color:rgba(25,49,88,.7);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transform:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:1}#about .about-card .image{width:100%;position:relative;background:url() 50% 50% no-repeat;background-size:cover;background-clip:content-box;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transform:all .5s ease-in-out;transition:all .5s ease-in-out}#about .about-card .image:before{display:block;pointer-events:none;content:"";padding-top:66.6666667%}#about .about-card .txt-info{width:100%;height:115px;position:absolute;left:0;right:0;top:0;z-index:2;text-align:center;color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-o-flex-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap;padding:1.5rem;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transform:all .5s ease-in-out;transition:all .5s ease-in-out}#about .about-card .txt-info *{-ms-flex:0 1 auto}#about .about-card .txt-info:before,#about .about-card .txt-info:after{content:"";position:absolute;width:1px;height:calc(100% - 4rem);background-color:#fff;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#about .about-card .txt-info:before{left:10%}#about .about-card .txt-info:after{right:10%}#about .about-card .txt-info h5,#about .about-card .txt-info h6{position:relative;z-index:2;display:inline-block;text-align:center;padding:5px 0;line-height:1}#about .about-card .txt-info h5{font-size:2.4rem;font-weight:700;margin-bottom:1rem}#about .about-card .txt-info h5 i{font-size:3.2rem;margin-right:1rem}#about .about-card .txt-info h6{font-size:1.8rem;margin-bottom:0}#about .about-card .txt-info p{width:70%;text-align:justify;display:none;font-size:1.4rem;line-height:1.5;margin-top:3rem;opacity:0}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@media(max-width: 1280px){#about .about-intro .marquee-row{overflow:visible;bottom:0;padding:0}}@media(max-width: 992px){#about .about-intro .image{margin-bottom:4rem}#about .about-intro .marquee-row{position:static}#about .about-intro .marquee-row .marquee-track p{font-size:5rem}}@media(max-width: 767px){#about .about-card:before{display:none}#about .about-card .txt-info{position:relative;height:auto;background-color:#193158;padding:2rem 1.5rem}#about .about-card .txt-info:before{left:1.5rem}#about .about-card .txt-info:after{right:1.5rem}#about .about-card .txt-info p{width:85%;display:block;opacity:1}}#patents{position:relative;width:100%}#patents:after{content:"";background:url(../../assets/img/pattern/bg-map.png) no-repeat center center;background-size:contain;width:100%;height:50vw;position:absolute;left:50%;bottom:10%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:-1}/*# sourceMappingURL=home.css.map */