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

        products-block.blockBG || products_main_block.php
    
        ※※※項目產生與排序是由後台生成，因此會與前台有所不同，故背景主題需要手動調整※※※

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

.products-block.blockBG .title{
    background-color: none;
}

/* .products-block.blockBG:nth-child(2) .title,
.products-block.blockBG:nth-child(8) .title, */
.products-block.blockBG:nth-child(3n+2) .title{
    background-color: #f8f8f8;
}

/* .products-block.blockBG:nth-child(2) .products-block-inner.main-block,
.products-block.blockBG:nth-child(8) .products-block-inner.main-block, */
.products-block.blockBG:nth-child(3n+2) .products-block-inner.main-block{
    background: url(../images/img_products_main_block_bg1_h570.jpg)center top repeat-x;
}

/* .products-block.blockBG:nth-child(4), */
.products-block.blockBG:nth-child(3n+1){
    background-color: #f3f4ec;
    background-image: url(../images/img_products_main_block_bg2-1.jpg), url(../images/img_products_main_block_bg2-2.jpg);
    background-repeat: no-repeat;
    background-position: left top, right bottom;
}

/* .products-block.blockBG:nth-child(6), */
.products-block.blockBG:nth-child(3n){
    background: url(../images/img_products_main_block_bg3.jpg)center top repeat-y;
}

.products-block.blockBG .products-block-inner .row{
    min-height: 570px;
}

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

                    products // RWD 

-------------------------------------------------- */
@media only screen and (max-width: 1366px) {

    .products-block.blockBG:nth-child(4){
        background-color: #f3f4ec;
        background-image: url(../images/img_products_main_block_bg2-1.jpg), url(../images/img_products_main_block_bg2-2.jpg);
        background-repeat: no-repeat;
        background-position: left -22% top -10%, right bottom -70%;
    }

    .products-block.blockBG:nth-child(6){
        background: url(../images/img_products_main_block_bg3.jpg)center top repeat-y;
        background-position: left 80% top -10%;
        background-size: cover;
    }
}

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

    /* .products-block.blockBG:nth-child(2) .products-block-inner.main-block,
    .products-block.blockBG:nth-child(8) .products-block-inner.main-block, */
    .products-block.blockBG:nth-child(3n+1) .products-block-inner.main-block{
        background: url(../images/img_products_main_block_bg1_h570.jpg)right 15% top -5vh repeat-x;
    }
}

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

    /* .products-block.block1{
        min-height: 70vh;
    }

    .products-block.block1 .products-block-inner .row,
    .products-block.block1 .products-block-inner:last-child .row,
    .products-block.block2 .row{
        min-height: 450px;
    }
      

    .products-block.block1 .products-block-inner.main-block{
        background: url(../images/img_products_main_block_bg1_h570.jpg)center top -80px repeat-x;
    } */
}

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


@media only screen and (max-width: 768px) {
    .products-img-block{
        /* width: 180px;
        height: 180px; */
    }

    /* .products-block.blockBG:nth-child(2),
    .products-block.blockBG:nth-child(8), */
    .products-block.blockBG:nth-child(3n+1){
        min-height: auto;
        padding-bottom: 40px;
    }
    
    /* .products-block.blockBG:nth-child(2) .products-block-inner .row, */
    .products-block.blockBG:nth-child(3n+1) .products-block-inner .row{
        min-height: 350px;
    }
    
    /* .products-block.blockBG:nth-child(2) .products-block-inner:last-child .row, */
    .products-block.blockBG:nth-child(3n+1) .products-block-inner:last-child .row{
        min-height: 350px;
    }

    /* .products-block.blockBG:nth-child(4), */
    .products-block.blockBG:nth-child(3n+2){
        padding-bottom: 0;
    }

    /* .products-block.blockBG:nth-child(4) .row, */
    .products-block.blockBG:nth-child(3n+2) .row{
        min-height: 350px;
    }

    /* .products-block.blockBG:nth-child(6), */
    .products-block.blockBG:nth-child(3n){
        background: url(../images/img_products_main_block_bg3.jpg)center top repeat-y;
        background-position: left 90% top -10%;
        background-size: cover;
    }

    .products-block.blockBG .title{
        padding-top: 100px;
    }
}

@media only screen and (max-width: 767px) {
    /* .products-block.blockBG:nth-child(4), */
    .products-block.blockBG:nth-child(3n+2){
        min-height: auto;
        padding-bottom: 60px;
    }

    /* .products-block.blockBG:nth-child(4), */
    .products-block.blockBG:nth-child(3n+2){
        background-color: #f3f4ec;
        background-image: url(../images/img_products_main_block_bg2-1.jpg), url(../images/img_products_main_block_bg2-2.jpg);
        background-repeat: no-repeat;
        background-position: left -40% top -200%, right bottom -600%;
    }

    /* .products-block.blockBG:nth-child(6), */
    .products-block.blockBG:nth-child(3n){
        padding-bottom: 60px;
    }
}