.pagebanner {
    width: 100%;
    /* min-height: 420px; */
    background-position: left center;
    background-repeat: no-repeat;
    /* padding-top: 132px; */
}
.pageMain {
    padding-left: clamp(40px, 11.875vw,228px);
    padding-left: clamp(40px, 10vw, 228px);
    transform: translateY(-5.2vw);
    -webkit-transform: translateY(-5.2vw);
    -moz-transform: translateY(-5.2vw);
    -ms-transform: translateY(-5.2vw);
    -o-transform: translateY(-5.2vw);
}
.pageMain01 {
    padding-left: clamp(40px, 11.875vw,228px);
    padding-left: clamp(40px, 10vw, 228px);
}

/* .pageMainBody {
    padding: 15px clamp(40px, 16.15vw, 310px) 60px clamp(40px,11.875vw,82px);
    padding: 15px clamp(40px, 13.54167vw, 310px) 0px clamp(40px, 3.54167vw, 82px);
    background-color: #fff;
}
.pageMainBody_block {
    padding: clamp(40px, 5.20833vw, 100px) clamp(40px, 13.54167vw, 310px) clamp(40px, 5.20833vw, 100px) clamp(40px, 3.54167vw, 82px);
}  */
.pageMainBody {
    padding: 15px clamp(40px, 16.15vw, 310px) 60px clamp(40px,11.875vw,82px);
    padding: 15px clamp(40px, 14.270833333vw, 310px) 0px clamp(40px, 4.270833333vw, 82px);
    background-color: #fff;
}
.pageMainBody_block {
    padding: clamp(40px, 5.20833vw, 100px) clamp(40px, 14.270833333vw, 310px) clamp(40px, 5.20833vw, 100px) clamp(40px, 4.270833333vw, 82px);
} 
.pageMainBody_pl {
    padding-left: calc( 60px + 12px + 30px );
}
.pageMainBody_pr {
    padding-right: calc( 60px + 12px + 30px );
}
/* breadcrumb start */
#web-breadcrumb {
    list-style: none;
}
#web-breadcrumb li {
    display: inline-block;
    margin-right: 5px;
}
#web-breadcrumb li+li::before {
    content: "●";
    display: inline-block;
    margin-right: 5px;
    color: var(--webcolor_gray01);
    font-size: 14px;
    vertical-align: middle;
    margin-bottom: 3px;
}
#web-breadcrumb a {
    display: inline-block;
    color: var(--webcolor_gray01);
}
/* breadcrumb end */
.pagetitle {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}
.pagetitle img {
    /* .soluCards +.sluCard */
    width: calc( 60px + 12px );
    height: auto;
    margin-right: 30px;
}
.insidebody {
    width: 100%;
    margin-top: clamp(30px,4.6875vw,90px);
}
.webtitlerow {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}
.icon_title {
    width: 24px;
    height: 24px;
    margin-right: 20px;
}
/* solutions.html start */
.soluCards {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    padding: 0 calc( 60px + 12px );
}
.sluCard {
    width: 50%;
    padding: 0 12px;
    margin-bottom: 40px;
}
.soluCardText {
    padding: 30px;
    background-color: var(--webcolor_main01);
    box-sizing: border-box;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.title_decoBottom {
    width: 40px;
    height: 2px;
    margin: 12px 0 8px;
    background-color: #fff;
}
.sluCard img {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.sluCard:hover img {
    position: relative;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.sluCard:hover .soluCardText {
    background-color: var(--webcolor_mainhover01);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}
.sluCard:hover .webbtn_more {
    letter-spacing: 1px;
}

/* solutions.html end */
/* solutions_i.html start */
#solu_main {
    position: relative;
}
#solu_main_text {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc( clamp( 10px, 2.86458333vw, 55px) + 50%  );
    padding: clamp( 10px, 1.8229166vw, 35px) 0px clamp( 10px, 1.041666vw, 20px) clamp( 10px, 2.86458333vw, 55px) ;
    background-color: #fff;
}
#keypoints {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: stretch;
    margin-right: clamp( -40px, -2.08333vw, -10px);;
    margin-left: clamp( -40px, -2.08333vw, -10px);;
}
.keypoint {
    width: 25%;
}
.keytitle {
    font-size: 18px;
    font-weight: 700;
}
.keytitle, .keyText {
    padding-right: clamp( 10px, 2.08333vw, 40px);
    padding-left: clamp( 10px, 2.08333vw, 40px);
}
.keyText {
    border-right: 1px solid rgba(112, 112, 112, 0.7);
}
#keypoints .keypoint:last-child .keyText {
    border-right: none;
}
#solu_i_des {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    background-color: var(--webcolor_gray01);
    padding: clamp( 10px, 3.6458333vw, 70px) clamp( 10px, 3.38541666vw, 65px);
}
.sloTitle {
    width: 25%;
    color: #fff;
    font-weight: 700;
    min-width: 200px;
}
.sloText {
    width: 75%;
    color: #fff;
}

#solus_caseBlock .title02style {
    margin-bottom: 35px;
}
#solus_case.owl-carousel .owl-nav .owl-prev, #solus_case.owl-carousel .owl-nav .owl-next, #solus_case.owl-carousel .owl-nav {
    top: 0%;
    transform: translateY( -33px );
    -webkit-transform: translateY( -33px );
    -moz-transform: translateY( -33px );
    -ms-transform: translateY( -33px );
    -o-transform: translateY( -33px );
}
.owlpageNum {
    margin-right: 100px;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
}
.owlpageNumShow {
    color: #fff;
}
.owlpageNum .owlpageNumShow+.owlpageNumShow::before {
    margin: 0 10px;
    content: "";
    width: 1px;
    height: 8px;
    display: inline-block;
    background-color: #fff;
}
#solutions_i .newsCardCom {
    background-color: #fff;
    margin-bottom: 10px;
}
#solus_case {

    box-shadow: 7px 5px 10px rgba(0, 0, 0, 0.16);
}
.solu_case {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
}
.solu_caseimg {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #CFCFCF;
    width: 100%;
}
.solu_case img {
    width: clamp(200px, 29.6354166vw, 569px);
    height: auto;
}
.solu_caseText {
    background-color: #fff;
    padding: clamp(10px, 3.125vw, 60px) clamp(15px, 2.08333vw, 40px);
}


/* solutions_i.html end */
/* downloads.html start */
.dlCard {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    padding: 30px 90px 30px 40px ;
    background-color: var(--webcolor_gray06);
    margin-bottom: 35px;
}
.dlImg {
    width: 21.5%;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.dlR {
    width: 78.5%;
    padding-left: clamp(15px, 2.34375vw,45px);
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
}

.dlText {
    padding-right: clamp(15px,19.8vw,380px);
    width: calc( 100% - 70px );
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    margin-top: clamp(0px,0.78125vw,15px);
}
.dlText p {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--webcolor_gray01);
    margin-top: 5px;
    line-height: 1.5;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.dltop {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.dltype {
    padding: 5px 10px 2px;
    margin-right: 10px;
    color: #fff;
    background-color: var(--webcolor_gray01);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.dlBtn {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: var(--webcolor_main01);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-top: clamp(20px,2.4vw,50px);
    transition: .1s;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -ms-transition: .1s;
    -o-transition: .1s;
}
.dlBtn::after {
    content: "";
    display: block;
    width: 60%;
    height: 60%;
    background-image: url(../images/icon/icon_download.svg);
    background-size: cover;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.dlCard:hover {
    background-color: var(--webcolor_main01);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
    transform: translate(2px,2px);
    -webkit-transform: translate(2px,2px);
    -moz-transform: translate(2px,2px);
    -ms-transform: translate(2px,2px);
    -o-transform: translate(2px,2px);
}
.dlCard:hover .dlImg {

}
.dlCard:hover .dltop, .dlCard:hover .dlText p {
    color: #fff;
}
.dlCard:hover .dltype {
    background-color: #fff;
    color: var(--webcolor_main01);
}
.dlCard:hover .dlBtn {
    background-color: #fff;
}
.dlCard:hover .dlBtn::after {
    background-image: url(../images/icon/icon_download_main.svg)
}
/* downloads.html end */
/* fqq.html start */
.faqCard {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
}
.faqhead {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    padding: 35px 50px 25px 30px;
    background-color: var(--webcolor_gray06);
    z-index: 1;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.num {
    width: 50px;
    height: 40px;
    background-color: var(--webcolor_main01);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
.fq {
    padding: 0 40px;
    width: 100%;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.fqicon {
    width: 15px;
    height: 13px;
    margin-top: 5px;
}

.fqicon::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(../images/icon/icon_faq_btn.svg);
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    background-size: cover;
}
.faqCard:hover .faqhead {
    background-color: var(--webcolor_main01);
}
.faqCard:hover .num {
    background-color: #fff;
    color: var(--webcolor_main01);
}
.faqCard:hover .fq {
    color: #fff;
}
.faqCard:hover .fqicon::after {
    background-image: url(../images/icon/icon_faq_btn_white.svg);
}
.faqbody {
    width: 100%;
    padding-top: 35px;
    padding-right: 60px;
    padding-bottom: 35px;
    padding-left: calc( 30px + 50px + 40px );
    background-color: var(--webcolor_gray06);
    display: none;
    opacity: 0;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
}
.faqCard.active .faqbody {
    display: block;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    animation: fadeLoop .3s ease-in-out both;
    -webkit-animation: fadeLoop .3s ease-in-out both;
}
@keyframes fadeLoop {
    0%   {
        opacity: 0;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

.faqCard.active .faqhead {
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.faqCard.active .fqicon::after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
/* faq.html end */
/* videos.html start */
.sendmenu {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    margin-bottom: 20px;
}
.sendmenu a {
    font-size: 22px;
    font-weight: 600;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    color: var(--webcolor_gray01);
}
.sendmenu a:first-child {
    padding-left: 0;
}
.sendmenu a:last-child {
    padding-right: 0;
}
.sendmenu a.active {
    color: var(--webcolor_main01);
}
.sendmenu a+a::before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    width: 1px;
    height: 14px;
    background-color: var(--webcolor_gray01);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.vCardcol {
    margin-bottom: clamp(15px, 2vw, 40px);
}
.iconVideo {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.iconVideo::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../images/icon/icon_video.svg);
    background-size: cover;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.vCardText {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    padding-top: 20px;
    padding-left: 5px;
    padding-bottom: 10px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
.vCardText p {
    width: calc( 100% - 48px );
    padding-left: 20px;
    padding-right: 15px;
    font-weight: 600;
    color: var(--webcolor_gray01);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
.vCardimg {
    overflow: hidden;
}
.vCardimg img {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.vCard:hover .vCardimg img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.vCard:hover .vCardText {
    background-color: var(--webcolor_main01);
} 
.vCard:hover .iconVideo::before {
    background-image: url(../images/icon/icon_video_white.svg);
}
.vCard:hover .vCardText p {
    color: #fff;
}

/* videos.html end */
/* exhibitions.html start */
.newsCardExhibi {
    width: 100%;
    background-color: var(--webcolor_gray06);
    padding: 30px 20px;
    margin-bottom: 25px;
}
.newsCardExh {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    color: var(--webcolor_gray01);
}
.news_mark {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--webcolor_main01);
}
.webbtn_more {
    font-size: 1rem;
    font-weight: 500;
}
.newsCardExh_date {
    padding-right: 20px;
}
.newsCardExh_info {
    border-left: 1px solid var(--webcolor_gray04);
    padding-left: 20px;
    width: 100%;
}
.newsCard_dd {
    font-size: 60px;
    line-height: 1;
    font-weight: 700;
}
.news_date {
    font-size: 1.1rem;
    font-weight: 600;
}
.newsCard_title {
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 15px;
}
.newsCardExh_info p {
    margin-bottom: 20px;
}
.newslist_btn {
    background-image: url(../images/web_comp/web_btn_gray.svg);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}
.newsCardExhibi:hover .webbtn_more,
.newsCardCom:hover .webbtn_more
{
    letter-spacing: 1px;
    color: var(--webcolor_main01);
}
.newsCardExhibi:hover .newsCardExh_date, 
.newsCardExhibi:hover .newsCardExh_info p {
    color: var(--webcolor_gray01);
}
.newsCardExhibi:hover .newslist_btn,
.newsCardCom:hover .newslist_btn
{
    background-image: url(../images/web_comp/web_btn.svg);
}
/* exhibitions.html end */
/* company_news.html start */
.newsCardCom {
    display: flex;
    flex-direction: column;
    background-color: var(--webcolor_gray06);
    padding: clamp(15px,1.5625vw,30px) clamp(15px,1.302vw,25px) clamp(15px,2.8645vw,55px);
    margin-bottom: clamp(15px,4.1667vw,80px);
}
.newsCardComHead {
    position: relative;
}
.newsCardCom_date {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}
.newsCard_dd {
    display: flex;
    justify-content: center;
    align-items: center;
}
.news_date {
    display: flex;
    justify-content: center;
    align-items: center;
}
.newsCardComHead .newsCard_dd {
    width: 100px;
    height: 70px;
    background-color: var(--webcolor_main01);
    color: #fff;
}
.newsCardComHead .news_date {
    width: 100px;
    height: 30px;
    background-color: var(--webcolor_gray07);
    color: #fff;
}
.newsCardComBody {
    padding-top: 25px;
}
.newsCardComBody p {
    margin-bottom: clamp(20px,4.6875vw,60px);
    padding-top: 20px;
    line-height: 1.5;
    color: var(--webcolor_gray01);
}
.newsCardComBody .news_mark {
    margin-bottom: 25px;
}
.newsCardComBody .newsCard_title {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 0;
    color: var(--webcolor_gray01);
}
.newsCardComBody .newsCard_title::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 85px;
    height: 1px;
    background-color: var(--webcolor_gray01);
}
#company_news #paginations {
    margin-top: 2vw;
}
/* company_news.html end */
/* success_case.html start */
.newsCardCase_info, .newsCardCase_date {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: end;
}
.newsCardCase_info {
    margin-bottom: 20px;
}
.newsCardCase_date::before {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    content: "";
    width: 1px;
    height: 10px;
    background-color: var(--webcolor_gray01);
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
}
.newsCardCase_date .date::before {
    content: ".";
    display: inline-block;
}
.newsCardCase_info .news_mark {
    font-size: 1.125rem;
    line-height: 1;
    margin-bottom: 0;
}
.newsCardCase_date .news_date {
    color: var(--webcolor_gray01);
    font-size: 0.95rem;
    line-height: 1;
}
/* success_case.html end */
/* product_sub.html start */
.pdcategory {
    border-bottom: 1px solid var(--webcolor_gray07);
}
.category {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    color: var(--webcolor_gray01);
    padding: 30px 0;
    cursor: pointer;
}
.pdcategory:first-child .category {
    padding-top: 0;
}
.categoryname {
    font-weight: 600;
}
.pdmenuArrow {
    width: 8px;
    height: 8px;
    border-left: 1px solid var(--webcolor_gray01);
    border-bottom: 1px solid var(--webcolor_gray01);

    transform-origin: 50% 50% 0;
    transform: rotate(-135deg) translate(2px, -6px);
    -webkit-transform: rotate(-135deg) translate(2px, -6px);
    -moz-transform: rotate(-135deg) translate(2px, -6px);
    -ms-transform: rotate(-135deg) translate(2px, -6px);
    -o-transform: rotate(-135deg) translate(2px, -6px);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.pdcategory.active .pdmenuArrow {
    transform: rotate(-45deg) translate(-4px, -4px);
    -webkit-transform: rotate(-45deg) translate(-4px, -4px);
    -moz-transform: rotate(-45deg) translate(-4px, -4px);
    -ms-transform: rotate(-45deg) translate(-4px, -4px);
    -o-transform: rotate(-45deg) translate(-4px, -4px);
}
.types {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    background-color: var(--webcolor_gray06);
    opacity: 0;
    display: none;
}
.pdcategory.active .types {
    opacity: 1;
    display: flex;
}
.type {
    padding-top: 25px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
    border-bottom: 1px solid #fff;
}
.type::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(../images/icon/icon_arrow_01.svg);
    margin-right: 15px;
}
.type.active::before {
    background-image: url(../images/icon/icon_arrow_02.svg);
}
.type, .type02, .typesub {
    font-size: 1.125rem;
    color: var(--webcolor_gray08);
}
.typemenu {
    width: 100%;
    border-bottom: 1px solid #fff;
}
.type02 {
    padding-top: 25px;
    padding-bottom: 15px;
    padding-left: 35px;
    padding-right: 10px;
}
.typesubs {
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 45px;
    padding-right: 10px;
    white-space: normal; 
}
.typesub {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 10px;
}
.typesubs .typesub+.typesub::before {
    display: inline-block;
    content: "/";
    margin-right: 8px;
    color: var(--webcolor_gray01);
}
.category:hover, .type.active, .type:hover, .typesub:hover, .typesub.active{
    color: var(--webcolor_main01);
}
.category:hover .pdmenuArrow {
    border-left: 1px solid var(--webcolor_main01);
    border-bottom: 1px solid var(--webcolor_main01);
}
.pdCard {
    margin-bottom: clamp(15px,3.90625vw, 75px);
}
.pdCardimg {
    background-color: var(--webcolor_gray06);
    padding: 15px;
}
.pdtext {
    padding: clamp(30px, 2.6vw, 50px) 0 10px;
    color: var(--webcolor_gray01);
}
.pdname {
    margin-bottom: 3px;
    font-size: 1.25rem;
    font-weight: 600;
    position: relative;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
.pdname::before {
    content: "";
    position: absolute;
    top: -17px;
    left: 0;
    width: 47px;
    height: 2px;
    background-color: var(--webcolor_gray01);
}
.pdCard:hover .pdname {
    color: var(--webcolor_main01);
}
.pdCard:hover .webbtn_more {
    letter-spacing: 1px;
    color: var(--webcolor_main01);
}
.pdCard:hover .newslist_btn {
    background-image: url(../images/web_comp/web_btn.svg);
}
#product_sub #paginations {
    margin-top: 10px;
}
/* product_sub.html end */
/* product_i.html start */
#product_i .pagebanner {
    background-size: cover;
    background-position: 0% 0%;
}
.pdpageHead {
    padding: 0 clamp(40px, 14.270833333vw, 310px);
}
.pdhead {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
}
.pdhead_left, .pdhead_right {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}
.pdhead_left {
    padding-top: clamp( 15px, 5.20833vw, 100px);
    min-height: clamp( 400px, 5.729166vw, 110px);
}
.pdpageHead #web-breadcrumb {
    padding-left: 0;
    padding-top: 15px;
}
#pdshow {
    width: 100%;
    margin-bottom: clamp(90px, 6.25vw, 120px);
}
#pdshow img {
    width: 100%;
}
#pdshow.owl-carousel .owl-dots {
    position: absolute;
    bottom: 0;
    right: 0;
}
#pdshow.owl-carousel .owl-dots .owl-dot {
    width: 11px;
    height: 11px;
    background-color: var(--webcolor_gray07);
    border: none;
    margin: 0 4px;
}
#pdshow.owl-carousel .owl-dots .owl-dot.active {
    background-color: var(--webcolor_main01);
    width: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
#pdshow.owl-carousel .owl-nav .owl-prev span::before, 
#pdshow.owl-carousel .owl-nav .owl-next span::before {
    color: #CFCFCF;
}
#product_i .pageMainBody {
    padding-top: 0;
}
#pdindromenu {
    position: initial;
    left: 0;
    z-index: 2;
    width: 100%;
}
#pdindromenu.scrollactive {
    position: fixed;
    background-color: #fff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
}
#pdindromenu.scrollactive .pageMain {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
#pdindromenu.scrollactive .pdbody {
    padding: 15px 0;
}
.pdbody {
    /* position: sticky;
    top: 180px; */
    padding: 2.6vw 0;
    background-color: #fff;
    z-index: 2;
}
#pdtabs {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}
.pdtab {
    font-size: clamp( 15px, 0.9375vw, 18px);
    font-weight: 700;
    padding: 0 clamp( 8px, 1.5625vw, 30px);
    color: var(--webcolor_gray01);
    position: relative;
    cursor: pointer;
}
.pdtab.active, .pdtab:hover {
    color: var(--webcolor_main01);
}
.pdtab:first-child {
    padding-left: 0;
}
.pdtab:last-child {
    padding-right: 0;
}
.pdtab+.pdtab::before {
    content: "";
    width: 1px;
    height: 10px;
    background-color: var(--webcolor_main01);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.pdcontent {
    /* padding-top: clamp( 60px, 6.25vw, 120px); */
}
#pdinq {
    background-color: var(--webcolor_main01);
    padding: clamp( 15px, 2.34375vw, 45px) clamp( 15px, 1.66666vw, 32px) clamp( 15px, 1.97916vw, 38px);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#pdinqtext {
    width: 100%;
    margin-bottom: clamp( 20px, 4.1667vw, 80px);
}
.pdinq_title {
    font-size: clamp( 16px, 1.041666vw, 20px);
    font-weight: 700;
    color: #fff;
    margin-bottom: clamp( 8px, 0.78125vw, 15px);
}
.pdinq_text {
    font-size: clamp( 14px, 0.9375vw, 18px);
    color: #fff;
}
.inqbtn {
    width: clamp( 130px, 13.38541666vw, 257px);
    padding: clamp( 10px, 0.78125vw, 15px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    cursor: pointer;
    z-index: 1;
}
.inqbtn:hover {
    background-color: var(--webcolor_dark01);
}
.inqbtntext {
    font-size: clamp( 14px, 0.83333vw, 16px);
    color: var(--webcolor_main01);
    font-weight: 700;
    margin-right: 10px;
    text-transform: uppercase;
}
.iconinq {
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    background-color: var(--webcolor_main01);
}
.iconinq::before, .iconinq::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.iconinq::before {
    width: 8px;
    height: 1px;
} 
.iconinq::after {
    width: 1px;
    height: 8px;
}
#pdinqbgi {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%;
}
.pdescriptpd {
    padding: clamp(40px, 5.20833vw, 100px) clamp(15px, 14.270833333vw, 310px);

}
#pddescript {
    position: relative;
}
#pddescriptbgc {
    width: calc( 100% + clamp( 15px, 7.8125vw, 160px) );
    height: calc( 100%);
    content: "";
    background-color: var(--webcolor_main01);
    position: absolute;
    top: -68px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.pdspec table {
    width: 100%;
}
.pdspec td, .pdspec th {
    padding: 10px;
    padding-left: 20px;
    font-size: clamp( 14px, 0.9375vw, 18px);
}
.pdspec tbody tr:nth-child(even) {
    background-color: #fff;
}
.pdspec thead th {
    border: 1px solid #fff;
    border-bottom: none;
    border-top: none;
    background-color: var(--webcolor_main01);
    color: #fff;
    text-align: center;
}
.pdspec tbody th {
    min-width: clamp( 140px, 9.7916666vw, 188px);
    background-color: #E5E5E5;
    border: 1px solid rgba(130,130,130,0.3);
}
.pdspec thead th:first-child, .pdspec tbody th:first-child {
    border-left: none;
}
.pdspec thead th:last-child, .pdspec tbody td:last-child {
    border-right: none;
}
.pdspec tbody td {
    border: 1px solid rgba(130,130,130,0.5);
    min-width: 300px;
}
#pdfitCards.owl-carousel .owl-nav .owl-prev, #pdfitCards.owl-carousel .owl-nav .owl-next, #pdfitCards.owl-carousel .owl-nav {
    top: calc( 100% + clamp( 40px, 3.125vw, 60px) );
}
#pdfitCards.ksOwl.owl-carousel .owl-nav .owl-prev:hover span:before {
    background-image: url(../images/icon/ksOwl_prev_white.svg);
}
#pdfitCards.ksOwl.owl-carousel .owl-nav .owl-prev:hover span {
    background-color: var(--webcolor_dark01);
}
#pdfitCards.ksOwl.owl-carousel .owl-nav .owl-next:hover span:before {
    background-image: url(../images/icon/ksOwl_next_white.svg);
}
#pdfitCards.ksOwl.owl-carousel .owl-nav .owl-next:hover span {
    background-color: var(--webcolor_dark01);
}

.pdfitCard {
    position: relative;
}
.fitnamebg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255,255,255,0.45);
    padding: 10px;
}
.fitname {
    font-size: clamp( 12px, 0.9375vw, 18px);
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}
#pdfilesDownload {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: start;
}
.pdfileDownload {
    width: 33.3333%;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    padding: clamp( 8px, 2.6vw, 50px) clamp( 10px, 1.5625vw, 30px);
    background-color: var(--webcolor_gray06);
}
.pdfileicon {
    width: 32px;
    height: 32px;
    background-image: url(../images/icon/icon_download02_main.svg);
    background-size: 100% 100%;
}
.pdfilesneme {
    font-size: 18px;
    color: var(--webcolor_gray01);
    font-weight: 700;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid rgba(184,184,184,0.5);
    width: calc( 100% - 32px);
    margin-left: 23px;
    white-space: nowrap;
}
.pdfilesneme::after {
    position: absolute;
    right: 0;
    top: 0%;
    transform: translateY(100%);
    content: "";
    width: 5px;
    height: 10px;
    background-image: url(../images/icon/icon_arrow_03.svg);
    background-size: cover;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
}
.pdfileDownload:hover {
    background-color: var(--webcolor_main01);
}
.pdfileDownload:hover .pdfileicon {
    background-image: url(../images/icon/icon_download02_white.svg);
}
.pdfileDownload:hover .pdfilesneme {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.pdfileDownload:hover .pdfilesneme::after {
    background-image: url(../images/icon/icon_arrow_03_white.svg);
}


#pdsolu {
    margin-bottom: 50px;
}
#pdsolu.owl-carousel .owl-nav .owl-prev span, #pdsolu.owl-carousel .owl-nav .owl-next span {
    background-color: var(--webcolor_main01);
}
#pdsolu.owl-carousel .owl-nav .owl-prev span:before {
    background-image: url(../images/icon/ksOwl_prev_white.svg);
}
#pdsolu.owl-carousel .owl-nav .owl-next span:before {
    background-image: url(../images/icon/ksOwl_next_white.svg);
}
#pdsolu.owl-carousel .owl-nav .owl-prev, 
#pdsolu.owl-carousel .owl-nav .owl-next, 
#pdsolu.owl-carousel .owl-nav {
    top: calc(100% + 25px);
}
#product_i .sluCard {
    width: 100%;
    display: flex;
    justify-content: start;
    flex-direction: column;
}
#product_i .padding_main_L {
    padding-left: clamp(40px, 14.270833333vw, 310px);
}
#product_i #cta_r {
    padding: clamp(15px, 3.5vw, 80px) clamp(15px, 4.427vw, 85px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}
/* product_i.html end */
/* equipments.html start */
#equi_mainShow ul {
    padding-left: 20px;
    list-style-type: square;
}
#equi_mainShow li::marker {
    color: var(--webcolor_main01);
    font-size: clamp(18px, 1.25vw, 24px);
}
#equi_mainShow li {
    font-size: clamp(14px, 0.9375vw, 18px);
    line-height: 1.6666;
}
#equi_mainShow .title02row {
    margin-bottom: clamp( 15px, 1.5625vw, 30px);
}
.equiCard {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    background-color: #fff;
    padding: clamp( 10px, 2.34375vw, 45px);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 7px 5px 10px rgba(0,0,0,0.16);
    margin-bottom: clamp( 15px, 3.125vw, 60px);
}
.equiImg {
    width: clamp(80px, 6.25vw, 120px);
    margin-right: clamp( 10px, 2.34375vw, 45px);
}
.equi_descript {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 1.5;
    color: var(--webcolor_gray01);
}
.equiCard .webbtn02 {
    padding-top: 10px;
    position: relative;
}
.equiCard .webbtn02::before {
    content: "";
    width: 47px;
    height: 2px;
    background-color: var(--webcolor_gray01);
    position: absolute;
    top: 0;
    left: 0;
}
.equiCard:hover .webbtn_more {
    letter-spacing: 1px;
    color: var(--webcolor_main01);
}
.equiCard:hover .newslist_btn {
    background-image: url(../images/web_comp/web_btn.svg);
}
/* equipments.html end */
/* equipment_i.html start */
#equi_i_Block ul {
    padding-left: 20px;
    list-style-type: square;
}
#equi_i_Block li::marker {
    color: #fff;
    font-size: 24px;
}
.equi_i_appCard p {
    color: #fff;
    margin-top: 10px;
    text-align: center;
}
#equi_i_appCards.owl-carousel .owl-nav .owl-prev, #equi_i_appCards.owl-carousel .owl-nav .owl-next, #equi_i_appCards.owl-carousel .owl-nav {
    top: calc( 100% + 30px );
}
#equi_i_photoShow {
    padding: 0 clamp( 0px, 7.8125vw, 150px);
}
#equi_i_photoShow .title02style {
    align-items: start;
}
#equi_i_photoShow .title02row {
    min-width: 217px;
}
#equi_i_photoS.owl-carousel .owl-nav .owl-prev, #equi_i_photoS.owl-carousel .owl-nav .owl-next, #equi_i_photoS.owl-carousel .owl-nav {
    top: calc( 100% + 50px );
}
#equi_i_photoShow .owlpageNum {
    margin-top: 50px;
    transform: translateY(-120%);
    -webkit-transform: translateY(-120%);
    -moz-transform: translateY(-120%);
    -ms-transform: translateY(-120%);
    -o-transform: translateY(-120%);
}
#equi_i_photoShow .owlpageNumShow {
    color: var(--webcolor_gray01);
}
#equi_i_photoShow .owlpageNum .owlpageNumShow+.owlpageNumShow::before {
    background-color: var(--webcolor_gray01);
}
#equi_i_photoS.owl-carousel .owl-nav .owl-prev span, #equi_i_photoS.owl-carousel .owl-nav .owl-next span {
    background-color: var(--webcolor_main01);
}
#equi_i_photoS.owl-carousel .owl-nav .owl-prev:hover span, #equi_i_photoS.owl-carousel .owl-nav .owl-next:hover span {
    background-color: var(--webcolor_mainhover01);
}
#equi_i_photoS.owl-carousel .owl-nav .owl-prev span:before {
    background-image: url(../images/icon/ksOwl_prev_white.svg);
}
#equi_i_photoS.owl-carousel .owl-nav .owl-next span:before {
    background-image: url(../images/icon/ksOwl_next_white.svg);
}
/* equipment_i.html end */
/* news_i.html start */
.dateShare {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    margin-bottom: clamp( 30px, 4.1667vw, 80px);
}
.dateShare .data {
    margin-top: 3px;
    font-size: clamp( 8px, 0.83333vw, 16px);
    color: #4a4a4a;
}
.socialShare {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    margin-left: clamp( 10px, 1.302vw, 25px);
    position: relative;
}
.socialShare::before {
    content: "";
    width: 1px;
    height: 13px;
    background-color: #b8b8b8;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.socialShare .item {
    width: 27px;
    height: 27px;
    background-color: var(--webcolor_gray01);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: clamp( 10px, 1.145833vw, 22px);
}
.socialShare .img {
    width: 100%;
    height: 100%;
}
.newtag {
    font-size: 15px;
    color: #fff;
    background-color: var(--webcolor_gray01);
    min-width: 155px;
    text-align: center;
    padding: 10px;
    display: inline-block;
    margin-top: clamp( 24px, 2.34375vw, 45px);
    margin-bottom: clamp( 20px, 1.5625vw, 30px);
}
.news_i_content {
    padding-bottom: clamp( 40px, 5.20833vw, 100px);
    border-bottom: 1px solid #707070;
}
.news_i_content table th, .news_i_content table td {
    padding: clamp( 10px, 1.041666vw, 20px);
}
.news_i_content table thead th {
    border: 1px solid #fff;
    color: #fff;
    background-color: var(--webcolor_main01);
}
.news_i_content table tbody th, .news_i_content table tbody td {
    border: 1px solid rgba(130, 130, 130, 0.4);
}
.news_i_content table tbody th {
    background-color: rgba(229, 229, 229, 0.7);
}
.news_i_content table tbody tr:nth-child(even) {
    background-color: #F6F6F6;
}
.news_i_content ol ol  {
    padding-left: 20px;
}
#news_i .newsCardCom {
    margin-bottom: 20px;
}
#news_i .pageMain {
    transform: translateY(-8.125vw);
    -webkit-transform: translateY(-8.125vw);
    -moz-transform: translateY(-8.125vw);
    -ms-transform: translateY(-8.125vw);
    -o-transform: translateY(-8.125vw);
}
/* news_i.html end */
/* worldwide.html start */
#worldwideMap {
    width: calc( clamp( 0px, 2.1875vw, 42px) + 100% + clamp( 0px, 2.1875vw, 42px));
    margin-right: clamp( -42px, -2.1875vw, 0px);
    margin-left: clamp( -42px, -2.1875vw, 0px);
    margin-top: clamp( 10px, 1.5625vw, 30px);
    margin-bottom: clamp( 30px, 3.125vw, 60px);
}
.tabs {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}
.tab, .tab_loc {
    color: #fff;
    font-size: clamp( 14px, 1.041666vw, 20px);
    padding: clamp( 6px, 0.52083vw, 10px) clamp( 10px, 0.78125vw, 15px);
    text-align: center;
    min-width: clamp( 80px, 7.03125vw, 135px);
    background-color: var(--webcolor_gray07);
    margin-right: 5px;
    margin-top: 5px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.tab.active, .tab:hover, .tab_loc.active, .tab_loc:hover {
    background-color: var(--webcolor_main01);
}

.tabitem {
    background-color: var(--webcolor_gray06);
    padding: clamp( 12px, 2.08333vw, 40px) clamp( 10px, 2.34375vw, 45px) clamp( 12px, 2.08333vw, 40px);
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
}
.tabitem .area {
    font-size: clamp( 14px, 1.041666vw, 20px);
    color: var(--webcolor_main01);
    padding-right: clamp( 10px, 2.08333vw, 40px);
    margin-right: clamp( 10px, 2.08333vw, 40px);
    position: relative;
    white-space: nowrap;
    font-weight: 700;
}
.tabitem .area::after {
    position: absolute;
    right: 0;
    top: 2px;
    content: "";
    width: 1px;
    height: clamp( 10px, 0.83333vw, 16px);
    background-color: var(--webcolor_gray08);
}
.tabitem p {
    line-height: 1.2;
    font-size: clamp( 14px, 0.9375vw, 18px);
    margin-bottom: 0;
}
.tabs_loc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    margin-bottom: clamp( 8px, 0.78125vw, 15px);
}
.tabs_loc .tab_loc:last-child {
    margin-right: 0;
}
.tabitem_loc {
    margin-bottom: clamp( 15px, 1.5625vw, 30px);
    padding: clamp( 13px, 2.39583vw, 46px) clamp( 12px, 1.8229166vw, 35px);
    background-color: var(--webcolor_gray06);
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    position: relative;
}
.tabitem_loc::before {
    content: "";
    width: 100%;
    height: 6px;
    background-color: var(--webcolor_main01);
    position: absolute;
    top: 0;
    left: 0;
}
.tabitem_loc img {
    width: 25%;
    min-width: 180px;
}
.locText {
    padding-left: clamp( 10px, 2.08333vw, 40px);
}
.locText .mark {
    font-size: clamp( 12px, 0.83333vw, 16px);
    padding: 8px 10px 5px;
    min-width: clamp(100px, 8.854166vw, 170px);
    background-color: var(--webcolor_main01);
    color: #fff;
    display: inline-block;
    text-align: center;
}
.locText .name {
    font-size: clamp( 14px, 1.041666vw, 20px);
    font-weight: 700;
    line-height: 1.2;
    margin-top: clamp( 10px, 0.9375vw, 18px);
    margin-bottom: 4px;
}
.locText ul, .branchInfo ul {
    padding-left: clamp( 18px, 1.302vw, 25px);
    list-style: square;
    margin-bottom: 0;
}
.locText ul li, .locText ul p, .locText ul a,
.branchInfo ul li, .branchInfo ul p, .branchInfo ul a {
    font-size: clamp( 14px, 0.9375vw, 18px);
    font-family: 'Microsoft JhengHei', sans-serif;
    font-weight: 500;
    color: var(--webcolor_gray01);
}
.locText ul a:hover, .branchInfo ul a:hover  {
    color: var(--webcolor_main01);
}
.locText li::marker, .branchInfo li::marker {
    font-size: clamp( 14px, 1.145833vw, 22px);
}
.locBranches {
    margin-right: -7px;
    margin-left: -7px;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: stretch;
    flex-wrap: wrap;
}
.col-locBranch {
    padding: 0 7px;
    width: 50%;
    margin-bottom: 14px;
}
.locBranch {
    background-color: var(--webcolor_gray06);
    padding: clamp( 20px, 2.34375vw, 45px) 0;
    height: 100%;
}
.branchName {
    padding: 6px clamp( 10px, 2.08333vw, 40px) 5px;
    background-color: var(--webcolor_gray01);
    color: #fff;
    display: inline-block;
    font-size: clamp( 14px, 0.83333vw, 16px);
}
.branchInfo {
    padding-right: clamp( 10px, 2.08333vw, 40px);
    padding-left: clamp( 10px, 2.08333vw, 40px);
    margin-top: clamp( 10px, 1.041666vw, 20px);
    padding-top: clamp( 10px, 1.041666vw, 20px);
}
.branchInfo ul {
    border-top: 1px solid rgba(76, 73, 72, 0.3);
    padding-top: clamp( 6px, 0.52083vw, 10px);
    margin-bottom: 0;
}
.branchInfo p {
    font-size: clamp( 14px, 0.9375vw, 18px);
    margin-bottom: clamp( 8px, 0.83333vw, 16px);
}
/* worldwide.html end */
/* contact.html start */
#inquireList {
    width: 100%;
}
#inquireList thead tr {
    background-color: var(--webcolor_main01);
}
#inquireList tbody tr {
    background-color: var(--webcolor_gray06);
    border-top: 4px solid #fff;
}
#inquireList th, #inquireList td {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: clamp( 14px, 0.9375vw, 18px);
}
#inquireList th {
    color: #fff;
}
#inquireList thead th:first-child {
    width: clamp( 100px, 7.916666vw,152px);
}
#inquireList thead th:last-child { 
    width: 120px;
    text-align: center;
    position: relative;
}
#inquireList thead th:last-child::before {
    content: "";
    width: 1px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
#inquireList td {
    color: #4a4a4a;
}
#inquireList td:first-child {
    padding-left: 40px;
    color: var(--webcolor_gray05);
}
#inquireList td:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
}
.delbtn {
    position: relative;
    background-color: var(--webcolor_main01);
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.delbtn:hover {
    background-color: var(--webcolor_dark01);
}
.delbtn::before, .delbtn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.delbtn::before {
    width: 2px;
    height: 10px;
} 
.delbtn::after {
    width: 10px;
    height: 2px;
}

#nquireform {
    margin-top: clamp( 20px, 1.5625vw, 30px);
}
.inqrow {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    width: 100%;
    /* margin-bottom: 25px; */
}
.inqTitle, .inqrow input, .inqrow select, .checkboxStyle span, .checkboxStyle input[type="checkbox"], .checkboxStyle02 input[type="checkbox"], .inqcol textarea, .othertext {
    font-size: clamp( 14px, 0.9375vw, 18px);
}
.inqcol p {
    font-size: clamp( 10px, 0.9375vw, 18px);
}
.inqTitle {
    min-width: clamp(100px, 7.916666vw, 152px);
    padding-top: clamp( 0px, 0.625vw, 12px);
    color: var(--webcolor_gray09);
}
.inqcol,  .inqcol02, .inqcol03 {
    width: calc( 100% - 152px );
}
.inqcol {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding-bottom: 5px;
    min-height: clamp( 45px, 3.6458333vw, 70px);
}
.inqcol02 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    padding-left: 0;
    margin-bottom: 15px;
}
.inqcol03 {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding-left: 0;
    margin-bottom: 15px;
}
.inqcol p {
    padding-top: 5px;
    padding-left: 10px;
}
.inqcol p , .inqcol input::placeholder {
    margin-bottom: 0;
    line-height: 1;
    color: var(--webcolor_gray07);
}
.inqcol input, .inqcol select, .checkboxStyle input[type="text"], .checkboxStyle02 input[type="text"], .inqcol textarea {
    background-color: var(--webcolor_gray06);
    padding: clamp( 5px, 0.52083vw, 10px);
    width: 100%;
    border: none;
}
.inqcol select {
    appearance: none;        /* 隱藏原生箭頭 */
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("data:image/svg+xml,%3Csvg%20fill='%23B5B5B6'%20height='20'%20viewBox='0%200%2024%2024'%20width='20'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M7%2010l5%205%205-5z'/%3E%3C/svg%3E") no-repeat right 12px center;
    background-color: var(--webcolor_gray06);
    background-size: 1em;
    padding-right: 2em;      /* 預留空間給箭頭 */
}
.inqcol select, .inqcol input[type="date"] {
    color: var(--webcolor_gray07);
}
.inqcol input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    color: var(--webcolor_gray01);
    position: relative;
    display: inline-block;
}
.inqcol input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    z-index: 1;
}
.inqcol input[type="date"]::after {
    content: url("data:image/svg+xml,%3Csvg%20fill='%23B5B5B6'%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M7%2010h5v5H7z'%20fill='%23B5B5B6'/%3E%3Cpath%20d='M19%204h-1V2h-2v2H8V2H6v2H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm0%2016H5V9h14v11zm0-13H5V6h14v1z'/%3E%3C/svg%3E");
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}
.inqcol select:valid, .inqcol input[type="date"]:valid, .inqcol input:valid {
    color: var(--webcolor_gray01);
}
.inqcol option[disabled] {
    display: none;
}
.checkboxStyle {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    margin-right: 10px;
    padding-top: 10px;
    padding-bottom: 0px;
}
.checkboxStyle input[type="checkbox"], .checkboxStyle02 input[type="checkbox"] {
    margin-right: 6px;
    margin-top: 2px;
}
.checkboxStyle span, .checkboxStyle02 span {
    margin-right: 10px;
    color: var(--webcolor_gray09);
}
.checkboxStyle02 {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    padding-top: 8px;
}
.othercheckbox {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}
.othertext {
    white-space: nowrap;
}
.inqcol textarea {
    min-height: clamp(60px, 6.25vw, 120px);
    margin-bottom: 20px;
}
.inqcol02 .inqcol {
    width: auto;
}
.inqcol02 .inqcol input {
    width: clamp( 100px, 13.54166666vw, 260px);
}
.inqcol02 .inqcol {
    min-height: initial;
}
#security_msg {
    position: relative;
}
#msg_code {
    position: absolute;
    top: calc( 100% + 5px );
    left: 0;
}
#verify_code {
    width: clamp( 80px, 5.20833vw, 100px);
    height: clamp( 22px, 1.5625vw, 30px);
    margin-left: 20px;
}
.formbtns {
    margin-top: clamp( 30px, 7.03125vw, 135px);
    display: flex;
    flex-direction: row;
    justify-content: end;
}
.formbtn {
    padding: 10px;
    width:  clamp( 150px, 11.458333vw, 220px);
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
#submit {
    margin-right: 10px;
    background-color: var(--webcolor_main01);
}
#submit .btn_img_white {
    width: 22px;
    height: 11px;
    margin-left: 10px;
}
#reset {
    background-color: var(--webcolor_gray01);
}

.companyinfo {
    background-color: var(--webcolor_main01);
    padding: 30px 20px;
}
.companyName {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: clamp( 10px, 0.83333vw, 16px);
    color: #fff;
}
.cont_infoimg {
    width: 15px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
}
.cont_info {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    margin-bottom: 6px;
}
.cont_info a, .cont_info p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
}
#infomap {
    width: 100%;
    height: clamp(300px, 24.27vw, 500px);
}
/* contact.html end */
/* about.html start */
#brandStroy {
    background-color: var(--webcolor_gray06);
}
.aboutBrandStroy {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    z-index: 1;
}
.aboutBrand {
    width: 45%;
} 
.aboutBroandText {
    width: 55%;
    z-index: 1;
}
.aboutBrand {
    background-color: var(--webcolor_main01);
    padding: clamp( 15px, 3.020833vw, 58px) clamp( 10px, 2.9166666vw, 56px);
    transform: translateX( -2.9166666vw );
    -webkit-transform: translateX( -2.9166666vw );
    -moz-transform: translateX( -2.9166666vw );
    -ms-transform: translateX( -2.9166666vw );
    -o-transform: translateX( -2.9166666vw );
    position: relative;
}
.aboutBrand::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: clamp( 195px, 20.3125vw, 390px);
    height: clamp( 91px, 9.4791666vw, 182px);
    background-image: url(../images/img/about/about_strory_bgi.svg);
    background-size: cover;
}
#aboutBrandicon {
    width: clamp( 180px, 80%, 500px);
    margin-top: clamp( 10px, 1.5625vw, 30px);
}
#brandAwards {
    margin-right: -8px;
    margin-left: -8px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: stretch;
}
.awardCard {
    padding: 8px;
    width: 25%;
}
.award {
    padding: clamp( 10px, 2.34375vw, 45px) clamp( 8px, 1.302vw, 25px) clamp( 10px, 1.041666vw, 20px);
    background-color: var(--webcolor_gray06);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}
.award img {
    max-width: 100%;
}
.awardtext {
    margin-top: clamp( 10px, 1.5625vw, 30px);
}
.awardyear {
    font-size: clamp( 15px, 0.9375vw, 18px);
    font-weight: 700;
    color: var(--webcolor_main01);
    margin-bottom: clamp( 5px, 0.52083vw, 10px);
}
.awardtext p {
    margin-bottom: 0;
    font-size: clamp( 14px, 0.9375vw, 18px);
}
/* about.html end */
/* value.html end */
.brandCore {
    margin-bottom: clamp( 30px, 3.6458333vw, 70px);
    border-top: 1px solid var(--webcolor_gray01);
}
.coreTitle {
    font-size: clamp( 16px, 1.041666vw, 20px);
    font-weight: 700;
    color: var(--webcolor_main01);
    padding-top: clamp( 10px, 1.041666vw, 20px);
    padding-bottom: clamp( 12px, 1.25vw, 24px);
    margin-bottom: clamp( 10px, 1.041666vw, 20px);
    position: relative;
}
.coreTitle::after {
    content: "";
    bottom: 0;
    left: 0;
    width: 45px;
    height: 2px;
    background-color: var(--webcolor_gray08);
    position: absolute;

}
#valuebrandCore .pageMainBody_block {
    padding-bottom: clamp( 10px, 1.5625vw, 30px);
}
#ourvalue_global {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: clamp( 30px, 3.125vw, 60px);
    padding-bottom: clamp( 25px, 2.6vw, 50px);
}
.ourvalur {
    position: relative;
    font-weight: 700;
    color: #fff;
    font-size: clamp( 18px, 1.145833vw, 22px);
    text-align: center;
    padding-bottom: clamp( 12px, 1.25vw, 24px);
    margin-bottom: clamp( 10px, 1.041666vw, 20px);
}
.ourvalur::after {
    content: "";
    bottom: 0;
    left: 50%;
    width: 45px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
/* value.html end */
/* mission.html start */
#mission .keypoint {
    width: 33.3333%;
}
.historyCard {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
}
.historyCardleft {
    width: 60%;
    padding-right: clamp( 15px, 3.125vw, 60px);
}
.historyCardright {
    width: 40%;
}
.yearlist {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    padding-bottom: clamp( 10px, 3.125vw, 60px);
    margin-bottom: clamp( 15px, 1.5625vw, 30px);
    border-bottom: 1px solid #fff;
}
.yearlist:last-child {
    border-bottom: none;
}
.historyYear {
    font-size: clamp( 24px, 2.5vw, 48px);
    font-weight: 700;
}
.slash {
    width: clamp( 15px, 1.354166vw, 26px);
    height: clamp(15px, 1.354166vw, 26px);
    position: relative;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    margin-left: clamp( 10px, 1.041666vw, 20px);
    margin-right: clamp( 16px, 1.8229166vw, 35px);
}
.slash::after {
    width: clamp( 20px, 1.354166vw, 26px);
    height: 2px;
    background-color: #fff;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-50deg);
    -webkit-transform: translate(-50%, -50%) rotate(-50deg);
    -moz-transform: translate(-50%, -50%) rotate(-50deg);
    -ms-transform: translate(-50%, -50%) rotate(-50deg);
    -o-transform: translate(-50%, -50%) rotate(-50deg);
}
.historyYear, .slash, .yearlist p {
    color: #fff;
}
#brandHistorys {
    margin-top: 200px;
}
#brandHistorys.ksOwl.owl-carousel .owl-nav {
    width: 100%;
    top: -120px;
}

#brandHistorys.ksOwl.owl-carousel .owl-nav button.owl-next, 
#brandHistorys.ksOwl.owl-carousel .owl-nav button.owl-prev {
    z-index: 5;
}
#brandHistorys.ksOwl.owl-carousel .owl-nav button.owl-next {
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
} 
#brandHistorys.ksOwl.owl-carousel .owl-nav button.owl-prev {
    margin-right: calc( 100% - 72px );
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
}
#brandHistorys.owl-carousel .owl-dots {
    position: absolute;
    margin-top: 0;
    top: -120px;
    left: calc( 36px + 23px );
    width: calc( 100% - 36px - 36px - 23px - 23px );
    display: flex;
    flex-direction: row;
    justify-content: center;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
}
#brandHistorys.owl-carousel .owl-dots::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0px;
    background-color: var(--webcolor_main03);
    z-index: 0;
}
#brandHistorys.owl-carousel .owl-dots .owl-dot {
    min-width: clamp( 10px, 0.885416666vw, 17px);
    min-height: clamp( 10px, 0.885416666vw, 17px);
    border: clamp( 1px, 0.15625vw, 3px) solid #fff;
    background-color: var(--webcolor_main03);
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    z-index: 1;
    margin-left: 20px;
}
#brandHistorys.owl-carousel .owl-dots .owl-dot.active {
    border: clamp( 1px, 0.15625vw, 3px) solid var(--webcolor_main03);
}
#brandHistorys.owl-carousel .owl-dots .owl-dot.active span {
    color: var(--webcolor_main03);
}
#brandHistorys.owl-carousel .owl-dots .owl-dot:nth-child(3n+1) {
    margin-right: 2%;
}
#brandHistorys.owl-carousel .owl-dots .owl-dot:nth-child(3n+2) {
    margin-right: 7%;
}
#brandHistorys.owl-carousel .owl-dots .owl-dot:nth-child(3n+3) {
    margin-right: 5%;
}
#brandHistorys.owl-carousel .owl-dots .owl-dot:nth-child(5n+1) {
    margin-right: 4%;
}
#brandHistorys.owl-carousel .owl-dots .owl-dot:nth-child(6n+1) {
    margin-right: 8%;
}
#brandHistorys.owl-carousel .owl-dots button {
    position: relative;
}
#brandHistorys.owl-carousel .owl-dots button span {
    color: #fff;
    font-size: clamp( 13px, 0.9375vw, 18px);
    font-weight: 500;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 15px);
    -webkit-transform: translate(-50%, 15px);
    -moz-transform: translate(-50%, 15px);
    -ms-transform: translate(-50%, 15px);
    -o-transform: translate(-50%, 15px);
}
/* mission.html end */
/* .html start */
/* .html end */
/* .html start */
/* .html end */

@media screen and (min-width: 576px){
    
}
@media screen and (min-width: 768px){

}
@media screen and (min-width: 992px) {

}
@media screen and (min-width: 1100px) {

}
@media screen and (min-width: 1200px) {

}
@media screen and (min-width: 1400px) {

}
@media screen and (max-width: 1599px) {
    .pageMain {
        padding-left: clamp(40px, 6.875vw,228px);
    }
    .pageMain01 {
        padding-left: clamp(40px, 6.875vw,228px);
    }
    .pageMainBody {
        padding: 15px clamp(40px, 11.15vw, 310px) 0px clamp(40px,6.875vw,82px);
    }
    .pageMainBody_block {
        padding: clamp(40px, 5.20833vw, 100px) clamp(40px, 11.15vw, 310px) clamp(40px, 5.20833vw, 100px) clamp(40px,6.875vw,82px);
    }
    /* product_i.html start */
    .pdpageHead {
        padding: 0 clamp(40px, 11.15vw, 310px) clamp(40px, 5.20833vw, 100px) clamp(40px, 13vw, 310px);
    }
    #product_i .padding_main_L {
        padding-left: clamp(40px, 12.08333vw, 310px);
    }
    .pdescriptpd {
        padding: clamp(40px, 5.20833vw, 100px) clamp(40px, 11.15vw, 310px) clamp(40px, 5.20833vw, 100px) clamp(40px, 13vw, 310px);
    }
    /* product_i.html end */
}
@media screen and (max-width: 1440px) {
    /* downloads.html start */
    .dlText {
        width: calc( 100% - 60px );
    }
    .dlBtn {
        width: 60px;
        height: 60px;
    }
    .dlText {
        padding-right: clamp( 15px, 5vw, 380px);
    }
    /* downloads.html end */
    /* solutions_i.html start */
    #solus_caseBlock .title02style {
        margin-bottom: 30px;
    }
    #solus_case.owl-carousel .owl-nav .owl-prev, #solus_case.owl-carousel .owl-nav .owl-next, #solus_case.owl-carousel .owl-nav {
            transform: translateY( -30px );
            -webkit-transform: translateY( -30px );
            -moz-transform: translateY( -30px );
            -ms-transform: translateY( -30px );
            -o-transform: translateY( -30px );
    }
    #equi_i_photoShow {
        padding: 0;
    }
    /* solutions_i.html end */
    /* product_i.html start */
    #product_i .padding_main_L {
        padding-left: 0;
    }
    /* product_i.html end */
}
@media screen and (max-width: 1399px) {
    /* solutions_i.html start */
    .keypoint {
        width: 50%;
        margin-bottom: 20px;
    }
    #keypoints .keypoint:nth-child(2) .keyText {
        border-right: none;
    }
    /* solutions_i.html end */
    /* mission.html start */
    #mission .keypoint {
        width: 50%;
    }
    /* mission.html end */
}
@media screen and (max-width: 1299px) {
    /* company_news.html.html start */
    .newsCardComBody {
        padding-top: 15px;
    }
    .newsCardComBody .news_mark {
        margin-bottom: 10px;
    }
    /* company_news.html.html end */
    /* success_case.html start */
    .newsCardCase_info {
        margin-bottom: 10px;
    }
    .newsCardCase_info .news_mark {
        margin-bottom: 0;
    }
    /* success_case.html end */
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1199px) {
    .pageMain {
        padding-left: clamp(20px, 4.875vw,228px);
    }
    .pageMain01 {
        padding-left: clamp(20px, 4.875vw,228px);
    }
    .pageMainBody {
        padding: 15px clamp(20px, 9.15vw, 310px) 0px clamp(20px,4.875vw,82px);
    }
    .pageMainBody_block {
        padding: clamp(40px, 5.20833vw, 100px) clamp(20px, 9.15vw, 310px) clamp(40px, 5.20833vw, 100px) clamp(20px,4.875vw,82px);
    }
    .pagetitle img {
        /* .soluCards+.sluCard */
        width: calc( 40px + 12px );
        margin-right: 15px;
    }
    .pageMainBody_pl {
        padding-left: calc( 40px + 12px + 20px );
    }
    .pageMainBody_pr {
        padding-right: calc( 40px + 12px + 20px );
    }
    /* solutions.html start */
    .soluCards {
        padding: 0 40px;
    }
    /* solutions.html end */
    /* solutions_i.html start */
    #solu_main_text {
        position: initial;
        bottom: initial;
        right: initial;
        width: 100%;
        padding: 10px 0;
        background-color: #fff;
    }
    #solus_caseBlock .title02style {
        margin-bottom: 20px;
    }
    #solus_case.owl-carousel .owl-nav .owl-prev, #solus_case.owl-carousel .owl-nav .owl-next, #solus_case.owl-carousel .owl-nav {
        transform: translateY( -26px );
        -webkit-transform: translateY( -26px );
        -moz-transform: translateY( -26px );
        -ms-transform: translateY( -26px );
        -o-transform: translateY( -26px );
    }
    /* solutions_i.html end */
    /* downloads.html start */
    .dlCard {
        margin-bottom: 20px;
        padding: 30px 40px 30px 40px;
    }
    /* downloads.html end */
    /* videos.html start */
    .iconVideo {
        width: 30px;
        height: 30px;
    }
    .vCardText p {
        width: calc(100% - 30px);
        padding-left: 10px;
        padding-right: 10px;
    }
    /* product_sub.html start */
    .category {
        font-size: 20px;
        padding: 15px 0 10px;
    }
    .types {
        padding: 5px 0;
    }
    .type {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .type::before {
        margin-right: 5px;
    }
    .type, .type02, .typesub {
        font-size: 1rem;
    }
    .type02 {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .typesubs {
        padding-left: 20px;
    }
    .pdname::before {
        top: -12px;
        width: 40px;
    }
    /* product_sub.html end */
    /* product_i.html start */
    .pdpageHead {
        padding: 0 clamp(40px, 9vw, 310px);
    }
    .pdhead_left {
        width: 60%;
    }
    .pdhead_right {
        width: 40%;
    }
    .pdescriptpd {
        padding: clamp(40px, 5.20833vw, 100px) clamp(8px, 7.270833vw, 310px);
    }
    .pdfileDownload {
        width: 50%;
    }
    /* product_i.html end */
    /* videos.html end */
    /* success_case.html start */
    /* success_case.html end */
    /* equipment_i.html start */
    #equi_i_photoShow .title02style {
        align-items: start;
        flex-direction: column;
    }
    /* equipment_i.html end */
    /* about.html start */
    .awardCard {
        width: 33.3333%;
    }
    .award img {
        max-width: 80%;
    }
    .aboutBrand {
        width: 40%;
    } 
    .aboutBroandText {
        width: 60%;
    }
    /* about.html end */
    /* .html start */
    /* .html end */
}
@media screen and (max-width: 1099px) {

}
@media screen and (max-width: 991px) {
    .pageMainBody_pl {
        padding-left: 0;
    }
    .pageMainBody_pr {
        padding-right: 0;
    }
    /* solutions.html start */
    .soluCards {
        padding: 0 0px;
        margin-left: -12px;
        margin-right: -12px;
        width: calc( 100% + 24px );
    }
    .sluCard {
        width: 50%;
        margin-bottom: 24px;
    }
    .soluCardText {
        padding: 20px;
    }
    /* solutions.html end */
    /* solutions_i.html start */
    /* solutions_i.html end */
    /* downloads.html start */
    .dlText {
        width: calc( 100% - 50px );
    }
    .dlBtn {
        width: 50px;
        height: 50px;
    }
    .dlText {
        padding-right: clamp( 15px, 2vw, 380px);
    }
    /* downloads.html end */
    /* exhibitions.html start */
    .newsCardExh_title {
        margin-bottom: 10px;
    }
    /* exhibitions.html end */
    
    /* equipments.html start */
    .equiCard {
        flex-direction: column;
        align-items: center;
    }
    .equiCard {
        flex-direction: column;
    }
    .equiImg {
        margin-right: 0;
        margin-bottom: 10px;
        width: clamp(80px, 11.1vw, 110px);
    }
    .equiCard h3 {
        text-align: center;
    }
    /* equipments.html end */
    /* equipment_i.html start */
    #equi_i_appCards.owl-carousel .owl-nav .owl-prev, #equi_i_appCards.owl-carousel .owl-nav .owl-next, #equi_i_appCards.owl-carousel .owl-nav {
        top: calc( 100% + 25px );
    }
    /* equipment_i.html end */
    /* worldwide.html start */
    #worldwideMap {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    /* worldwide.html end */
    /* product_i.html start */
    .pdhead_right {
        padding-top: 60px;
    }
    /* product_i.html end */
    /* mission.html start */
    #mission .keypoint {
        width: 100%;
    }
    #mission .keyText {
        border-right: none;
        border-bottom: 1px solid rgba(112, 112, 112, 0.7);
        padding-bottom: 30px;
    }
    #mission .keypoint:last-child .keyText {
        border: none;
    }
    .yearlist {
        flex-wrap: wrap;
    }
    .historyCardleft {
        width: 70%;
    }
    .historyCardright {
        width: 40%;
    }
    /* mission.html end */
    
    /* .html start */
    /* .html end */
    /* .html start */
    /* .html end */
    /* .html start */
    /* .html end */
    /* .html start */
    /* .html end */


}
@media screen and (max-width: 951px) {
    #web-breadcrumb a {
        font-size: 16px;
    }
}
@media screen and (max-width: 899px) {

}
@media screen and (max-width: 820px) {

}
@media screen and (max-width: 767px) {
    /* solutions_i.html start*/
    #solu_i_des {
        display: flex;
        flex-direction: column;
    }
    .sloTitle, .sloText {
        width: 100%;
    }
    .solu_case {
        flex-direction: column;
    }
    /* solutions_i.html end*/
    /* downloads.html start */
    .dlCard {
        padding: 15px 20px;
    }
    /* downloads.html end */
    /* faq.html start */
    .faqhead {
        padding: 35px 20px 25px 15px;
    }
    .num {
        width: 40px;
        height: 32px;
    }
    .fq {
        padding: 0 20px;
    }
    .faqbody {
        padding-top: 35px;
        padding-right: 60px;
        padding-bottom: 35px;
        padding-left: calc(15px + 40px + 15px);
    }
    /* faq.html end */
    /* videos.html start */
    .sendmenu a {
        font-size: 18px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .sendmenu a+a::before {
        height: 10px;
    }
    /* videos.html end */
    /* exhibitions.html start */
    .newsCardExhibi {
        flex-direction: column-reverse;
    }
    .newsCardExh_title {
        font-size: 1rem;
    }
    /* exhibitions.html end */
    /* company_news.html start */
    .newsCardComHead .newsCard_dd {
        width: 75px;
        height: 50px;
    }
    .newsCard_dd {
        font-size: 45px;
    }
    .newsCardComHead .news_date {
        width: 75px;
        height: 22px;
    }
    .news_date {
        font-size: 0.75rem;
    }
    .newsCardComBody {
        padding-top: 15px;
    }
    .newsCardComBody .news_mark {
        margin-bottom: 10px;
    }
    .newsCard_title {
        font-size: 1rem;
    }
    .newsCardComBody .newsCard_title {
        padding-bottom: 15px;
    }
    .newsCardComBody p {
        padding-top: 10px;
    }
    /* company_news.html end */
    /* success_case.html start */
    .newsCardCase_info .news_mark {
        margin-bottom: 0;
    }
    .newsCardCase_info {
        margin-bottom: 10px;
    }
    /* success_case.html end */
    /* product_i.html start */
    .pdhead {
        flex-direction: column-reverse;
    }
    .pdhead_left, .pdhead_right {
        width: 100%;
    }
    #pdshow {
        width: 100%;
        margin-bottom: clamp(20px, 6.25vw, 120px);
    }
    .pdhead_left {
        min-height: clamp(320px, 5.729166vw, 110px);
    }
    .pdfileDownload {
        width: 100%;
    }
    .inqbtn {
        width: 50%;
    }
    

    /* product_i.html end */
    /* about.html start */
    .awardCard {
        width: 50%;
    }
    .aboutBrandStroy {
        flex-direction: column;
    }
    .aboutBrand {
        width: 100%;
        transform: translateX(0px);
    }
    .aboutBroandText {
        width: 100%;
        margin-top: 20px;
    }
    #aboutBrandicon {
        width: 40vw;
        min-width: 150px;
    }
    /* about.html end */
    /* mission.html start */
    #brandHistorys.owl-carousel .owl-dots .owl-dot:nth-child(3n+1) {
        margin-right: 0.5%;
    }
    #brandHistorys.owl-carousel .owl-dots .owl-dot:nth-child(3n+2) {
        margin-right: 3%;
    }
    #brandHistorys.owl-carousel .owl-dots .owl-dot:nth-child(3n+3) {
        margin-right: 1.5%;
    }
    #brandHistorys.owl-carousel .owl-dots .owl-dot:nth-child(5n+1) {
        margin-right: 4%;
    }
    #brandHistorys.owl-carousel .owl-dots .owl-dot:nth-child(6n+1) {
        margin-right: 2.8%;
    }
    /* mission.html end */
    /* .html start */
    /* .html end */
    /* .html start */
    /* .html end */
    /* .html start */
    /* .html end */
    /* .html start */
    /* .html end */
}
@media screen and (max-width: 575px) {
    #web-breadcrumb a {
        font-size: 14px;
    }
    .pagetitle img{
        width: 45px;
    }
    .pageMain {
        padding-left: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
    .pageMain01 {
        padding-left: 0;
    }
    .pageMainBody {
        padding: 15px 15px 40px;
    }
    .pageMainBody_block {
        padding: 40px 15px 40px;
    }
    /* solutions.html start */
    .sluCard {
        width: 100%;
        margin-bottom: 24px;
    }
    /* solutions.html end */
    /* solutions_i.html start */
    .keytitle {
        font-size: 16px;
    }
    .keypoint {
        width: 100%;
        margin-bottom: 10px;
    }
    #keypoints .keypoint .keyText {
        border-right: none;
    }
    /* solutions_i.html end */
    /* downloads.html start */
    .dlCard {
        flex-direction: column;
    }
    .dlImg {
        width: 100%;
    }
    .dlR {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }
    /* downloads.html end */
    /* faq.html start */
    .faqCard:hover .faqhead {
        background-color: var(--webcolor_gray06);
    }
    .faqhead {
        padding: 42px 10px 10px 10px;
        position: relative;
    }
    .faqCard:hover .num {
        background-color: var(--webcolor_main01);
        color: #fff;
    }
    .num {
        width: 100%;
        height: 32px;
        position: absolute;
        top: 0;
        left: 0;
        justify-content: start;
        padding-left: 10px;
    }
    .faqCard:hover .fq, .fq {
        padding: 0;
        color: var(--webcolor_gray01);;
    }
    .fqicon {
        position: absolute;
        top: 0;
        right: 10px;;
        transform: translateY(40%);
    }
    .fqicon::after {
        background-image: url(../images/icon/icon_faq_btn_white.svg);
    }
    .faqbody {
        padding: 18px 10px 0;
    }
    /* faq.html end */
    /* exhibitions.html start */
    .newsCard_dd {
        font-size: 42px;
    }
    .news_date {
        font-size: 0.75rem;
    }
    .newsCardExh_date {
        padding-right: 10px;
    }
    .newsCardExh_info {
        padding-left: 10px;
    }
    /* exhibitions.html end */
    /* success_case.html start */
    /* success_case.html end */
    /* news_i.html start */
    #news_i .pageMain {
        transform: translateY(0vw);
        -webkit-transform: translateY(0vw);
        -moz-transform: translateY(0vw);
        -ms-transform: translateY(0vw);
        -o-transform: translateY(0vw);
    }
    /* news_i.html end */
    /* worldwide.html start */
    .tabitem_loc {
        flex-direction: column;
    }
    .tabitem_loc img {
        width: 100%;
        min-width: initial;
    }
    .locText {
        padding-left: 0;
        margin-top: 10px;
    }
    .col-locBranch {
        width: 100%;
    }
    /* worldwide.html end */
    /* contact.html start */
    #inquireList td:first-child {
        padding-left: 15px;
    }
    #inquireList thead th:first-child {
        width: 40px;
    }
    #inquireList thead th:last-child {
        width: 50px;
    }
    .inqTitle {
        width: 100%;
        font-weight: 700;
    }
    .inqrow {
        flex-direction: column;
    }
    .inqcol, .inqcol02, .inqcol03 {
        width: 100%;
        padding-left: 10px;
        padding-top: 5px;
    }
    /* contact.html end */
    /* product_i.html start */
    #product_i .pageMainBody {
        display: none;
    }
    .pdcontent {
        padding-top: 40px;
    }
    .inqbtn {
        width: 100%;
    }
    .pdescriptpd {
        padding: clamp(40px, 5.20833vw, 100px) 36px;
    }
    /* product_i.html end */
    /* mission.html start */
    .historyCard {
        flex-direction: column;
    }
    .historyCardleft, .historyCardright {
        width: 100%;
    }

    #brandHistorys.owl-carousel .owl-dots button span {
        font-size: clamp(11px, 0.9375vw, 18px);
    }
    #brandHistorys {
        margin-top: 120px;
    }
    #brandHistorys.ksOwl.owl-carousel .owl-nav {
        width: 100%;
        top: -75px;
    }
    #brandHistorys.ksOwl.owl-carousel .owl-nav button.owl-prev {
        margin-right: calc( 100% - 43.2px );
    }
    #brandHistorys.owl-carousel .owl-dots {
        top: -75px;
        left: calc( 21.6px + 5px );
        width: calc(100% - 21.6px - 21.6px - 10px);
    }
    #brandHistorys.ksOwl.owl-carousel .owl-nav .owl-prev span, #brandHistorys.ksOwl.owl-carousel .owl-nav .owl-next span {
        width: 21.6px;
        height: 16.8px;
    }
    #brandHistorys.ksOwl.owl-carousel .owl-nav .owl-prev span:before, #brandHistorys.ksOwl.owl-carousel .owl-nav .owl-next span:before {
        width: 13.2px;
        height: 6.48px;
    }
    #brandHistorys.owl-carousel .owl-dots .owl-dot {
        margin-left: 18px;
    }
    #brandHistorys.owl-carousel .owl-dots .owl-dot:nth-child(3n+1) {
        margin-right: 1%;
    }
    #brandHistorys.owl-carousel .owl-dots .owl-dot:nth-child(3n+2) {
        margin-right: 0.5%;
    }
    #brandHistorys.owl-carousel .owl-dots .owl-dot:nth-child(3n+3) {
        margin-right: 6%;
    }
    #brandHistorys.owl-carousel .owl-dots .owl-dot:nth-child(5n+1) {
        margin-right: 2.5%;
    }
    #brandHistorys.owl-carousel .owl-dots .owl-dot:nth-child(6n+1) {
        margin-right: 1%;
    }
    /* mission.html end */
    /* equipment_i.html start */
    #equi_mainShow li {
        line-height: 1.2;
    }
    /* equipment_i.html end */
    /* .html start */
    /* .html end */
}
@media screen and (max-width: 425px) {

}
@media screen and (max-width: 414px) {

}
@media screen and (max-width: 380px) {

}
@media screen and (max-width: 375px) {
    /* downloads.html start */
    .dlR {
        flex-direction: column;
        align-items: end;
    }
    .dlText {
        width: 100%;
        padding: 0;
    }
    .dlBtn {
        margin-top: 0;
    }
    /* downloads.html end */
    /* exhibitions.html start */
    .newsCardExh {
        flex-direction: column;
    }
    .newsCardExh_info {
        border-top: 1px solid var(--webcolor_gray04);
        border-left: none;
        padding-left: 0px;
    }
    .newsCardExh_date {
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: baseline;
        padding-bottom: 5px;
    }
    .newsCard_dd {
        font-size: 30px;
        margin-right: 5px;
    }
    .news_date {
        font-size: 0.875rem;
    }
    .newsCardExh_info {
        padding-top: 10px;
    }

    /* exhibitions.html end */
    /* company_news.html start */
    .newsCardComHead .newsCard_dd {
        font-size: 50px;
    }
    /* company_news.html end */
    /* success_case.html start */
    /* success_case.html end */
    /* .html start */
    /* .html end */
    /* .html start */
    /* .html end */
    /* .html start */
    /* .html end */
    /* .html start */
    /* .html end */
    /* .html start */
    /* .html end */
    /* .html start */
    /* .html end */
}
@media screen and (max-width: 320px) {

}