﻿@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
.prodetails-main .page-main .wmkcfeedback .inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.prodetails-main .page-main  .wmkcfeedback .inquiry-form input{width:49% !important}
.prodetails-main .page-main  .wmkcfeedback .inquiry-form  textarea{width:100% !important}
.home-banner .banner-animote{display:none;}
#homeproject2 .item{display: flex;justify-content: space-between;padding: 20px 10px;flex-wrap: wrap;}
#homeproject2 .item .left{width: 20%;}
#homeproject2 .item .left img{width:100%;}
#homeproject2 .item .right{width: 75%;}
#homeproject2 .news-title a{color: var(--fontcolor);font-size: var(--fontsize18);font-weight: var(--fontbold7);line-height: 20px;text-transform: capitalize;}
#homeproject2 .news-text{margin:15px 0;}
#homeproject2 .news-btn{display: inline-block;background: var(--color);color: #fff;padding: 5px 10px;}
@media(max-width:768px){#homeproject2 .news-text{display:none;}}
.home-custom{background:#fafafa;padding: 2% 0;}
#customswiper{margin-top:40px;width:100%;position:relative}
#customswiper .swiper-slide{padding:0 20px}
#customswiper .swiper-slide .flex{width:100%;background:#fff;display:flex;justify-content:space-between;align-items:flex-start;padding:3% 4%;position:relative}
#customswiper .swiper-slide .flex::after{content:"";position:absolute;bottom:-25px;left:50%;width:0;height:0;border-style:solid;border-width:30px 30px 0 0;border-color:#fff transparent transparent transparent}
#customswiper .img{margin-right:5%}
#customswiper .info{flex:1}
#customswiper .info .title{font-size:var(--fontsize18);font-weight:var(--fontbold6)}
#customswiper .info .text{color:var(--introcolor);margin-top:10px}
#customswiper .customswiper-next,#customswiper .customswiper-prev{position:absolute;left:0;top:100px;width:40px;height:40px;background:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:99;cursor:pointer}
#customswiper .customswiper-next em,#customswiper .customswiper-prev em{font-size:var(--fontsize20)}
#customswiper .customswiper-next{left:auto;right:0}
#customswiper .customswiper-pagination{text-align:center;margin-top:40px;display:flex;justify-content:center;align-items:center}
#customswiper .customswiper-pagination .swiper-pagination-bullet{background:0 0;opacity:1;width:80px;height:80px;border-radius:50%;border:1px solid #eee}
#customswiper .customswiper-pagination .swiper-pagination-bullet img{width:100%;height:100%;object-fit:cover}
#customswiper .customswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:100px;height:100px;border-color:var(--color)}
@media (max-width: 768px) {#customswiper .img {display: none;}#customswiper .customswiper-pagination{display: none;}}
.home-partner .hpa-con{display: flex;justify-content: center;flex-wrap: wrap;}
.home-partner .hpa-con .item{width: 16%;display: flex;justify-content: center;align-items: center;margin-bottom:15px;}
.home-partner .hpa-con .item img{max-width:70%;}
.home-partner .l-wrap{display: flex;flex-direction: column;align-items: center;}
.hpa-btn{margin: 2% 0;}
@media(max-width:768px){.home-partner .hpa-con .item{width:33%;}}
#hpa-swiper{width: 100%;overflow: hidden;}
.home-partner #hpa-swiper img{max-width:70%;}
.home-partner #hpa-swiper .swiper-wrapper{display: flex;align-items:center;}
.home-partner #hpa-swiper .swiper-slide{display: flex;justify-content: center;align-items:center;}
.partner-bottom{width:100%;padding:30px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.partner-bottom p{font-size:26px;font-weight:600}
.home-activity{background-repeat: no-repeat;background-size: contain;background-position: left;}
@media (min-width:1281px) and (max-width:1440px){.nav-ul>li{padding:0 12px;}}
.activity-wrap .title {font-family: initial;}
@media (min-width:769px){.contact-list { align-items: inherit; }}
#tagTabs .tagItem:nth-child(2){display:none}
#jljw_IM_GdImBox .cbTitle{background: var(--color) !important;}
.jljw_IM_inquiry .jljw_IM_item .jljw_IM_btn{background: var(--color) !important;}
@media (min-width:1025px){.head-nav{padding:0 5px;}
.head-nav .l-wrap{padding: 0 5px;}
.nav-ul>li {padding: 0px 12px;}
.nav-ul>li>a {padding: 18px 8px;font-size: var(--fontsize16);}
.nav-ul {width: 100%;justify-content: space-between;}
}
@media (min-width:1025px){#jljw_IM_GdImBox .GdImBox{width:440px !important}
#jljw_IM_GdImBox .form-preview{width:330px !important}
#jljw_IM_GdImBox.forminput .GdImBox .bubbleList{height:480px !important}}
div#jljw_IM_GdImBox .form-preview textarea {min-height: 60px;}
.lang-flex .lang-wrap{max-height:154px;overflow-y:auto;}
@media(min-width:1025px){.lang-flex .lang-wrap::-webkit-scrollbar{width:5px;}}
