@charset "utf-8";
.container-fluid {
    width: 100%;
}

@media (max-width:1550px) {
    /*kv*/
    .kv-content {
        margin-right: 10%;
    }
    /*article*/
    .article-content-wrap {
        width: 1136px;
    }
    /*item*/
    .item-title-wrap {
        width: 1122px;
    }
    .item-product-wrap ul {
        width: 1122px;
    }
    .item-product-wrap ul li {
        width: 24.7%;
    }
    .item-product-wrap ul li img {
        width: 100%;
    }
}

@media (max-width:1350px) {
    /*list-item*/
    .listing-item-bd h3 {
        height: 52px;
        line-height: 2vw;
        display: -webkit-inline-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media (max-width:1280px) {
    .listing-item-bd h3 {
        font-size: 18px;
        line-height: 1.4em;
        height: 2.8em;
        display: -webkit-inline-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .listing-item-bd .listing-item-content {
        font-size: 15px;
        height: 85px;
    }
    .listing-wrap button {
        font-size: 15px;
    }
}

@media (max-width:1160px) {
    /*nav*/
    .nav-wrap ul {
        width: 100%;
    }
    /*kv*/
    .kv {
        background-position: 35% center;
    }
    .kv-content {
        margin-right: 5%;
    }
    /*article*/
    .article-content-wrap {
        width: 95vw;
    }
    .wide-article {
        width: 64.8%;
    }
    .narrow-article {
        width: 31.2%;
    }
    .dark-bg .article-content-text-inner-title {
        font-size: 25px;
    }
    /*item*/
    .item-title-wrap {
        width: 93vw;
    }
    .item-product-wrap ul {
        width: 93vw;
    }
}

@media (max-width:991px) {
    /*listing-item*/
    .listing-item-title {
        width: 90vw;
        margin: 3% auto 1%;
    }
    .listing-item-wrapper ul {
        width: 95vw;
    }
}

@media (max-width:928px) {
    /*kv*/
    .kv {
        background-position: 35% center;
    }
    .kv-content {
        margin-right: 3%;
    }
    /*article*/
    .wide-article {
        width: 64.3%;
    }
    .narrow-article {
        width: 30.7%;
    }
    .article-content-text-inner-title {
        font-size: 18px;
    }
    .dark-bg .article-content-text-inner-title {
        font-size: 20px;
    }
    /*item*/
    .item-title-wrap {
        width: 92.5vw;
    }
    .item-product-wrap ul {
        width: 92.5vw;
    }
    .item-product-wrap ul li {
        width: 24.6%;
    }
}

@media (max-width:768px) {
    /*nav*/
    .nav-wrap ul li {
        font-size: 16px;
    }
    /*kv*/
    .kv {
        background-position: 20% 0%;
    }
    .kv-content {
        width: 80%;
        float: none;
        margin-right: 0%;
        margin-top: 0px;
        text-align: center;
        margin: 0 auto;
        padding-top: 360px;
    }
    /*article*/
    .wide-article {
        width: 90vw;
        margin: 0 auto;
    }
    .narrow-article {
        width: 90vw;
    }
    .article-content {
        display: block;
        margin: 15px auto;
    }
    .article-content-text-inner-title {
        font-size: 20px;
    }
    .dark-bg .article-content-text-inner-title {
        font-size: 28px;
    }
    /*item*/
    .item-title-wrap {
        width: 90vw;
    }
    .item-product-wrap ul {
        width: 90vw;
    }
    .item-product-wrap ul li {
        width: 23%;
    }
    /*listing-item*/
    .listing-item-title {
        width: 86.5vw;
        margin: 4% auto 1%;
    }
    .listing-item-wrapper ul {
        width: 90vw;
    }
    .listing-item-wrapper ul li {
        width: 47%;
        margin: 10px 1%;
    }
}

@media (max-width:480px) {
    /*nav*/
    .nav-wrap ul {
        padding: 10px 0px;
    }
    .nav-wrap ul li {
        width: 45%;
        margin: 1.2% 0.5%;
    }
    /*logo*/
    .logo-wrap img {
        margin: 0 auto;
        width: 230px;
    }
    /*kv*/
    .kv {
        height: 300px;
        background-position: 0% 0%;
        margin-bottom: 150px;
    }
    .kv-content {
        width: 100%;
        padding-top: 320px;
    }
    .kv-content-subtitle {
        font-size: 18px;
    }
    .kv-content-title {
        font-size: 24px;
        line-height: 30px;
    }
    .kv-content-btn {
        border: none;
        margin-top: 0px;
        margin-left: 0px;
        font-size: 18px;
    }
    /*article*/
    .article-content-img {
        height: 270px;
    }
    .article-content-text {
        height: 210px;
    }
    .article-content-text-inner-title {
        font-size: 18px;
    }
    .dark-bg .article-content-text-inner-title {
        font-size: 20px;
    }
    .article-content-text-inner-discription {
        width: 80%;
    }
    /*item*/
    .item-product-wrap ul li {
        width: 49%;
    }
    #article1,
    #article4,
    #article9 {
        /*        background-position: 0% 0%;*/
    }
    /*listing-item*/
    .listing-item-title {
        width: 88vw;
        margin: 4% auto 1%;
    }
    .listing-item-title-inner {
        font-size: 35px;
        max-width: 200px;
        top: 13px;
    }
    .listing-item-wrapper ul {
        width: 90vw;
    }
    .listing-item-wrapper ul li {
        width: 98%;
        margin: 10px auto 20px;
        display: block;
    }
}


/*********************
RWD Directive Setting
**********************/

.no-padding-top {
    padding-top: 0;
}