body{
    background-color: #f8f8f8;
}

/* --------------------------------------------------

    header || products_main_header.php

-------------------------------------------------- */
#header{
    padding-top: 100px;
    min-height: 100vh;
    /* background: url(../images/img_products_main_header_bg1.png)center top no-repeat,url(../images/img_products_main_header_bg2.png)center top no-repeat; */
    background: url(../images/img_products_main_header_bg3-2.jpg)center bottom no-repeat;

    background-color: #f3f4ec;
}

@media screen and (min-width: 1366px) {
    #header .main-bammer .justify-content-md-center{
        min-height: 70vh;
    }
}

.main-bammer-title-block{
    padding-left: 0;
    margin-right: 3.5vw;

    text-align: left;
}

.main-bammer-title{
    color: #00631c;
    font-size: 2.5rem;
    font-weight: 600;

    margin-top: 130px;
}

.main-bammer-title img{
    vertical-align: 0;
}

.main-bammer h2{
    color: #00631c;
    font-size: 1.75rem;
    font-weight: 600;

    margin-top: 35px;
}

.main-banner-img-block{
    /* height: 100vh; */

    display: flex;
    align-items: flex-end;
    justify-content: flex-end;

    /* border:#111 1px solid; */
}
.main-banner-img-block img{
    max-width: 100%;
}

.main-banner-img{
    width: 100%;
}

/* --------------------------------------------------

    header || products_detail_header.php

-------------------------------------------------- */
#header.detail{
    background: url(../images/img_products_detail_header_bg.jpg)center top no-repeat;
    background-size: cover;
    min-height: 820px;
}

#header.detail .col-xl-6{
    min-height: 820px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#header.detail .products-img img{
    width: 422px;
}

#header.detail .spec{
    margin-top: 200px;
}

#header.detail .spec h1{
    color: #016119;
    font-size: 3.75rem;
    font-weight: bolder;
    /* min-width: 313px; */
    border-bottom: #93948b 1px solid;
    padding-bottom:0.5rem;
    margin-bottom: 1rem;
}

#header.detail .spec h2{
    color: #4d4d4d;
    font-size: 1.6rem;
    font-weight: initial;
    padding: 0;
    margin: 0;
}

#header.detail .spec .spec-list{
    color: #808080;
    margin: 1.5rem 0;
}

#header.detail .spec .spec-list li::before {
    content: "■";
    padding-right: 8px;
    vertical-align: 3px;
}

#header.detail .spec-series{
    margin-top: 43.5%;
    margin-bottom: 5%;
}

#header.detail .spec-series li::after{
    content: "、";
}

#header.detail .spec-series li:last-child::after{
    content: none;
}

.spec-series-title{
    padding-bottom: 0.35rem;
    margin-bottom: 0.35rem;
    border-bottom: #93948b 1px solid;
}

.spec-series ul, 
.spec-series li{
    display: inline-block;
}

.detail-block{
    padding-top: 90px;
    padding-bottom: 20px;
}

#main.products-detail{
    background-color: #FFF;
}

#main.products-detail .accordion-item{
    margin-bottom: 120px;
}

#main.products-detail .accordion-button span{
    background-color: #9a9a84;
    padding: 0.5rem 3rem;
    border-radius: 2rem;
    color: #FFF;
}

#main.products-detail .accordion-button:hover span,
#main.products-detail .accordion-button:not(.collapsed) span{
    background-color: #23a077;
}


#main.products-detail .accordion-body{
    margin-top: 35px;
}

#main.products-detail .accordion-body .img{
    text-align: right;
}

#main.products-detail .accordion-body .col-md-6{
    margin-bottom: 35px;
}

#main.products-detail .accordion-body .col-md-6.text{
    padding: 30px 40px;
}

#main.products-detail .accordion-body .col-md-6.text h1{
    color: #016119;
    font-weight: bolder;
    font-size: 1.75rem;
    margin-bottom: 1rem;
}

#main.products-detail .accordion-body .col-md-12{
    text-align: center;
}

#main.products-detail .accordion-body .table{
    max-width: 800px;
    margin: 2rem auto 0;
    border: #ccc 1px solid;
    cursor: pointer;
    text-align: left;
}

#main.products-detail .accordion-body table th{
    background-color: #016119;
    color: #FFF;
    padding: 5px 0;
}
/*width: 34%;*/

#main.products-detail .accordion-body table th,
#main.products-detail .accordion-body table td{
    border: #ccc 1px solid;
    padding-left: 1rem;
    padding-right: 1rem;
}

#main.products-detail .accordion-body table tr:nth-child(even){
    /* background-color: #e2e2e2; */
}

#main.products-detail .accordion-body table tr:hover,
#main.products-detail .accordion-body table tr:hover th{
    background-color: #c8e4cf;
    color: #333;
}

#main.products-detail .accordion-body .decimal-block{
    margin-top: 2rem;
    max-width: 680px;
    margin: 2rem auto 0;
}

#main.products-detail .accordion-body ul.decimal li{
    text-align: left;
    margin-left: 20px;
    padding-left: 8px;
    padding-bottom: 0.25rem;
    text-align: justify;
}

#main.products-detail .accordion-body ul.disc li{
    margin-left: 28px;
}

@media only screen and (max-width: 1365px){
    #header .main-bammer .products-img img,
    #header.detail .spec h1,
    #main.products-detail .accordion-body img{
        max-width: 100%;
    }
}

@media only screen and (max-width: 1200px){
    #header.detail .main-bammer .spec,
    #header.detail .main-bammer .spec-series{
        padding-left: 8rem;
    }

    #header.detail .main-bammer .products-img{
        padding-right: 8rem;
    }
}

@media only screen and (max-width: 1024px){
    #header.detail,
    #header.detail .col-xl-4,
    #header.detail .col-xl-6{
        min-height: 700px;
    }

    #header.detail .spec{
        margin-top: 27.5%;
    }

    #header.detail .spec-series{
        margin-top: 27.5%;
    }
}

@media only screen and (max-width: 960px){
    /* #header .main-bammer .products-img img,
    #header.detail .spec h1,
    #main.products-detail .accordion-body img,
    #main.products-detail .accordion-body ul{
        width: 100%;
    } */

    #main.products-detail .accordion-item{
        margin-bottom: 3rem;
    }

    #main.products-detail .accordion-body{
        margin-top: 0;
    }

    #main.products-detail .accordion-body h1{
        font-size: 1.25rem;
    }

    #main.products-detail .accordion-body,
    #main.products-detail .accordion-body li{
        font-size: 0.8rem;
    }
    
    #main.products-detail .accordion-body .col-md-6{
        margin-bottom: 0px;
    }

    #main.products-detail .accordion-body ul.disc li{
        margin-left: 24px;
    }

    #main.products-detail .accordion-body .col-md-6.text{
        margin-top: 1rem;
        margin-bottom: 2rem;
        padding-top: 0;
        padding-left: 1rem;
    }

    #main.products-detail .accordion-body .col-md-6.text:last-child{
        margin-bottom: 0;
    }   

    #main.products-detail .accordion-body ul{
        margin-top: 1rem;
    }

    #main.products-detail .accordion-body ul.decimal li{
        margin-left: 18px;
        margin-bottom: 0.35rem;
        text-align: justify;
    }
}

@media only screen and (max-width: 812px) and (orientation: landscape){
    #main.products-detail .accordion-body img{
        width: 76%;
    }
    #main.products-detail .accordion-body ul{
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .main-bammer-title-block {
        padding-left: 5vw;
    }
}

@media only screen and (max-width: 768px){
    #main.products-detail .accordion-body img,
    #main.products-detail .accordion-body ul{
        width: 86%;
    }

    #header.detail .main-bammer .spec,
    #header.detail .main-bammer .spec-series{
        padding-left: 2rem;
    }

    #header.detail .main-bammer .products-img{
        padding-right: 2rem;
    }

    #header.detail .spec{
        margin-top: 42%;
    }

    #header.detail .spec-series{
        margin-top: 27.5%;
    }
}


@media only screen and (max-width: 767px){
    .main-bammer-title-block {
        padding-left: 3vw;
    }
}

@media only screen and (max-width: 640px){
    #header.detail,
    #header.detail .col-xl-4,
    #header.detail .col-xl-6{
        min-height: auto;
    }

    #header.detail .col-xl-6{
        padding: 5rem 0 5rem 2rem;
    }

    #main.products-detail .accordion-body img,
    #main.products-detail .accordion-body ul{
        width: 100%;
    }

    #header.detail .spec{
        margin-top: 5%;
    }

    #header.detail .spec-series{
        margin-top: 10%;
    }

    #header.detail .main-bammer .spec,
    #header.detail .main-bammer .spec-series{
        padding-left: 0;
    }
    #main.products-detail .accordion-body ul.disc {
        margin-bottom: 15px;
    }

    
}


/* --------------------------------------------------

    products-block || products_main.php
    .products-block.accessBlock || products_main.php

-------------------------------------------------- */
.products-block{
    box-sizing: border-box;
    min-height: 840px;
    /* padding-bottom: 130px; */
    color: #016119;

    transition: color .15s ease-in-out;
}

.products-block.accessBlock{
    min-height: 480px;
}

.products-block .title{
    margin-bottom: 40px;
    padding-top: 130px;
    padding-bottom: 0px;
}

.products-block .title h5{
    line-height: 1rem;
}

.products-block .title h3{
    font-weight: 600;
    font-size: 2rem;
}

.products-block.accessBlock .title{
    position: relative;
    margin-top: 94px;
    margin-bottom: 114px;
    padding-top: 0;
    padding-bottom: 0px;
}

.products-block.accessBlock{
    background: url(../images/img_products_main_block_bg4-1.png)center top no-repeat, url(../images/img_products_main_block_bg4-2.png)center top no-repeat;
    padding-bottom: 0;
    background-color: #f3f4ec;
}

.products-block.accessBlock .row{
    min-height: 480px;
}

.products-block .col-block{
    margin-bottom: 130px;
}

.col-block:hover{
    cursor: pointer;
}

.col-block:hover .products-img-block img,
.col-block:active .products-img-block img{
    width: 80%; 
}

.col-block:hover .products-info,
.col-block:active .products-info{
    color: #00ac2b;
    border-bottom: #00ac2b 3px solid;
    background: url(../images/img_products-item-icon1.png)right bottom .35rem no-repeat;
}

.products-img-block{
    width: 340px;
    height: 340px;
    background: url(../images/img_products_round_bg.png)center top no-repeat;
    background-size: cover;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto;
}

.products-img-block img{
    width: 70%;
    transition: width .15s ease-in-out;
}

.products-info{
    font-weight: 900;
    font-size: 1.3125rem;

    width: 300px;
    margin: 0 auto;
    padding-right: 25px;

    border-bottom: #00631c 3px solid;
    background: url(../images/img_products-item-icon.png)right bottom .35rem no-repeat;
}

.products-block.accessBlock .morebtn{
    position: absolute;
    right: 4vw;
    bottom: 0;
    font-size: 1.3125rem;
    border-bottom: #00631c 3px solid;
    padding: 0 50px 0.3rem 0;
    font-weight: 600;
    background: url(../images/img_products-item-icon.png) right top 4px no-repeat;
    background-size: 21px;
    cursor: pointer;

    transition: color .15s ease-in-out, background-image .15s ease-in-out;
}

..products-block.accessBlock .morebtn:hover{
    background: url(../images/img_products-item-icon1.png) right top 4px no-repeat;
    background-size: 21px;
    color: #23a077;
    border-bottom: #23a077 3px solid;
}

..products-block.accessBlock .title-block{
    position: absolute;
    left: 4vw;
    top: 0;
}

/* --------------------------------------------------

                    products // RWD 

-------------------------------------------------- */
@media only screen and (max-width: 1366px) {
    #header{
        min-height: 70vh;
        background: url(../images/img_products_main_header_bg2.jpg)center top -20vh no-repeat;
    }

    .main-bammer-title{
        margin-top: 65px;
    }

    .main-bammer h2{
        margin-top: 25px;
    }

    .products-block .title{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 1365px) {
    #header{
        height: auto;
        background: url(../images/img_products_main_header_bg2.jpg)center top -8vh no-repeat;
    }

    .products-img-block{
        width: 250px;
        height: 250px;
    }

    .products-info{   
        width: 200px;
    }
}

@media only screen and (max-width: 1024px) {
    #header{
        min-height: 830px;
        padding-top: 77px;
    }
}

/* -------------------------------------------------------
    重要資訊！！！
    有關Owl Carousel修正的style是寫入在css/page_style.css 
------------------------------------------------------- */


@media only screen and (max-width: 768px) {
    #header{
        padding-top: 63px;
    }

    .products-img-block{
        /* width: 180px;
        height: 180px; */
    }

    .products-block.accessBlock .title{
        margin-top: 128px;
        margin-bottom: 60px;
    }

    .products-block .col-block{
        margin-bottom: 90px;
    }
}

@media only screen and (max-width: 767px) {
    #header{
        background: url("../images/img_products_main_header_color_bg.jpg");
        padding-top: 50px;
    }

    .main-bammer{
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 100px;
    }

    .main-bammer-title{
        margin-top: 0;
        font-size: 2rem;
    }

    .products-block .col-block{
        margin-bottom: 1.5rem;
    }

    .products-block.accessBlock{
        background: url(../images/img_products_main_block_bg4-1.png)left top no-repeat, url(../images/img_products_main_block_bg4-2.png)left -400px top -35px no-repeat;
        background-size: initial, 400%;
    }
}

/* ------------------------------------------------------------

        /.detail-footer-block // 產品細節 // 回商品首頁 

------------------------------------------------------------ */
.detail-footer-block{
    position: relative;
    color: #00631c;
    font-weight: bolder;
    
    background: #f8f8f8 url('../images/img_products_more_bg.jpg')center top no-repeat;
    /* background: url('../images/img_products_more_bg1.jpg')left top no-repeat, url('../images/img_products_more_bg2.jpg')right top no-repeat; */
  }
  
  .detail-footer-block .container-xxl{
    /* background: url('../images/img_products_more_bg_color.jpg'); */
    box-sizing: border-box;
    padding-top: 120px;
    padding-bottom: 60px;
    min-height: 568px;
  }
  
  .detail-footer-block .col-xl-4{
      margin-bottom: 6rem;
  }

  .detail-footer-block .col-xl-4:hover .products-more-img-block img{
    width: 80%;
  }
  
  .detail-footer-block .col-xl-4:hover .products-more-info-block{
    color: #00ac2b;
    border-bottom: #00ac2b 3px solid;
    background: url(../images/img_products-item-icon1.png)right bottom .35rem no-repeat;
  }
  
  .products-more-title h1{
    font-size: 2rem;
    font-weight: bolder;
  }
  
  .detail-footer-block .products-more-img-block{
    width: 240px;
    height: 240px;
    background: url(../images/img_products_round_bg.png)center top no-repeat;
    background-size: cover;
  
    display: flex;
    align-items: center;
    justify-content: center;
  
    margin: 0 auto;
    cursor: pointer;
  }
  
  .detail-footer-block .products-more-img-block img{
    width: 70%;
    transition: width .15s ease-in-out;
  }
  
  .detail-footer-block .products-more-info-block{
    width: 240px;
    margin: 0 auto;
    border-bottom: #00631c 3px solid;
    background: url(../images/img_products-item-icon.png)right bottom .35rem no-repeat;
    cursor: pointer;
    color: #00631c;
  }
  
  .back-block{
    position: absolute;
    width: 424px;
    right: 0;
    bottom: 0;
    background-color: #e5e6de;
    padding: 21px 0 21px 36px;
  }

  @media only screen and (max-width: 1366px) {
    .detail-footer-block{
        background: url('../images/img_products_more_bg.jpg')center top no-repeat;
        background-size: 110%;
    }

    .products-more-title{
        margin-top: -3vw;
        padding-left: 3vw;
    }
  }

  @media only screen and (max-width: 1024px) {
    .detail-footer-block{
        background: url('../images/img_products_more_bg.jpg')right top no-repeat;
        background-size: auto 100%;
    }

    .products-more-title{
        margin-top: -8vw;
        margin-bottom: 2vw;
    }
  }

  @media only screen and (max-width: 812px) and (orientation: landscape){
    .back-block{
        width: 25vw;
        padding: 1rem 2rem;
        text-align: right;
    }

    .detail-footer-block .col-xl-4{
        margin-bottom: 3rem;
    }
  }

  @media only screen and (max-width: 768px) {
    .detail-footer-block{
        background: url('../images/img_products_more_bg.jpg')left top -100px no-repeat;
        background-size: 300%;
    }

    .detail-footer-block .container-xxl{
        padding-top: 60px;
        min-height: 560px;
    }

    .back-block{
        width: 30vw;
    }

    .products-more-title{
        margin-top: -2vw;
        padding-left: 5vw;
    }

    .detail-footer-block .col-xl-4{
        margin-bottom: 1rem;
    }
  }

  @media only screen and (max-width: 767px) {
    .detail-footer-block{
        background: url('../images/img_products_more_bg.jpg')left top no-repeat;
        background-size: cover;
    }

    .back-block{
        font-size: 0.8rem;
        width: auto;
        padding: 1rem 2rem;
        text-align: right;
    }

    .detail-footer-block .col-xl-4{
        margin-bottom: 1rem;
    }

  }



  /*手機版表格*/
.phone-info {display: none;margin-bottom: 10px;text-align: left;}
.table01{width:100%;overflow-x: scroll;-webkit-overflow-scrolling: auto;margin-bottom: 0px;overflow-x: auto;}
@media screen and (max-width: 480px) {
.table01 table{width:600px !important;}
.phone-info {display: block;}
}

.product_title_a .products-info{
    color: #016119;
}

  .accordion-body table{
    width: 100%;
    margin:0 auto;
  }
   .accordion-body table tr,  .accordion-body table th,  .accordion-body table td{
    width: auto;
    height: auto;
   }
   .accordion-body table p{
    margin: 0 auto;
   }
   #main.products-detail .accordion-body h3 {
    color: #016119;
    font-weight: bolder;
    font-size: 1.05rem;
    margin:0 auto 5px;
}
   #main.products-detail .accordion-body h5 {
    color: #016119;
    font-weight: bolder;
    font-size: 1rem;
    margin:10px auto;
}
.prool, .prool li{
    list-style: decimal !important;
}
.prool{
    padding-left: 15px !important;
    line-height: 1.7;
    margin-top: 5px;
}
.pro_detailtable{
    max-width: 800px;
    font-family: arial, 微軟正黑體, sans-serif !important;
}
.pro_detailtable tr span{
    font-family: arial, 微軟正黑體, sans-serif !important;
}

#main.products-detail .accordion-body img{
    max-width: 100%;
}

.accordion-body table td p, .accordion-body table th p{
    margin:0 auto;
}