/* 基本設定_start */

.pageContainer {
    padding: 0px;
}

.productDtTopInfo .col-md-4 .txtContent {
    height: 272px;
    width: 100%;
    overflow: scroll;
}


/* 基本設定_end */


/* 內頁banner_start */

.bannerImg {
    padding-bottom: 360px;
    background-size: cover;
    background-repeat: no-repeat;
}

.bannerText {
    top: 60%;
}

.headerContent .container-fulid {
    transition-delay: 0s !important;
}

.slideTxt {
    animation-duration: 2.1s !important;
}

.bannerImg .bannerImgInner img {
    display: none;
}

#container {
    display: none;
}


/* 內頁banner_end */


/* 內頁_start */

.about_tbi_inner {
    width: 70%;
}

.about_sec_01 {
    margin: 80px auto;
    display: block;
    background: #ffffff;
    padding: 32px 60px;
    color: #383841;
    text-align: center;
    box-shadow: 0px 16px 16px -24px #000000c2;
    /* border-radius: 40px;*/
    width: 100%;
}

.glory img,
.award img {
    margin-bottom: 8px;
}

.glory,
.award {
    font-size: 12px;
}

.glory .col-padding,
.award .col-padding {
    padding: 24px 12px;
}

.about_sec_01 p {
    text-align: left;
}

.about_sec_03 .flex img {
    width: 360px;
}

.about_sec_03 .flex img:last-child {
    width: 120px;
}

.about_title strong {
    font-weight: bold;
}

.aboutValuetxt {
    width: 100%;
}

.aboutValueImg {
    margin: 36px 0;
}

.about_sec_05 table p {
    margin: 0;
}

.table-dark {
    color: #ffffff;
    background-color: #383841;
}

.table-dark td,
.table-dark th,
.table-dark th a,
.table-dark td a,
.table-dark thead th {
    border-color: #4c4f53;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 1.8;
}

.table-dark ol li,
.table-dark ul li {
    line-height: 1.8;
    text-align: left;
}

.table-dark ol,
.table-dark ul {
    margin: 0;
}

.table-dark ol {
    padding-left: 24px;
}

.table {
    margin-bottom: 2rem;
}

.pageContent {
    padding: 40px 0px 80px;
}

.contactContent .container,
.mediaContent .container {
    max-width: 968px;
}


/* prodcut_category */

.categoryContentInner .ptItem {
    position: relative;
    width: 100%;
    margin-bottom: 24px;
}

.categoryContentInner .ptItem:last-child {
    margin-bottom: 0px;
}

.categoryContentInner .ptImg {
    margin-bottom: 0;
}

.categoryContentInner .ptItem .ptTxtInner {
    padding: 24px;
    background-color: #ffffff;
    box-shadow: 0px 3px 6px #00000008;
    border-radius: 0 0 40px 40px;
}

.categoryContentInner .ptImg .ptImgInner {
    border-radius: 40px 40px 0 0;
}

.categoryContentInner .ptImg .ptImgInner::after {
    display: none;
}

.categoryContentInner .ptImg .ptImgInner img {
    width: auto;
    max-height: unset;
}

.categoryContentInner .ptDesc .txtNormal,
.categoryContentInner .ptDesc .txtContent {
    display: -webkit-box;
    -webkit-line-clamp: 18;
    -moz-line-clamp: 18;
    -ms-line-clamp: 18;
    -o-line-clamp: 18;
}

.categoryContentInner .ptDesc {
    height: initial;
}

.categoryContentInner .ptName .txtTitle h2 {
    color: #383841;
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    position: relative;
    vertical-align: middle;
    padding: 0;
}

.categoryContentInner .ptItem:hover .ptName .txtTitle {
    color: #006DB8;
}

.categoryContentInner {
    /* background: linear-gradient(to bottom, #f3f3f3 0%,#f3f3f3 30%,#383841 30%,#383841 50%,#f3f3f3 50%, #f3f3f3 70%,#383841 70%,#383841 100%); */
}

.categoryContentInner .ptDesc .txtNormal {
    -webkit-line-clamp: 5;
    -moz-line-clamp: 5;
    -ms-line-clamp: 5;
    -o-line-clamp: 5;
}

.ptItem:hover .ptImg .ptImgInner::after {
    display: none;
}

.ptItem:hover .ptName .txtTitle {
    color: #E83E2D;
}

.ptItem:hover .ptDesc .txtNormal {
    color: #383841;
}

.productListContent .ptItem:hover,
.relatedProductContent .ptItem:hover {
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
}

.ptAllDesc {
    align-items: center;
    margin-bottom: 40px;
}

.ptAllDesc .ptTxtInner {
    padding: 48px;
    background-color: #ffffffe0;
    border-radius: 0 0 40px 40px;
    box-shadow: 0px 3px 6px #00000008;
}

.ptAllDesc .ptTxtInner .txtNormal {
    -webkit-line-clamp: initial;
    -moz-line-clamp: initial;
    -ms-line-clamp: initial;
    -o-line-clamp: initial;
}

.ptAllDesc .ptImg .ptImgInner {
    border-radius: 40px 40px 0 0;
}

.serv_sec_01 p {
    width: 100%;
    margin: 16px auto;
    border-left: 4px solid #e3e3e3;
    padding-left: 20px;
}

.timeline .item {
    border-top: 6px solid #e3e3e3;
    padding-top: 20px;
    position: relative;
    margin: 12px 0 0 0;
}

.timeline .item::before {
    content: '';
    position: absolute;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    border: 5px solid #e3e3e3;
    background-color: #006DB8;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.timeline .item:hover::before {
    background-color: #E83E2D;
    box-shadow: 0 2px 4px #3838414b;
}

.timeline .item:hover .txtNormal {
    color: #fff;
}

.timeline .txtTitle {
    font-weight: 600;
    font-size: 32px;
    border-bottom: 1px solid #ffffff45;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.timeline .txtNormal {
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #e3e3e3;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    height: 30px;
}


/* .cate-first-none li:nth-child(2){
    display: none;
} */

.timeblock {
    background: #383841;
    border-radius: 20px;
    padding: 12px;
    color: #fff;
}

.about_sec_05 .owl-item:first-child .timeblock {
    background: #E83E2D;
}

.about_sec_05 .owl-item:nth-child(12) .timeblock {
    background: #006DB8;
}

#loading {
    display: none !important;
}


/* 公司資訊 */

.com_01,
.com_02,
.com_03,
.com_04 {
    display: flex;
}

.contact_txt {
    width: 70%;
    padding: 24px;
}

.contact_img {
    width: 30%;
    display: block;
}

.txtContent ul.nav {
    margin-bottom: 36px;
}


/* .contact_img,.contact_txt{
    width: 50%;
} */

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 0s;
    transition-delay: 0s !important;
}

.company_tab .nav-tabs .nav-item.show .nav-link,
.company_tab .nav-tabs .nav-link.active {
    border-color: #006DB8;
}

.company_tab .tab-content {
    padding: 20px;
}

.company_tab .nav-pills .nav-link,
.company_tab .nav-tabs .nav-link {
    padding: 12px 24px;
    font-size: 16px;
    border-bottom: 0.214rem solid #e3e3e3;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #006db8 !important;
}

.company_tab .nav {
    padding-left: 0;
}

.allDownload {
    BACKGROUND: #FFF;
    PADDING: 44PX 46PX 2PX;
    MARGIN-BOTTOM: 60PX;
    box-shadow: 0px 16px 16px -24px #000000c2;
    border-radius: 40px;
}

#human_02 img {
    width: inherit;
}


/* 內頁_end */


/* 麵包屑_start */

.breadcrumbContainer {
    border-bottom: #c1c3c3 solid 1px;
    padding: 12px 0px;
    margin-bottom: 40px;
}

.breadcrumbContainer ul {
    text-align: left;
    line-height: 1.4;
}

.breadcrumbContainer ul li {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
}

.breadcrumbContainer ul li::after {
    content: "／";
    margin: 0px 2px 0px 6px;
    display: inline-block;
}

.breadcrumbContainer ul li:nth-last-child(1)::after {
    content: "";
    margin: 0px;
}

.breadcrumbContainer ul li:nth-last-child(1) {
    color: #006DB8;
}

.breadcrumbContainer ul li a {
    font-size: 14px;
}

.ptItem:hover .ptImg .ptImgInner img {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}


/* 麵包屑_end */

@media only screen and (max-width: 1499px) {
    .categoryContentInner .ptName .txtTitle {
        font-size: 24px;
    }
    .categoryContentInner .ptItem .ptTxtInner {
        padding: 24px;
    }
}

@media only screen and (max-width: 1399px) {
    .categoryContentInner .ptDesc .txtNormal {
        -webkit-line-clamp: 10;
        -moz-line-clamp: 10;
        -ms-line-clamp: 10;
        -o-line-clamp: 10;
    }
}

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

@media only screen and (max-width: 1199px) {
    .ptAllDesc {
        flex-direction: column;
    }
    .ptAllDesc .ptImg {
        width: 100%;
        margin-bottom: 0;
    }
    .ptAllDesc .ptTxtInner {
        width: 100%;
        padding: 24px;
    }
}

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

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

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

@media only screen and (max-width: 767px) {
    /* 內頁banner_start */
    .innerBannerContainer {
        height: 180px;
    }
    .bannerText {
        bottom: 28%;
        top: inherit;
    }
    /* 內頁banner_end */
    .categoryContentInner .ptItem:nth-child(even) .ptImg {
        float: initial;
    }
    .categoryContentInner .ptImg {
        width: 100%;
    }
    .categoryContentInner .ptItem .ptTxtInner {}
    .categoryContentInner .ptItem:nth-child(even) .ptTxtInner {
        left: inherit;
    }
    .categoryContentInner .ptItem:first-child {
        margin-bottom: 16px;
    }
    .categoryContentInner .ptItem {
        margin-bottom: 16px;
        padding: 0px;
    }
    .pageContent {
        padding: 18px 0px;
    }
    .contactContent {
        padding: 18px;
    }
    .bannerImg {
        padding-bottom: 32vh;
    }
    .categoryContentInner .ptName .moreBtn {
        opacity: 1;
    }
    .flex {
        flex-direction: column;
    }
    .flex .about_tbi_inner {
        width: 100% !important;
    }
    .flex .about_tbi_inner .aboutImg img {
        width: 70% !important;
    }
    .about_sec_01 {
        padding: 20px;
        margin: 40px auto;
        width: 100%;
    }
    .aboutValuetxt {
        width: 100%;
    }
    .about_sec_03 .zone img {
        width: 100% !important;
    }
    .serv_sec_01 p {
        width: 100%;
        margin: 12px 0;
        border-left: 4px solid #e3e3e3;
        padding-left: 20px;
    }
    .about_sec_01.serv_sec_01,
    .glory.about_sec_01,
    .award.about_sec_01 {
        padding: 12px 20px;
    }
    .contact_img,
    .contact_txt {
        width: 100%;
    }
    .company_tab .tab-content {
        padding: 0px;
    }
    .substitute-military>div,
    .substitute-military>p {
        width: 100% !important;
    }
    #human_04 .about_title {
        padding-right: 0 !important;
    }
    #human_04>ul {
        padding-left: 0 !important;
    }
    .company_tab .nav-pills .nav-link,
    .company_tab .nav-tabs .nav-link {
        padding: 12px 16px;
        font-size: 14px;
    }
    .breadcrumbContainer {
        margin-bottom: 40px;
    }
    .company_tab .nav-tabs {
        margin-bottom: 24px;
    }
    #human_06 .flex>div,
    #human_06 .flex>p {
        width: 100% !important;
    }
    #human_02 strong {
        font-size: 18px !important;
    }
    .table td,
    .table th {
        padding: 0.25rem;
    }
}

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

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

@media only screen and (max-width: 420px) {
    .titletxt::before {
        left: -48px;
    }
}