@import url('https://fonts.googleapis.com/css2?family=Bayon&display=swap');
 
 
 /*fixed base*/
#main_index{
    padding-bottom:0rem!important;
    overflow:hidden;
}

#main_index h1,
#main_index h2,
#main_index h5{
    cursor:default;
}

.m_default_languagebar .footer_langbar_item{
    color:#fff;
}

/*category / product / tag / gallery / news*/
.category_list_type4 .category_box .img_frame img{
    object-fit: contain;
}

.product_list_5 .product_box .img_frame img{
    object-fit: contain;
    background-color:#fff;
}

.product_list_horizontal .product_box .img_frame img{
    object-fit: contain;
    background-color:#fff;
}

@media screen and (max-width:767.5px){
    #main_tag .horizontal_detail_bottom{
        margin-top:1rem;
    }

    .product_list_horizontal .product_box .product_des .title{
        font-size:18px;
    }

    .product_list_horizontal .product_box .horizontal_detail_box .product_simple_description{
        font-size:12px;
    }

    .product_list_horizontal .product_box .horizontal_detail_bottom .button_section{
        justify-content:flex-start;
    }

    .product_list_horizontal .product_box .product_img{
        flex:0 0 40%;
    }

    .product_list_horizontal .product_box .product_des{
        flex:0 0 60%;
    }

    .product_list_horizontal .product_box .img_frame{
        padding-top:unset!important;
        height:auto;
        aspect-ratio:1;
        border-radius:5px;
    }

    .product_list_horizontal .product_box .whatsapp_wrapper a{
        color:#333;
        font-size:10px!important;
        font-weight:500;
    }
}

.gallerycategory .img_frame img,
.ws_gallery-2 .img_frame img{
    object-fit: contain;
}

.latest_new_type4 .news_box .img_frame{
    box-shadow:0px 0px 2px rgba(0,0,0,0.3);
}

.latest_new_type4 .news_box .img_frame img{
    object-fit: contain;
}

/*global / common*/
@import url('https://fonts.googleapis.com/css2?family=Bayon&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

body{
    font-family:"Plus Jakarta Sans", sans-serif;
}

.n_small{
    font-size:14px;
    font-weight:800;
    line-height:1.4;
    letter-spacing:2px;
    /*text-transform:uppercase;*/
    color:#fbb042;
    margin-bottom:1rem;
}

.n_small span{
    position:relative;
}

.n_title{
    font-family:"Bayon", sans-serif;
    font-size:48px;
    font-weight:400;
    line-height:1.05;
    color:#293b8f;
    margin-bottom:1rem;
    letter-spacing:0.5px;
}

.n_subtitle{
    font-size:22px;
    font-weight:800;
    line-height:1.25;
    color:#293b8f;
    margin-bottom:0.75rem;
}

.n_content{
    font-size:15px;
    font-weight:400;
    line-height:1.7;
    color:#555;
    margin-bottom:0;
}

.c_color1{
    color:#fff;
}

.c_color2{
    color:#000;
}

.c_color3{
    color:#293b8f;
}

.c_line{
    line-height:1.8;
}

.btnbox_left,
.btnbox_center,
.btnbox_right{
    display:flex;
    align-items:center;
    margin:2rem 0 0;
}

.btnbox_left{
    justify-content:flex-start;
}

.btnbox_center{
    justify-content:center;
}

.btnbox_right{
    justify-content:flex-end;
}

.n_button{
    width:auto;
    height:auto;
    padding:14px 34px;
    border:2px solid #fbb042;
    border-radius:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:14px;
    font-weight:800;
    text-align:center;
    color:#293b8f;
    background:#fbb042;
    text-transform:uppercase;
    letter-spacing:1px;
    transition:0.25s all linear;
}

.n_button span{
    position:relative;
}

.n_button:hover{
    color:#fff;
    background:#293b8f;
    border-color:#293b8f;
    text-decoration:none;
    transform:translateY(-3px);
}

/*navbar*/
.navbar_type8{
    height:100px;
}
.navbar_type8 .logo img{
    width:18vw;
    padding:10px;
}

.navbar_type8 .nav_tab .nav_item a{
    font-size:1.3vw;
    font-weight:600;
    padding:15px 1.2vw;
    text-transform: capitalize;
    color:#000;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff;
    -webkit-text-stroke-width:0px;
    -webkit-text-stroke-color:black;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff!important;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
    color:#fff!important;
}

.navbar_mobile .btn-outline-light:hover{
    background-color:transparent;
    border-color:#000;
    color:#000;
}

.navbar_mobile .btn-outline-light:not(:disabled):not(.disabled):active{
    color:#000;
    background-color:transparent;
    border-color:#000;
}

.dark_nav{
    background-color:#fff!important;
}

@media screen and (max-width:1200.5px){
    .navbar_type8 .nav_tab .nav_item a{
        font-size:1.2vw;
        padding:15px 1.1vw;
    }
}

/*fixed banner*/
.slider_banner .banner_content{
    overflow:hidden;
}
.hp_banner{
    position:relative;
    left:9%;
    top:78%;
    transform:translate(0,-50%);
    width:calc(100% - 18%);
    z-index:5;
}

.hp_banner .container-fluid,
.hp_banner .row,
.hp_banner .col-md-12{
    padding:0;
}

.hp_banner_box{
    position:relative;
}

.hp_banner_textbox{
    position:relative;
    width:52%;
}

.hp_banner_title{
    font-family:"Bayon", sans-serif;
    font-size:7vw;
    font-weight:400;
    line-height:0.78;
    color:#fff;
    letter-spacing:0.08vw;
    margin-bottom:1.2vw;
    text-shadow:0 0.35vw 0.8vw rgba(0,0,0,0.32);
}

.hp_banner_title span{
    color:transparent;
    -webkit-text-stroke:0.08vw #fff;
    text-shadow:none;
    font-size:5.8vw;
}

.hp_banner_content{
    width: 25vw;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 1vw;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 1.4vw;
}

.hp_banner_social{
    width:2vw;
    height:2vw;
    min-width:26px;
    min-height:26px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:0.8vw;
    transition:0.25s all linear;
    margin-left: 6vw;
}

.hp_banner_card{
    position:absolute;
    right:0;
    bottom:0;
    width:15vw;
    min-width:190px;
    background:#fff;
    border-radius:0.55vw;
    padding:1vw;
    box-shadow:0 0.7vw 2vw rgba(0,0,0,0.18);
}

.hp_banner_card_top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-family:"Plus Jakarta Sans", sans-serif;
    font-size: 1vw;
    font-weight: 500;
    color:#000;
    margin-bottom:0.6vw;
}

.hp_banner_card_top i{
    color:#293b8f;
    transform:rotate(45deg);
    font-size:0.75vw;
}

.hp_banner_card_img{
    position:relative;
    width:100%;
    height:0;
    padding-top:64%;
    overflow:hidden;
    border-radius:0.35vw;
}

.hp_banner_card_img img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    object-fit:cover;
}
.hp_banner_link{
    position: absolute;
    content:"";
    top:0;
    bottom:0;
    left:0;
    right:0;
    font-size:0;
}
.hp_banner_linebox{
    position: relative;
}
.hp_banner_linebox:before{
    position: absolute;
    content:"";
    left:0;
    top:0;
    bottom:0;
    margin:auto 0;
    width:5vw;
    height:1px;
    background-color:#fff;
}

@media screen and (max-width:1200.5px){
    .hp_banner_textbox{
        width:58%;
    }
    .hp_banner_title span{
        font-size:6.5vw;
    }
    .hp_banner_content{
        width:28vw;
        font-size:1.2vw;
    }

    .hp_banner_card{
        width:17vw;
    }
}

@media screen and (max-width:991.5px){
    .hp_banner{
        left:6%;
        width:calc(100% - 12%);
    }

    .hp_banner_textbox{
        width:65%;
    }

    .hp_banner_content{
        width:36vw;
        font-size:1.5vw;
    }

    .hp_banner_card{
        width:21vw;
    }
}

@media screen and (max-width:767.5px){
    .index_wrapper_2 .item>img{
        min-height:100vw!important;
        object-fit:cover;
        object-position: -16vw 0vw;
    }
    .hp_banner{
        left: 9%;
        width: calc(100% - 16%);
        top: 77%;
    }

    .hp_banner_textbox{
        width:100%;
    }

    .hp_banner_title{
        font-size:15vw;
        line-height:0.82;
        margin-bottom:4vw;
    }

    .hp_banner_title span{
        font-size:12vw;
        -webkit-text-stroke:0.18vw #fff;
    }

    .hp_banner_content{
        width:100%;
        font-size:4vw;
        margin-bottom:4vw;
    }

    .hp_banner_social{
        font-size:3vw;
    }

    .hp_banner_card{
        position: relative;
        right: -51vw;
        left: unset;
        bottom: 10vw;
        width: 37vw;
        min-width: 0;
        margin-top: 0;
        padding: 2vw;
        border-radius: 1.5vw;
    }

    .hp_banner_card_top{
        font-size:2.7vw;
        margin-bottom:2vw;
    }

    .hp_banner_card_top i{
        font-size:2.6vw;
    }

    .hp_banner_card_img{
        border-radius:1vw;
    }
}


/*hp value*/
.hp_value{
    position: relative;
    z-index: 10;
    padding: 30px 0% 0;
}

.hp_value .container-fluid{
    padding:0;
}

.hp_value_row{
    align-items:center;
}

.hp_value_itembox{
    height:100%;
}

.hp_value_item{
    height:100%;
    min-height:92px;
    background:#293b8f;
    border-radius:10px;
    padding: 20px 70px;
    display:flex;
    align-items:center;
    gap:16px;
}
.hp_value .col-md-4:nth-child(1) .hp_value_item{
    border-radius: 0px 10px 10px 0;
}
.hp_value .col-md-4:nth-child(3) .hp_value_item{
    border-radius: 10px 0px 0px 10px;
}

.hp_value_iconbox{
    flex:0 0 60px;
    width:60px;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.hp_value_icon{
    width:60px!important;
    height:60px!important;
    object-fit:contain;
}

.hp_value_textbox{
    flex:1;
}

.hp_value .n_subtitle{
    color:#fff;
    font-size:16px;
    font-weight:600;
    line-height:1.25;
    margin-bottom:6px;
}

.hp_value .n_content{
    color:rgba(255,255,255,0.78);
    font-size:14px;
    line-height:1.45;
    margin-bottom:0;
}
@media screen and (max-width:1200.5px){
    .hp_value_item{
        padding:20px 30px;
    }
}
@media screen and (max-width:991.5px){

    .hp_value_item{
        padding:18px 16px;
        gap:12px;
    }

    .hp_value_iconbox{
        flex:0 0 42px;
        width:42px;
        height:42px;
    }

    .hp_value_icon{
        width:42px!important;
        height:42px!important;
    }

    .hp_value .n_subtitle{
        font-size:14px;
    }

    .hp_value .n_content{
        font-size:13px;
    }
}

@media screen and (max-width:767.5px){
    .hp_value{
        padding:30px 1rem 15px;
    }

    .hp_value_itembox{
        margin-bottom:12px;
    }

    .hp_value_item{
        min-height:86px;
        border-radius:8px;
        padding:18px;
    }

    .hp_value .n_subtitle{
        font-size:15px;
    }

    .hp_value .n_content{
        font-size:12px;
    }
    
    .hp_value .col-md-4:nth-child(1) .hp_value_item{
        border-radius: 10px;
    }
    .hp_value .col-md-4:nth-child(3) .hp_value_item{
        border-radius: 10px;
    }
}

/*hp collection*/
.hp_collection{
    padding:0px 0% 0px;
    background:#293b8f;
}

.hp_collection .container-fluid{
    padding: 60px 9%;
    background: #fff;
    border-radius: 50px 50px 0 0;
    margin-top:-1px;
}

.hp_collection_top{
    position:relative;
    background:linear-gradient(115deg,#f2f2f2 0%,#f5f5f5 58%,#d9def4 100%);
    border-radius:20px;
    overflow:hidden;
    min-height:350px;
    padding:45px 65px 0;
    margin-bottom:28px;
}

.hp_collection_titlebox{
    position:relative;
    min-height:305px;
    z-index: 1;
}

.hp_collection .n_small{
    font-family:"Plus Jakarta Sans", sans-serif;
    font-size:35px;
    font-weight:700;
    line-height:1;
    color:#000;
    margin-bottom:6px;
}

.hp_collection .n_title{
    font-family:"Bayon", sans-serif;
    font-size:104px;
    font-weight:400;
    line-height:0.85;
    color:#293b8f;
    margin-bottom:0;
    letter-spacing:1px;
}

.hp_collection_sofa{
    position:absolute;
    left:-70px;
    bottom:0;
    width:450px!important;
    height:auto!important;
    z-index:-1;
}
.col0120 {
    width: 22px;
    object-fit: contain;
}

.hp_collection_listbox{
    display:flex;
    justify-content:center;
    gap:58px;
    padding-bottom:35px;
}

.hp_collection_listbox ul{
    margin:0;
}

.hp_collection_listbox li{
    display:flex;
    align-items:center;
    gap:18px;
    font-size:16px;
    font-weight:600;
    color:#333;
    margin-bottom:24px;
    line-height:1.1;
}

.hp_collection_listbox i{
    flex:0 0 24px;
    width:24px;
    font-size:20px;
    color:#000;
    text-align:center;
}

.hp_room_wrap{
    display:flex;
    gap:16px;
}

.hp_room_left{
    flex:0 0 34%;
}

.hp_room_right{
    flex:0 0 calc(66% - 16px);
    display:flex;
    gap:16px;
}

.hp_room_col{
    flex:0 0 calc(50% - 8px);
    display:flex;
    flex-direction:column;
    gap:16px;
}

.hp_room_card{
    position:relative;
    display:block;
    width:100%;
    overflow:hidden;
    border-radius:13px;
    background:#f2f2f2;
    color:#fff;
    z-index: 2;
}

.hp_room_card:hover{
    text-decoration:none;
    color:#fff;
}
.hp_room_card .esd111{
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.35s all linear;
    z-index: -1;
}
.hp_room_card .esd112{
    position: absolute;
    width: 67%;
    height: 77%;
    object-fit: contain;
    transition: 0.35s all linear;
    z-index: -1;
    right: 0;
    bottom: 0;
}

.hp_room_card:hover img{
    transform:scale(1.04);
}

.hp_room_main{
    height:350px;
}

.hp_room_main:before{
    position:absolute;
    content:"";
    inset:0;
    background:rgba(0,0,0,0.12);
    z-index:1;
}

.hp_room_text{
    position:absolute;
    left:36px;
    top:38px;
    z-index:2;
}

.hp_room_text p{
    font-size:36px;
    font-weight:800;
    line-height:1;
    margin-bottom:6px;
}

.hp_room_text h3{
    font-family:"Bayon", sans-serif;
    font-size:88px;
    font-weight:400;
    line-height:0.78;
    color:#fff;
    margin:0;
    z-index: 2;
    position: relative;
}
html:lang(zh-Hans) .hp_room_text h3{
    line-height: 1;
}

.hp_room_small{
    height:167px;
}

.hp_room_small:after{
    position:absolute;
    content:"";
    right:0;
    bottom:0;
    width:38%;
    height:45%;
    background:linear-gradient(135deg,rgba(41,59,143,0),rgba(41,59,143,0.55));
    z-index:1;
}

.hp_room_small h3{
    position:absolute;
    left:12px;
    top:8px;
    font-family:"Bayon", sans-serif;
    font-size:64px;
    font-weight:400;
    line-height:0.8;
    color:rgba(41,59,143,0.12);
    margin:0;
    z-index:2;
    pointer-events:none;
}

@media screen and (max-width:1200.5px){
    .hp_collection_top{
        padding:40px 45px 0;
    }

    .hp_collection .n_title{
        font-size:88px;
    }

    .hp_collection_sofa{
        width:520px!important;
    }

    .hp_collection_listbox{
        gap:35px;
    }

    .hp_collection_listbox li{
        font-size:16px;
    }
}

@media screen and (max-width:991.5px){
    .hp_collection{
        padding-bottom:0;
        background-color:transparent;
    }
    .hp_collection_top{
        padding:35px 35px 0;
    }
    .hp_collection .container-fluid{
        padding: 60px 1rem;
        margin-bottom:-1px;
    }

    .hp_collection_titlebox{
        min-height:270px;
    }

    .hp_collection .n_small{
        font-size:36px;
    }

    .hp_collection .n_title{
        font-size:74px;
    }

    .hp_collection_sofa{
        width:460px!important;
    }

    .hp_collection_listbox{
        justify-content:flex-start;
        gap:45px;
        padding:25px 0 35px;
    }

    .hp_room_wrap,
    .hp_room_right{
        flex-wrap:wrap;
    }

    .hp_room_left,
    .hp_room_right{
        flex:0 0 100%;
    }

    .hp_room_main{
        height:320px;
    }
}

@media screen and (max-width:767.5px){
    .hp_collection_top{
        border-radius:14px;
        padding:28px 22px 0;
        min-height:auto;
    }
    .hp_collection .container-fluid {
        padding: 60px 1rem 30px;
        border-radius: 20px 20px 0 0;
    }

    .hp_collection_titlebox{
        min-height:auto;
    }

    .hp_collection .n_small{
        font-size:30px;
    }

    .hp_collection .n_title{
        font-size:56px;
    }

    .hp_collection_sofa{
        position:relative;
        left:-25px;
        bottom:auto;
        width:115%!important;
        margin-top:18px;
    }

    .hp_collection_listbox{
        flex-wrap:wrap;
        gap:0;
        padding:24px 0 22px;
    }

    .hp_collection_listbox ul{
        flex:0 0 50%;
    }

    .hp_collection_listbox li{
        gap:10px;
        font-size:13px;
        margin-bottom:15px;
    }

    .hp_collection_listbox i{
        flex:0 0 18px;
        width:18px;
        font-size:15px;
    }

    .hp_room_wrap,
    .hp_room_right{
        gap:12px;
    }

    .hp_room_col{
        flex:0 0 100%;
        gap:12px;
    }

    .hp_room_main,
    .hp_room_small{
        height:220px;
    }

    .hp_room_text{
        left:24px;
        top:25px;
    }

    .hp_room_text p{
        font-size:28px;
    }

    .hp_room_text h3{
        font-size:68px;
    }

    .hp_room_small h3{
        font-size:54px;
    }
}

/*hp product*/
.index_wrapper_5{
    padding:45px 9% 70px;
    background:#fff;
}

.hp_product .container-fluid{
    padding:0;
}

.hp_product_titlebox{
    text-align:center;
    margin-bottom:35px;
}

.hp_product .n_title{
    font-family:"Plus Jakarta Sans", sans-serif;
    font-size:38px;
    font-weight:800;
    line-height:1.15;
    color:#000;
    margin-bottom:0;
}

.hp_product .n_title span{
    color:#293b8f;
}

/*component css adaptation*/
#main_index .productSlider-1{
    position:relative;
}

#main_index .productSlider-1 .product_img{
    position:relative;
}

#main_index .productSlider-1 .slick-list{
    margin:0 5px;
}

#main_index .productSlider-1 .slick-track{
    display:flex;
    align-items:stretch;
}

#main_index .productSlider-1 .slick-track .slick-slide{
    height: auto;
    margin: 0px 13px 20px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 11px rgba(0, 0, 0, 0.09);
    overflow: hidden;
}

#main_index .productSlider-1 .product_img .product_box{
    height:100%;
    min-height:305px;
    background:#fff;
    border:0;
    margin:0;
    padding:42px 30px 28px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    text-align:center;
}

#main_index .productSlider-1 .product_img .product_box > a{
    display:block;
    text-decoration:none;
}

#main_index .productSlider-1 .product_img .product_box .product_img_frame{
    position:relative;
    width:100%;
    height:auto;
    aspect-ratio: 1;
    padding-top:unset;
    overflow:hidden;
}
#main_index .productSlider-1 .product_img .product_box .product_img_frame img{
    object-fit: contain;
}

#main_index .productSlider-1 .product_img .product_box .status{
    display:none;
}

#main_index .productSlider-1 .product_img .product_box .content{
    text-align:center!important;
    margin-top:5px!important;
}

#main_index .productSlider-1 .product_img .product_box .content > a{
    text-decoration:none;
}

#main_index .productSlider-1 .product_img .product_box h6{
    color:#000;
    font-size:15px;
    font-weight:800!important;
    line-height:1.25;
    margin-bottom:12px;
    text-align:center;
}

#main_index .productSlider-1 .product_img .product_box .content p{
    display:none;
}

#main_index .productSlider-1 .product_img .product_box .align-top{
    margin:0;
}

#main_index .productSlider-1 .product_img .product_box .align-top a{
    color:#293b8f;
    font-size:12px;
    font-weight:700;
    line-height:1.2;
    text-decoration:none;
}

#main_index .productSlider-1 .product_img .product_box .align-top a:hover{
    color:#fbb042;
}

#main_index .productSlider-1 .slick-prev,
#main_index .productSlider-1 .slick-next{
    width:45px;
    height:45px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

#main_index .productSlider-1 .slick-prev{
    left: -50px;
    background-image:url("https://cdn1.npcdn.net/images/d_arrow_left_znm364_1781488639.png?md5id=c98cf9a1bc982029683b6b136654777f&new_width=1600&new_height=1600&type=4");
}

#main_index .productSlider-1 .slick-next{
    right:-50px;
    background-image:url("https://cdn1.npcdn.net/images/d_arrow_right_hc6xuq_1781488639.png?md5id=c98cf9a1bc982029683b6b136654777f&new_width=1600&new_height=1600&type=4");
}

#main_index .productSlider-1 .slick-prev:before,
#main_index .productSlider-1 .slick-next:before{
    display: none;
}

.hp_product .btnbox_center{
    margin:40px 0 0;
}

.hp_product .n_button{
    background:#fbb042;
    color:#fff;
    border-radius:0;
    padding:10px 22px;
    font-size:13px;
    font-weight:500;
}

.hp_product .n_button span{
    padding-right:19px;
}
.hp_product .n_button span:before{
    position: absolute;
    content:"";
    background-image:url("https://cdn1.npcdn.net/images/button_white_b49hoz_1781488641.png?md5id=c98cf9a1bc982029683b6b136654777f&type=4");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    width: 11px;
    height: 11px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: calc(-11px / 2);
}

.hp_product .n_button:hover{
    color:#fff;
    background:#293b8f;
}

@media screen and (max-width:1200.5px){
    #main_index .productSlider-1 .slick-prev{
        left:-65px;
    }

    #main_index .productSlider-1 .slick-next{
        right:-65px;
    }

    #main_index .productSlider-1 .product_img .product_box{
        min-height:285px;
        padding:38px 24px 26px;
    }
}

@media screen and (max-width:991.5px){
    .index_wrapper_5{
        padding:40px 5% 60px;
    }

    #main_index .productSlider-1 .slick-prev{
        left:-35px;
    }

    #main_index .productSlider-1 .slick-next{
        right:-35px;
    }

    #main_index .productSlider-1 .slick-prev,
    #main_index .productSlider-1 .slick-next{
        width:48px;
        height:48px;
    }

    #main_index .productSlider-1 .slick-prev:before,
    #main_index .productSlider-1 .slick-next:before{
        font-size:18px;
    }
}

@media screen and (max-width:767.5px){
    .index_wrapper_5{
        padding:35px 4% 50px;
    }

    .hp_product_titlebox{
        margin-bottom:15px;
    }

    .hp_product .n_title{
        font-size:30px;
    }

    #main_index .productSlider-1 .slick-track .slick-slide{
        margin:0 8px;
    }

    #main_index .productSlider-1 .product_img .product_box{
        min-height:260px;
        padding:32px 20px 24px;
    }

    #main_index .productSlider-1 .slick-prev{
        left:-10px;
    }

    #main_index .productSlider-1 .slick-next{
        right:-10px;
    }

    #main_index .productSlider-1 .slick-prev,
    #main_index .productSlider-1 .slick-next{
        width:40px;
        height:40px;
    }

    .hp_product .btnbox_center{
        margin-top:30px;
    }
}

/*hp inspired*/
.index_wrapper_6{
    padding:55px 2%;
    background:#fff;
}

.index_wrapper_6 > .container-fluid{
    position:relative;
    padding:65px 7% 70px;
    border-radius:16px;
    background-image:url("https://cdn1.npcdn.net/images/e_gallery_bg_u6fxkw_1781488640.jpg?md5id=c98cf9a1bc982029683b6b136654777f&type=4");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.index_wrapper_6 > .container-fluid:before{
    position:absolute;
    content:"";
    left:0;
    right:0;
    top:0;
    height:155px;
    background:rgba(255,255,255,0.12);
    clip-path:polygon(0 0, 100% 0, 100% 45%, 0 100%);
    z-index:1;
}

.index_wrapper_6 .row{
    position:relative;
    z-index:2;
    align-items: flex-end!important;
}
.hp_inspired{
    position: relative;
}
.hp_inspired:before{
    position: absolute;
    content: "";
    bottom: 0;
    right: 14vw;
    width: 43vw;
    height: 1px;
    background-color:#fff;
}
.hp_inspired_titlebox{
    position:relative;
    z-index:2;
}

.hp_inspired .n_small{
    font-family:"Plus Jakarta Sans", sans-serif;
    font-size:36px;
    font-weight:800;
    line-height:1;
    color:#fff;
    margin-bottom:18px;
}

.hp_inspired .n_title{
    font-family:"Bayon", sans-serif;
    font-size:96px;
    font-weight:400;
    line-height:0.78;
    letter-spacing:1px;
    color:#fff;
    margin-bottom:0;
}

.hp_inspired .btnbox_right{
    margin:0;
}

.hp_inspired .n_button{
    width:92px;
    height:92px;
    padding:0;
    border-radius:0;
    background:#fbb042;
    color:#fff;
    font-size: 9px;
    font-weight:500;
    align-items:flex-end;
    justify-content:flex-start;
    padding:0 12px 12px;
}

.hp_inspired .n_button span{
    padding-right:0;
}

.hp_inspired .n_button span:before{
    position: absolute;
    content:"";
    background-image:url("https://cdn1.npcdn.net/images/button_white_b49hoz_1781488641.png?md5id=c98cf9a1bc982029683b6b136654777f&type=4");  
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    right: -6px;
    top: -31px;
    bottom: auto;
    width: 11px;
    height: 11px;
}

.hp_inspired .n_button:hover{
    background:#fff;
    color:#293b8f;
    transform:none;
}
.hp_inspired .n_button:hover span:before{
    background-image:url("https://cdn1.npcdn.net/images/button_black_2w1x78_1781488641.png?md5id=c98cf9a1bc982029683b6b136654777f&new_width=1600&new_height=1600&type=4");
}

/*component css adaptation*/
#main_index .hp_photoGallerySliderWithTitle{
    background:transparent;
}

#main_index .hp_photoGallerySliderWithTitle .container-fluid{
    padding:0;
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery{
    padding:45px 0 0;
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery .outline_box{
    position:relative;
    padding:0 13px;
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery .outline_box a{
    display:block;
    position:relative;
    overflow:hidden;
    border-radius:9px;
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery .outline_box a:before{
    position:absolute;
    content:"";
    inset:0;
    background:linear-gradient(to top, rgba(0,0,0,0.48), rgba(0,0,0,0.02) 55%);
    z-index:2;
    pointer-events:none;
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery .outline_box .gallery_box{
    position:relative;
    width:100%;
    height:0;
    padding-top:72%;
    overflow:hidden;
    border-radius:9px;
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery .outline_box .gallery_box img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.35s all linear;
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery .outline_box:hover .gallery_box img{
    transform:translate(-50%,-50%) scale(1.04);
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery .outline_box p{
    position:absolute;
    left:36px;
    bottom:18px;
    z-index:3;
    color:#fff;
    font-size:17px;
    font-weight:800;
    line-height:1.2;
    margin:0;
    text-align:left!important;
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery .outline_box:after{
    position:absolute;
    content:"\f061";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    right:36px;
    bottom:20px;
    z-index:3;
    color:#fff;
    font-size:16px;
    line-height:1;
    transform:rotate(-45deg);
    pointer-events:none;
}

#main_index .hp_photoGallerySliderWithTitle .slick-prev,
#main_index .hp_photoGallerySliderWithTitle .slick-next{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    width:50px;
    height:50px;

}

#main_index .hp_photoGallerySliderWithTitle .slick-prev{
    left:-7vw;
    background-image:url("https://cdn1.npcdn.net/images/e_arrow_left_z8fjy5_1781488639.png?md5id=c98cf9a1bc982029683b6b136654777f&new_width=1600&new_height=1600&type=4");
}

#main_index .hp_photoGallerySliderWithTitle .slick-next{
    right:-7vw;
    background-image:url("https://cdn1.npcdn.net/images/e_arrow_right_dp75ys_1781488640.png?md5id=c98cf9a1bc982029683b6b136654777f&new_width=1600&new_height=1600&type=4");
}

#main_index .hp_photoGallerySliderWithTitle .slick-prev:before,
#main_index .hp_photoGallerySliderWithTitle .slick-next:before{
    display: none;
}

@media screen and (max-width:1200.5px){
    .index_wrapper_6 > .container-fluid{
        padding:55px 6%;
    }

    .hp_inspired .n_title{
        font-size:78px;
    }
}

@media screen and (max-width:991.5px){
    .index_wrapper_6{
        padding:45px 4%;
    }

    .index_wrapper_6 > .container-fluid{
        padding:45px 5% 55px;
    }

    .hp_inspired .n_small{
        font-size:30px;
    }

    .hp_inspired .n_title{
        font-size:68px;
    }

    .hp_inspired .btnbox_right{
        margin:55px 0 0;
    }

    .hp_inspired .n_button{
        width:80px;
        height:80px;
    }
    .hp_inspired:before{
        right: 19vw;
        width: 33vw;
    }

    #main_index .hp_photoGallerySliderWithTitle .slick-prev{
        left:-35px;
    }

    #main_index .hp_photoGallerySliderWithTitle .slick-next{
        right:-35px;
    }
}

@media screen and (max-width:767.5px){
    .index_wrapper_6{
        padding:0px 4% 35px;
    }

    .index_wrapper_6 > .container-fluid{
        padding:35px 5% 45px;
        border-radius:12px;
    }

    .hp_inspired .n_small{
        font-size:26px;
        margin-bottom:12px;
    }

    .hp_inspired .n_title{
        font-size:56px;
    }

    .hp_inspired .btnbox_right{
        justify-content:flex-start;
        margin:25px 0 0;
    }

    .hp_inspired .n_button{
        width:72px;
        height:72px;
        font-size:12px;
    }

    #main_index .hp_photoGallerySliderWithTitle .photo-gallery{
        padding-top:32px;
    }

    #main_index .hp_photoGallerySliderWithTitle .photo-gallery .outline_box p{
        left:26px;
        font-size:15px;
    }

    #main_index .hp_photoGallerySliderWithTitle .photo-gallery .outline_box:after{
        right:26px;
        font-size:14px;
    }

    #main_index .hp_photoGallerySliderWithTitle .slick-prev,
    #main_index .hp_photoGallerySliderWithTitle .slick-next{
        width:42px;
        height:42px;
    }

    #main_index .hp_photoGallerySliderWithTitle .slick-prev{
        left:-18px;
    }

    #main_index .hp_photoGallerySliderWithTitle .slick-next{
        right:-18px;
    }

    #main_index .hp_photoGallerySliderWithTitle .slick-prev:before,
    #main_index .hp_photoGallerySliderWithTitle .slick-next:before{
        font-size:16px;
    }
    .hp_inspired .n_button span:before{
        top:-13px;
    }
}


/*hp living*/
.hp_living{
    position:relative;
    padding:105px 9% 95px;
    background-image:url("https://cdn1.npcdn.net/images/f_about_bg_68ubtf_1781488640.jpg?md5id=c98cf9a1bc982029683b6b136654777f&type=4");
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    overflow:hidden;
    
}

.hp_living .col-md-6:last-child{
    padding-left:calc(1rem + 6%);
}
.hp_living .container-fluid{
    position:relative;
    z-index:2;
    padding:0;
}

.hp_living_titlebox{
    position:relative;
    z-index:2;
}

.hp_living .n_title{
    font-family:"Bayon", sans-serif;
    font-size:94px;
    font-weight:400;
    line-height:0.85;
    color:#293b8f;
    letter-spacing:1px;
    margin-bottom:0;
    text-align: right;
}

.hp_living .n_title span{
    display:block;
    font-family:"Plus Jakarta Sans", sans-serif;
    font-size:38px;
    font-weight:800;
    line-height:1.1;
    color:#000;
    letter-spacing:0;
    text-align:right;
    padding-right:20px;
    margin-bottom:8px;
}

.hp_living_textbox{
    max-width:560px;
    margin-left:auto;
}

.hp_living .n_content{
    font-size:15px;
    font-weight:500;
    line-height:1.55;
    color:#000;
    margin-bottom:0;
}

.hp_living .btnbox_left{
    margin:30px 0 0;
}

.hp_living .n_button{
    background:#fbb042;
    color:#fff;
    border-radius:0;
    padding:10px 22px;
    font-size:14px;
    font-weight:600;
}

.hp_living .n_button span{
    padding-right:20px;
}

.hp_living .n_button span:before{
    position: absolute;
    content:"";
    background-image:url("https://cdn1.npcdn.net/images/button_white_b49hoz_1781488641.png?md5id=c98cf9a1bc982029683b6b136654777f&type=4");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    width: 11px;
    height: 11px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: calc(-11px / 2);
}

.hp_living .n_button:hover{
    color:#fff;
    background:#293b8f;
}

@media screen and (max-width:1200.5px){
    .hp_living{
        padding:90px 7% 85px;
    }

    .hp_living .n_title{
        font-size:78px;
    }

    .hp_living .n_title span{
        font-size:34px;
    }

    .hp_living .n_content{
        font-size:14px;
    }
}

@media screen and (max-width:991.5px){
    .hp_living{
        padding:75px 5% 70px;
    }

    .hp_living:before{
        left:0;
        width:58%;
    }

    .hp_living .n_title{
        font-size:50px;
    }

    .hp_living .n_title span{
        font-size:28px;
        text-align:left;
        padding-right:0;
    }

    .hp_living_textbox{
        max-width:100%;
    }
}

@media screen and (max-width:767.5px){
    .hp_living{
        padding:30px 1rem 60px;
    }

    .hp_living:before{
        width:100%;
        opacity:0.35;
    }

    .hp_living .n_title{
        font-size:54px;
        margin-bottom:25px;
    }

    .hp_living .n_title span{
        font-size:24px;
        margin-bottom:6px;
    }

    .hp_living .n_content{
        font-size:13px;
    }

    .hp_living .btnbox_left{
        margin-top:24px;
    }
    .hp_living .col-md-6:last-child {
        padding-left: calc(1rem + 0%);
        padding-right: 1rem;
    }
}

/*hp news*/
.index_wrapper_8{
    padding:70px 9% 0px;
    background:#fff;
}

.hp_news_imgbox{
    position:relative;
    width:100%;
    height:0;
    padding-top:126%;
    border-radius:12px;
    overflow:hidden;
}

.hp_news_imgbox img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    object-fit:cover;
}

.hp_news_right{
    padding-left:60px;
}

.hp_news_titlebox{
    position:relative;
    margin-bottom:52px;
}

.hp_news_titlebox:after{
    position:absolute;
    content:"";
    left:230px;
    right:0;
    bottom:14px;
    height:1px;
    background:#293b8f;
}

.hp_news2 .n_title{
    font-family:"Bayon", sans-serif;
    font-size:82px;
    font-weight:400;
    line-height:0.82;
    color:#293b8f;
    letter-spacing:1px;
    margin-bottom:0;
}
html:lang(zh-Hans) .hp_news2 .n_title{
    line-height: 1;
}

.hp_news2 .n_title span{
    font-family:"Plus Jakarta Sans", sans-serif;
    font-size:40px;
    font-weight:800;
    line-height:1;
    color:#000;
    letter-spacing:0;
}

/*component css adaptation*/
#main_index .hp_latest_new .container-fluid{
    padding:0;
}

#main_index .hp_latest_new .latestnewsAjax{
    margin:0;
}

#main_index .hp_latest_new .news_box{
    margin-bottom:50px!important;
}

#main_index .hp_latest_new .news_box:last-of-type{
    margin-bottom:0!important;
}

#main_index .hp_latest_new .news_box > .row{
    flex-direction:row-reverse;
    margin:0;
}

/*#main_index .hp_latest_new .news_box > .row > [class*="col-"]{*/
/*    padding:0;*/
/*}*/

/*#main_index .hp_latest_new .news_box .col-lg-4{*/
/*    flex:0 0 35%;*/
/*    max-width:35%;*/
/*}*/

#main_index .hp_latest_new .news_box .col-lg-8{
    justify-content: center;
}
#main_index .hp_latest_new{
    margin-left:60px;
}

#main_index .hp_latest_new .news_content_column{
    flex:0 0 65%;
    max-width:65%;
    padding-right:48px!important;
}

#main_index .hp_latest_new .news_box .img_frame{
    position:relative;
    width:100%;
    height:0;
    padding-top:64%;
    overflow:hidden;
    background:#303030;
}

#main_index .hp_latest_new .news_box .img_frame img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    object-fit:cover;
}

#main_index .hp_latest_new .news_box .img_frame .category{
    display:none;
}

#main_index .hp_latest_new .news_box .title{
    display:inline-block;
    font-size:20px;
    font-weight:800;
    line-height:1.25;
    color:#222!important;
    margin-bottom:6px;
    text-decoration:none;
}

#main_index .hp_latest_new .news_box .title:hover{
    color:#293b8f!important;
    text-decoration:none;
}

#main_index .hp_latest_new .news_box .date{
    color:#000;
    font-size:14px;
    font-weight:600;
    line-height:1.2;
    opacity:1;
    margin:0 0 18px!important;
}

#main_index .hp_latest_new .news_box .date i{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#293b8f;
    color:#293b8f;
    font-size:0;
    vertical-align:middle;
    transform:translateY(-1px);
}

#main_index .hp_latest_new .news_box .content{
    color:#777;
    font-size:15px;
    font-weight:400;
    line-height:1.55;
    margin-bottom:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

#main_index .hp_latest_new .news_box .read_more{
    display:none;
}

#main_index .hp_latest_new .toggle_point{
    display:none;
}

@media screen and (max-width:1200.5px){
    .index_wrapper_8{
        padding:65px 7%;
    }

    .hp_news_right{
        padding-left:42px;
    }

    .hp_news2 .n_title{
        font-size:70px;
    }

    .hp_news2 .n_title span{
        font-size:34px;
    }

    .hp_news_titlebox:after{
        left:205px;
    }

    #main_index .hp_latest_new .news_content_column{
        padding-right:35px!important;
    }
}

@media screen and (max-width:991.5px){
    #index_8,#index_9{
        flex:0 0 100%!important;
        max-width:100%!important;
    }
    #index_8{
        margin-bottom:2rem;
    }
    #main_index .hp_latest_new{
        margin-left:0;
    }
    .index_wrapper_8{
        padding:55px 5%;
    }

    .hp_news_right{
        padding-left:0px;
    }

    .hp_news_titlebox{
        margin-bottom:38px;
    }

    .hp_news2 .n_title{
        font-size:60px;
    }

    .hp_news2 .n_title span{
        font-size:30px;
    }

    .hp_news_titlebox:after{
        left:175px;
    }

    #main_index .hp_latest_new .news_box{
        margin-bottom:34px!important;
    }

    #main_index .hp_latest_new .news_content_column{
        padding-right:25px!important;
    }

    #main_index .hp_latest_new .news_box .title{
        font-size:18px;
    }

    #main_index .hp_latest_new .news_box .content{
        font-size:13px;
    }
}

@media screen and (max-width:767.5px){
    .index_wrapper_8{
        padding:45px 0;
    }

    .hp_news_imgbox{
        padding-top:82%;
        margin-bottom:0px;
    }

    .hp_news_right{
        padding-left:0;
    }

    .hp_news_titlebox{
        margin-bottom:30px;
    }

    .hp_news_titlebox:after{
        left:155px;
        bottom:10px;
    }

    .hp_news2 .n_title{
        font-size:52px;
    }

    .hp_news2 .n_title span{
        font-size:26px;
    }

    #main_index .hp_latest_new .news_box{
        margin-bottom:30px!important;
    }

    #main_index .hp_latest_new .news_box > .row{
        flex-direction:column-reverse;
    }

    #main_index .hp_latest_new .news_box .col-lg-4,
    #main_index .hp_latest_new .news_content_column{
        flex:0 0 100%;
        max-width:100%;
    }

    #main_index .hp_latest_new .news_content_column{
        padding-right:0!important;
        margin-bottom:15px;
    }

    #main_index .hp_latest_new .news_box .img_frame{
        padding-top:56.25%;
    }
}

/*hp help*/
.hp_help{
    position:relative;
    padding:50px 9% 0;
    background:#fff;
    z-index:1;
    margin-top:-1px;
}

.hp_help:after{
    position:absolute;
    content:"";
    left:0;
    right:0;
    bottom:0;
    height:92px;
    background:#293b8f;
    z-index:1;
}

.hp_help .container-fluid{
    position:relative;
    padding:0;
    z-index:2;
    margin-bottom:-2px;
}

.hp_help_box{
    position:relative;
    min-height:264px;
    border-radius:16px;
    overflow:hidden;
    background:linear-gradient(105deg,#f2f2f2 0%,#f8f8f8 52%,#cdd4ef 100%);
    padding:64px 6%;
}

.hp_help_textbox{
    position:relative;
    z-index:3;
}

.hp_help .n_small{
    font-family:"Plus Jakarta Sans", sans-serif;
    font-size:38px;
    font-weight:800;
    line-height:1;
    color:#000;
    margin-bottom:8px;
}

.hp_help .n_title{
    font-family:"Bayon", sans-serif;
    font-size:88px;
    font-weight:400;
    line-height:0.82;
    color:#293b8f;
    letter-spacing:1px;
    margin-bottom:0;
}

.hp_help_textbox:after{
    position:absolute;
    content:"";
    left:315px;
    top:118px;
    width:32%;
    height:1px;
    background:#293b8f;
}
html:lang(zh-Hans) .hp_help_textbox:after{
    left: 375px;
    width: 29%;
}

.hp_help_sofa{
    position:absolute;
    right:0;
    top:33px;
    width:30vw!important;
    height:auto!important;
    z-index:2;
    filter:drop-shadow(0 20px 18px rgba(41,59,143,0.25));
}

@media screen and (max-width:1200.5px){
    .hp_help{
        padding:45px 7% 0;
    }

    .hp_help_box{
        min-height:235px;
        padding:55px 5%;
    }

    .hp_help .n_small{
        font-size:34px;
    }

    .hp_help .n_title{
        font-size:76px;
    }

    .hp_help_textbox:after{
        left:275px;
        top:106px;
        width:28%;
    }

    .hp_help_sofa{
        width:41vw!important;
    }
}

@media screen and (max-width:991.5px){
    .hp_help{
        padding:40px 5% 0;
    }

    .hp_help:after{
        height:80px;
    }

    .hp_help_box{
        min-height:215px;
        padding:48px 5%;
    }

    .hp_help .n_small{
        font-size:30px;
    }

    .hp_help .n_title{
        font-size:64px;
    }

    .hp_help_textbox:after{
        left:235px;
        top:92px;
        width:22%;
    }

    .hp_help_sofa{
        width:43vw!important;
        top:45px;
    }
}

@media screen and (max-width:767.5px){
    .hp_help{
        padding:35px 4% 0;
    }

    .hp_help:after{
        height:70px;
    }

    .hp_help_box{
        min-height:300px;
        border-radius:12px;
        padding:35px 6% 145px;
    }

    .hp_help .n_small{
        font-size:28px;
    }

    .hp_help .n_title{
        font-size:58px;
    }

    .hp_help_textbox:after{
        display:none;
    }

    .hp_help_sofa{
        width:78vw!important;
        right:-5vw;
        top:auto;
        bottom:20px;
    }
}

.footer_type10 .logo{
    min-height:56px;
}
.footer_type10 .logo img{
    max-height:56px;
}
.footer_type10 .footer_subtitle{
    font-weight:500!important;
    text-transform: uppercase;
}

/*footer*/
.footer_type10 .copy_right,
.npfooter_languagebar .text-muted,
.platinum_website_visitor,
.npfooter_languagebar,
.copy_right small,
.footer_type10 .privacy_policy:hover,
.footer_type10 .mb-1{
    color:#fff!important;
}
.footer_type10 .social_media a .icon_s img{
    filter:brightness(0) invert(1)!important;
}
.footer_type10 .social_media a:hover .icon_s i {
    color: #fff;
}
.footer_langbar_item{
    color:#fff!important;
}

/*mobile side-navbar*/
.side_menu .footer_langbar_item{
    color:#fff!important;
}