/*商品列表-公司簡介跟資訊*/

a[href^="tel"] {
  color: inherit;        
  text-decoration: none; 
}



.bizImg {
        width: 40%;
        height: auto;
        position: relative;
    }
        .card{border-radius: 0 30px 0 30px;}
        .human {
            width: 100px;
            height: auto;
            border-radius: 50%;
            border: 4px solid #fff;
            position: absolute;
            top: 35px;
            right: 5px;
            box-shadow: -1px 7px 9px 0px rgb(0 0 0 / 20%);
        }
        .bizContent{    }
        .bizCard {
            width: 100%;
            height: auto;
            max-height: 650px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
        }
        .bizText {
            width: 60%;
            height: auto;
            padding-left: 10px;
        }
            .bizText h1{
                margin: 10px 0 20px;
                color: #222;
                font-size: 26px;
            }
            .bizText p{
                width: 100%;
                height: 100px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 4;
                box-sizing: border-box;
                font-size: 16px;
                letter-spacing: 1px;
                line-height: 1.55;
                margin-bottom: 20px;
            }

.bizInfo, .bizInfo.VsionB{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-evenly;
    align-items: flex-start;
    margin: 0 0 20px;
    padding: 8px 8px 8px 16px;
}
    .bizInfo.VsionB .card {        width: 90%;    }
    .bizInfo.VsionB .infoList{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .bizInfo.VsionB .humanPic{        width: 15%;margin: 15px 2% 10px 2%;    }
        .bizInfo.VsionB .humanPic .human{   position: unset;        }
    .bizInfo.VsionB .humanInfo{        width:30%;    }
    .bizInfo.VsionB .cardInfo{         width: 51%;    }
    .bizInfo.VsionB .infoList li {    min-width: 50%;}

    .megText{
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0 auto 15px;
        order: 4;
        text-align: center;
    }
        .megText .megTit{ text-align: left;margin: 5px 5px 10px; }
            .megText span{
                background: #999;
                border-radius: 3px;
                border: 1px solid #999;
                color: #fff;
                text-align: center;
                padding: 2px 3px;
                font-size: 15px;
            }
        .megText textarea{ 
            width: 100%;
            height: 90px;
            border: 1px solid #ddd;
            padding: 8px 8px;
            color: #333;
            letter-spacing: 1px;
        }
        .megText button{
            width: 100px;
            height: auto;
            padding: 5px 1px 5px 7px;
            margin: 10px 0 10px;
            background: #999;
            border-radius: 50px;
            border: 1px solid #999;
            color: #fff;
            letter-spacing: 5px;
        }

        @-webkit-keyframes pulse {
            0% {
                -webkit-transform: scaleX(1);
                transform: scaleX(1)
            }

            50% {
                -webkit-transform: scale3d(1.05,1.05,1.05);
                transform: scale3d(1.05,1.05,1.05)
            }

            to {
                -webkit-transform: scaleX(1);
                transform: scaleX(1)
            }
        }

        @keyframes pulse {
            0% {
                -webkit-transform: scaleX(1);
                transform: scaleX(1)
            }

            50% {
                -webkit-transform: scale3d(1.05,1.05,1.05);
                transform: scale3d(1.05,1.05,1.05)
            }

            to {
                -webkit-transform: scaleX(1);
                transform: scaleX(1)
            }
        }

        .animate__pulse {
            -webkit-animation-name: pulse;
            animation-name: pulse;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }

    .megform {
                width: 100%;
                height: auto;
                display: flex;
                -ms-flex-wrap: wrap;
                gap:2%;
    }
        .megform .inupt-line {
                    display: flex;
                    width: 23%;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    flex-direction: row;
                    align-content: center;
                    justify-content: flex-start;
                    align-items: center;
                    margin:5px 0 15px 0;
        }
            .megform .inupt-line label{
                    width: 100%;
                    margin: 0 10px 0 0;
                    letter-spacing: 5px;
                    margin-bottom: 0;
                    text-align: left;
            }
            .megform .inupt-line input{
                    width: 100%;
                    color: #3f3f3f !important;
                    background: none;
                    border: none;
                    border-bottom: 1px solid #e7e7e7;
                    border-radius: unset;
                    padding: 5px;
                    line-height: 1.8;
                    background: #f4f4f4;
                }
            .megform .inupt-line select{
                    width: 100%;
                    height: 34px;
                    color: #3f3f3f !important;
                    background: none;
                    border: none;
                    border-bottom: 1px solid #e7e7e7;
                    padding: 5px;
                    line-height: 1.8;
                    background: #f4f4f4;
                    border-radius: 0!important;
            }



    @media only screen and (max-width: 1100px) {
        .bizInfo.VsionB .bizText p {    height:120px;-webkit-line-clamp: 6;}
        .megform {      display: flex;
                        -ms-flex-wrap: wrap;
                        flex-direction: row;
                        flex-wrap: wrap;
                }
        .megform .inupt-line {     width: 48%;}
    }


    @media only screen and (max-width: 768px) {
        .bizInfo, .bizInfo.VsionB {   padding: 0;}
        .bizInfo.VsionB .infoList{    align-items: center;position: relative;}
            .bizInfo.VsionB .bizText p {
                height: auto;
                -webkit-line-clamp: unset;
            }
        .bizInfo.VsionB .card {    width: 100%;}
        .bizInfo.VsionB .humanPic {
            width: 35%;
            margin: 10px 0% 0 2%;
            text-align: right;
            order: 2;
            position: absolute;
            top: 0;
            right: 0;
        }            
            .bizInfo.VsionB .humanPic .human {     position: unset;width: 120px;            }
        .bizInfo.VsionB .humanInfo {
            width: 62%;
            order: 1;
            margin: 10px 0 -5px;
        }
        .bizInfo.VsionB .cardInfo {           width: 100%;order: 3;        }
        .bizInfo.VsionB .infoList ul {        margin: 0;    }
        .megText{        padding: 0;margin-top: 10px;}

    }

    @media only screen and (max-width: 576px) {
        [data-aos=zoom-out] {    transform: scale(1);}
        .bizInfo.VsionB .humanPic .human {    width: 100%;}  
        .megform {      display: flex;
                        -ms-flex-wrap: wrap;
                        flex-direction: row;
                        flex-wrap: wrap;
                        gap:0;
                }      
        .megform .inupt-line {     width: 98%;}
    }      
            .infoList{
                width: 100%;
                height: auto;
                border-top: 1px dashed #d6d3d3;
                /*border-bottom: 1px solid #e9e9e9;*/
                margin-top: 15px;
            }
                .infoList ul{
                    width: 65%;
                    list-style-type: none;
                    padding-inline-start: 0;
                    width: 100%;
                    height: auto;
                    display: flex                ;
                    flex-direction: row;
                    flex-wrap: wrap;
                    align-content: flex-start;
                    justify-content: flex-start;
                    align-items: baseline;
                    margin: 10px 0;
                }
                .infoList li {
                    width: auto;
                    min-width: 33%;                    
                    padding-right: 5%;
                    height: auto;
                    line-height: 2;
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    align-items: center;
                    margin:4px 0;
                }
                    .infoList i {
                    font-size: 16px;
                    line-height: 1.4;
                    width: 28px;
                    height: 28px;
                    color: #f4f4f4;
                    background-color: #ffc33e;
                    border-radius: 5px;
                    text-align: center;
                    padding-top: 2px;
                    margin-right: 5px;
                }
                    .infoList i.fa-envelope{    font-size: 14px;line-height: 1.6;            }
                    .infoList i.fa-user-plus{   font-size: 15px;line-height: 1.6;            }
.mt-20{ margin-top: 20px; }


/*@media only screen and (max-width: 1215px) {    
        .infoList .cardAdd {    width: 98%;margin-top: 15px;}
    
}*/

@media only screen and (max-width: 980px) {
    .main-content .side{display: none;}
}
@media only screen and (max-width: 991px) {
    .bizText p {    margin-bottom: 10px;}
    .bizCard {    max-height: unset;}
    .infoList ul {    margin: 10px 0;}
    .infoList li {   width: 100%;margin: 5px 0;}
}

@media only screen and (max-width: 768px) {
    
    .bizInfo {
        clear: both;
        padding: 30px 8px 0;
    }
        .bizImg {
            width: 100%;
            text-align: center;
            margin-top: 15px;
        }
            .bizImg img {    width: 100%;}

        .bizText {
            width: 100%;
            padding: 20px 0 0;
        }
}