/* 基本設定_start */

.pageContainer {
    padding: 0px;
}


/* 基本設定_end */


/* 內頁banner_start */
/* .innerBannerContainer {
    height: 220px;
    position: relative;
}

.innerBannerTitle {
    display: table;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.innerBannerTitle h1 {
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.05em;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    color: #fff;
} */

/* 內頁banner_end */


/* 麵包屑_start */
/* 
.breadcrumbContainer {
    border: #eee solid 1px;
    padding: 15px 0px;
    margin-bottom: 60px;
}

.breadcrumbContainer ul {
    text-align: right;
}

.breadcrumbContainer ul li {
    display: inline-block;
    font-size: 15px;
}

.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 a {
    color: #333;
    font-size: 15px;
}

.breadcrumbContainer ul li a:hover {
    color: #aaa;
} */
/* 麵包屑_end */

/* about. html_start */
.aboutText{
    padding: 30px 25px 50px 25px;
}

.aboutText p{
    font-size: 16px;
    /* text-align: justify; */
    /* font-family: 'Arial'; */
    letter-spacing: 1.5px;
    line-height: 30px;
    font-weight: 400;
}

.aboutText ul li{
    font-size: 16px;
    letter-spacing: 1.5px;
    line-height: 30px;
    margin: 5px 0;
}

p.aboutSub{
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 15px;
    position: relative;
}

.aboutSub::after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 3px;
    border-radius: 2px;
    background: #F39430;
    position: absolute;
    left: 0;
    bottom: 8px;
}

p.aboutApho{
    padding: 13px 0;
}


.aboutPhilo ul li{
    padding-left:25px;
    position: relative;
}
.aboutPhilo ul li::before{
    content:"\f111";
    font-family: "FontAwesome";
    display:inline-block;
    font-size: 12px;
    color:#F39430;
    position: absolute;
    left: 0;
    
}

.aboutCompanyContainer .linkBackInner{
    padding: 80px 0 60px 0;
}

/* .aboutUsImg .aboutImgHidden{
    width: 100%;
    height:80%;
    overflow: hidden;
} */

/* about. html_end */

/* news_list. html_start */
.newsListItemInner{
    padding: 20px 35px 30px 35px;

}

.newsListItem{
    display: table;
    table-layout: fixed;
    /* border-collapse: separate;
    border-spacing: 5px 0px; */
    width: 100%;
    border-bottom: 1px rgb(163, 163, 163) solid;
}

.newsListDate,
.newsListTitle{
    display: table-cell;
    vertical-align: middle;
    
}

.newsListDate{
    width: 180px;
    padding: 3px 0;

    
}

.newsListDate p{
    font-size: 14px;
    /* color:rgb(129, 129, 129); */
    text-align: left;
    margin: 12px 0 12px 25px;
    letter-spacing: 1.5px;
    border-right: 1px rgb(160, 160, 160) solid;
    padding:0 ;
}

.newsListTitle{
    padding: 0 20px;

}

.newsListTitle a{
    color: #000;
    line-height: 32px;
    letter-spacing: 1.2px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 10px 0;
}

.newsListTitle a:hover{
    color:#F39430;
}

/* news_list. html_end */

/* news_dt.html_start */
.pageTitle.newsDtTitle h1 {
    letter-spacing: 2px;
    padding: 50px 25px 50px;
    margin-bottom: 8.5%;
    position: relative;
    text-align: left;
}

.pageTitle.newsDtTitle h1::after{
    left: 25px;
    bottom: 8%;
    transform: translateY(-92%);
    -webkit-transform: translateY(-92%);
    -moz-transform: translateY(-92%);
    -ms-transform: translateY(-92%);
    -o-transform: translateY(-92%);
}


.newsDtText{
    padding: 30px 25px 50px 25px;
}

.newsDtText p{
    /* text-align: justify; */
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 1.2px;
}

.newsDtDate p{
    font-size: 14px;
    /* color:rgb(129, 129, 129); */
    letter-spacing: 1.5px;
    padding:15px 25px;
}

/* news_dt.html_end */

/* certification.html _start */
.certifiText{
    padding: 10px 30px;
}

.itemUnit p{
    padding: 5px 0;
}

.certifiUL{
    padding: 15px 20px;
}

.certifiUL ul{
    list-style-type: disc;
    padding: 10px 10px 0px;
}

.certifiUL ul li{
    margin-bottom: 10px;
}
/* certification.html _end */


/* subcontract.html _start */
.subcontrImgList{
    margin-bottom: 20px;
    padding: 0 10px;
}


.subcontraTitle p{
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    letter-spacing: 1.2px;
    position: relative;
    padding: 15px 0 15px 20px;
}

.subcontraTitle p::before{
    content:"●";
    display:inline-block;
    font-size: 12px;
    color:#F39430;
    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%);   
}

.subcontractText {
    padding: 15px 30px;
}

.subcontraImg{
    overflow: hidden;
    position: relative;
    padding-bottom: 125%;
    background-color: #e6e6e6;
    border-radius: 2px;
}

.subcontraImg img{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}



.itemUnit.subcontraUnit p {
    padding: 10px 10px 15px;
    line-height: 1.4;
    letter-spacing: 1.2px;

}


/* subcontract.html _end */

/* contact.html_start */
.contactText {
    padding: 10px 30px;
    margin-bottom: 10px;
}

.contactText a.infoLink{
    color:#333;
}

.contactText a.infoLink:hover{
    color:#ff6b16;
    text-decoration: underline;
}


.contactText span {
    display: block;
    line-height: 1.6;
    letter-spacing: 1.2px;
    margin-bottom: 10px;
}

span.contactCompanyTitle {
    font-size: 18px;
    font-weight: 600;
}

.contactList {
    position: relative;
    padding-left: 20px;
}

.contactList::before {
    content: "\f111";
    font-family: "FontAwesome";
    display: inline-block;
    font-size: 12px;
    color: #F39430;
    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%);
}


span.markRed {
    display: inline-block;
    color: red;
}

.contactForm .bmd-form-group .bmd-label-static {
    left: unset;
    top: unset;
    font-size: 15px;
    letter-spacing: 1.2px;
    color: rgba(0, 0, 0, 0.7);
}

.contactForm .bmd-form-group {
    position: static;
}

.contactForm .bmd-form-group [class^='bmd-label'],
.contactForm .bmd-form-group [class*=' bmd-label'] {
    position: static;
}

/* .contactForm [class^='bmd-label'], 
.contactForm [class*=' bmd-label']{
    color: rgba(0, 0, 0, 0.6);
} */


.contactForm .form-control {
    border-radius: 3px;
    line-height: 2;
}

.contactForm .form-group.bmd-form-group.is-focused .bmd-label-static {
    color: #f56c1d;
}

.contactForm .formBtn {
    margin-top: 50px;
}

.contactForm .formBtn button {
    margin: 0 10px;
    letter-spacing: 1.2px;
    font-size: 16px;
}

.formBtn .btn.btn-raised.btn-warning {
    background: #ff6b16;
}

.contactForm .bmd-form-group.VerifyCode img{
    width: 150px;
}

.contactForm .custom-file-control:invalid, 
.contactForm .form-control:invalid{
    background-image: unset;
}

.contactForm .form-control:focus{
    border:1px solid #ff6b16;
}

/* contact.html_end */


/* 404.php_start */
.errorContentTitle {
    text-align: center;
    color: #aaa;
    margin-bottom: 60px;
}

.errorNum {
    font-size: 200px;
    line-height: 1;
    margin-bottom: 30px; 
}

.errorTitle {
    font-size: 22px;
}

/* 404.php_end */


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

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

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

@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;
    } */
    /* 內頁banner_end */

    /* news_list. html _start */
    .newsListDate,
    .newsListTitle {
        display: block;

    }

    .newsListDate{
        padding: unset;
        width: unset;
    }

    .newsListDate p{
        padding: 0;
        margin: unset;
        text-align: left;
        border-right: unset;
    }

    .newsListTitle{
        padding: unset;
    }

    /* news_list. html _end */
}

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

@media only screen and (max-width: 440px) {
    /* news_list. html_start */
    .newsListItemInner {
        padding: 20px 25px 30px 25px;
    }

    .newsListDate p{
        padding: 10px 0 0 0;
    }

    .newsListTitle{
        border-left: 5px #F39430 solid;
    }

    .newsListTitle a{
        padding-left: 10px;
        margin: 2px 0 10px 0;
    }
    .newsListTitle a:hover{
        color: unset;
    }    
    /* news_list. html_end */

    /* news_dt_**.html_start */
    .newsDtText{
        padding: 20px 25px;
    }
    /* news_dt_**.html_end */

    /* subcontract.html _start */
    .subcontractText{
        padding: 15px 10px;
    }

    .subcontraImg{
        padding-bottom: 100%;
    }
    /* subcontract.html _end */

    .certifiText{
        padding: 10px;
    }

    /* contact.html_start  */
    .contactText {
        padding: 10px 20px;
    }

    .contactText span {
        font-size: 14px;
    }

    span.contactCompanyTitle {
        font-size: 16px;

    }

    .contactForm .formBtn {
        text-align: center;
    }

    /* contact.html_end  */


}

@media only screen and (max-width: 420px) {
    /* contact.html _start */
    .contactForm .formBtn button {
        margin: 0 3px;
        font-size: 14px;
    }

    /* contact.html _end */
}