@charset "utf-8";
/* CSS Document */
/*------------居家首頁 大於 960px  -----------------*/
body {
    overflow-x: hidden;
}

.container .wrapper {
    width: 960px;
    margin: 0 auto;
}

.wrapper .kanban {
    position: relative;
    max-height: 500px;
}
/*.kanban .li_side {
   max-width: 900px;
   max-height:500px;
   overflow:hidden;
}*/
.kanban .li_side img {
    margin: 0 auto;
}

.kanban .bx-wrapper .bx-controls-direction a {
    margin-top: -60px;
}

/*-------arrow*/
a.bx_prev, a.bx_next {
    position: absolute;
    width: 46px;
    height: 46px;
    z-index: 1;
}
/*-------arrow end*/
/*-------button*/
.theme_box a.btn_green {
    display: block;
    width: 300px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #009688;
    border: 1px solid #009688;
    margin-top: 40px;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
}

    .theme_box a.btn_green:hover {
        background-color: #00796B;
        border: 1px solid #00796B;
        color: #fff;
    }
/*-------button end*/
a.bx_prev {
    background: url(../images/index_arrow_pre.png);
    top: 40%;
    left: 0;
}

a.bx_next {
    background: url(../images/index_arrow_next.png);
    top: 40%;
    right: 0;
}

.kanban li .kanban_h2 {
    color: #00eacf;
    font-size: 20px;
    background: #003e3d;
    position: absolute;
    width: 100%;
    /*max-width: 900px;*/
    bottom: 0;
    opacity: 0.9;
    padding: 11px 10px;
    letter-spacing: 1px;
    line-height: 28px;
    font-weight: bolder;
    right: 0;
}

.kanban li .kanban_h2p {
    font-size: 15px;
    color: #FFF;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-top: 7px;
    font-weight: 100;
}

h3.h3_title {
    clear: both;
    display: block;
    font-size: 32px;
    line-height: 1.8em;
    color: #333;
    padding: 30px 0 20px 0;
    text-align: center;
}

.scribe {
    display: block;
    width: 30px;
    text-align: left;
    border: 2px solid #f49e22;
    margin: 0 auto;
}

.sidebar_left, .sidebar_right {
    width: 50%;
    max-width: 50%;
    float: left;
}

small.date {
    display: inline-block;
    font-size: 13px;
    color: #333;
    margin-left: -3px;
    background: #FFF;
    padding-left: 5px;
    padding-right: 10px;
}

.sidebar_left ul li p.hr, p.hr span, p.hr small.date {
    position: relative;
}

    .sidebar_left ul li p.hr:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #666;
        top: 50%;
        z-index: 0;
    }

.sidebar_left ul li {
    margin-bottom: 20px;
    margin-right: 10px;
}

h4 {
    color: #48b6a5;
    font-size: 16px;
    margin-top: 8px;
    line-height: 18px;
}

    h4:hover {
        color: #00796B;
    }

p.p_content, .recommend p, .theme_sidebar_L p, .theme_sidebar_R p {
    color: #666;
    font-size: 14px;
}

    p.p_content:hover, .recommend p:hover, .theme_sidebar_L p:hover, .theme_sidebar_R p:hover {
        color: #000;
    }

.sidebar_right ul {
    margin-top: 16px;
    display: inline-table;
}

    .sidebar_right ul li {
        display: inline-block;
        margin-left: 8px;
        margin-bottom: 10px;
    }

        .sidebar_right ul li img {
            width: 230px;
            height: 153px;
        }

        .sidebar_right ul li div {
            border: 1px solid #FFF;
            position: absolute;
            width: 180px;
            text-align: left;
            margin: 14px;
            padding: 10px;
            max-height: 105px;
            background: #333;
            opacity: 0.8;
            overflow: hidden;
            line-height: 21px;
        }

            .sidebar_right ul li div.h4n {
                display: none;
            }

            .sidebar_right ul li div.active {
                display: block;
            }

            .sidebar_right ul li div h4 {
                color: #FFF;
                font-size: 16px;
                text-shadow: 2px 2px 2px rgba(0,0,0,0.9);
                margin: 0;
                line-height: 21px;
            }

img {
    display: block;
}

article.background01 {
    background-image: url(../images/background01.png);
    width: 100%;
    height: 380px;
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 20px;
    padding-bottom: 70px;
}

h3.h3_color {
    color: #FFF;
}

ul.unpacking {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

.unpacking li {
    display: table-cell;
    padding: 0 6px 0 6px;
}

    .unpacking li img {
        box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
        -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
        width: 228px;
        height: 152px;
    }

    .unpacking li h4, .unpacking li p {
        max-width: 230px;
        line-height: 23px;
    }

    .unpacking li h4 {
        color: #F39E21;
        font-size: 16px;
    }

        .unpacking li h4:hover, .unpacking li p:hover, .recommend ul div a:hover, .arrow_LR_small ul img:hover, .recommend ul img:hover {
            opacity: 0.7;
        }

    .unpacking li p {
        color: #FFF;
        font-size: 14px;
    }

.arrow_LR_small {
    position: relative;
}

.background01 a.bx_prev, .background01 a.bx_next {
    top: 65%;
}

.background01 a.bx_prev {
    left: -60px;
}

.background01 a.bx_next {
    right: -60px;
}

a.arrow_left_s03, a.arrow_right_s04 {
    position: absolute;
    width: 12px;
    height: 22px;
    z-index: 1;
    background-repeat: no-repeat;
}

.arrow_left_s03 {
    background-image: url(../images/products/arrow_s_left_07.png);
    left: -30px;
    top: 70%;
}

.arrow_right_s04 {
    background-image: url(../images/products/arrow_s_right_07.png);
    right: -30px;
    top: 70%;
}

div.product {
    position: relative;
}

    div.product ul {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        position: relative;
        margin-top: 10px;
        margin-bottom: 50px;
    }

.product li {
    display: table-cell;
    padding: 0 27px 0 27px;
    text-align: center;
}

    .product li a {
        font-size: 16px;
        color: #009688;
    }

        .product li a:hover {
            color: #333;
        }

li i.icon_product {
    width: 83px;
    padding-top: 100px;
    background-repeat: no-repeat;
    display: block;
}

.icon_p01 {
    background-image: url(../images/icon_product/icon_p01.png);
}

    .icon_p01:hover {
        background-image: url(../images/icon_product/icon_p01_02.png);
    }

.icon_p01_collapse_hover {
    background-image: url(../images/icon_product/icon_p01_02.png);
}

.icon_p02 {
    background-image: url(../images/icon_product/icon_p02.png);
}

    .icon_p02:hover {
        background-image: url(../images/icon_product/icon_p02_02.png);
    }

.icon_p02_collapse_hover {
    background-image: url(../images/icon_product/icon_p02_02.png);
}

.icon_p03 {
    background-image: url(../images/icon_product/icon_p03.png);
}

    .icon_p03:hover {
        background-image: url(../images/icon_product/icon_p03_02.png);
    }

.icon_p03_collapse_hover {
    background-image: url(../images/icon_product/icon_p03_02.png);
}

.icon_p04 {
    background-image: url(../images/icon_product/icon_p04.png);
}

    .icon_p04:hover {
        background-image: url(../images/icon_product/icon_p04_02.png);
    }

.icon_p04_collapse_hover {
    background-image: url(../images/icon_product/icon_p04_02.png);
}

.icon_p05 {
    background-image: url(../images/icon_product/icon_p05.png);
}

    .icon_p05:hover {
        background-image: url(../images/icon_product/icon_p05_02.png);
    }

.icon_p05_collapse_hover {
    background-image: url(../images/icon_product/icon_p05_02.png);
}

.icon_p06 {
    background-image: url(../images/icon_product/icon_p06.png);
}

    .icon_p06:hover {
        background-image: url(../images/icon_product/icon_p06_02.png);
    }

.icon_p06_collapse_hover {
    background-image: url(../images/icon_product/icon_p06_02.png);
}

.icon_p07 {
    background-image: url(../images/icon_product/icon_p07.png);
}

    .icon_p07:hover {
        background-image: url(../images/icon_product/icon_p07_02.png);
    }

.icon_p07_collapse_hover {
    background-image: url(../images/icon_product/icon_p07_02.png);
}

.icon_p08 {
    background-image: url(../images/icon_product/icon_p08.png);
}

    .icon_p08:hover {
        background-image: url(../images/icon_product/icon_p08_02.png);
    }

.icon_p08_collapse_hover {
    background-image: url(../images/icon_product/icon_p08_02.png);
}

.icon_p09 {
    background-image: url(../images/icon_product/icon_p09.png);
}

    .icon_p09:hover {
        background-image: url(../images/icon_product/icon_p09_02.png);
    }

.icon_p09_collapse_hover {
    background-image: url(../images/icon_product/icon_p09_02.png);
}

.icon_p10 {
    background-image: url(../images/icon_product/icon_p10.png);
}

    .icon_p10:hover {
        background-image: url(../images/icon_product/icon_p10_02.png);
    }

.icon_p10_collapse_hover {
    background-image: url(../images/icon_product/icon_p10_02.png);
}

.icon_p11 {
    background-image: url(../images/icon_product/icon_p11.png);
}

    .icon_p11:hover {
        background-image: url(../images/icon_product/icon_p11_02.png);
    }

.icon_p11_collapse_hover {
    background-image: url(../images/icon_product/icon_p11_02.png);
}

.icon_p12 {
    background-image: url(../images/icon_product/icon_p12.png);
}

    .icon_p12:hover {
        background-image: url(../images/icon_product/icon_p12_02.png);
    }

.icon_p12_collapse_hover {
    background-image: url(../images/icon_product/icon_p12_02.png);
}

.recommend h4, .recommend p, .theme_sidebar_L h4, .theme_sidebar_R h4, .theme_sidebar_L p, .theme_sidebar_R p {
    line-height: 20px;
}

article div.recommend ul {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: inline-table;
    width: 100%;
}

.M_show_660 {
    display: none;
}

article div.recommend ul li {
    width: 310px;
    display: inline-block;
    margin: 0 4px 50px 4px;
}

    article div.recommend ul li img {
        width: 310px;
        height: 207px;
    }

    article div.recommend ul li span img {
        width: 50px;
        height: 50px;
    }

.recommend ul li span {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 5px 0 10px 0;
    opacity: 1;
}

    .recommend ul li span:hover {
        opacity: 0.8;
    }

    .recommend ul li span p {
        color: #000;
        position: absolute;
        margin: 0;
        top: 30%;
        left: 60px;
    }

.recommend ul div {
    margin: -1px 0;
    position: relative;
}
    /*.recommend ul div:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #666;
	top: 0%;
	z-index: 0;
}*/
    .recommend ul div a {
        background-color: #003e3d;
        color: #FFF;
        font-size: 14px;
        padding: 5px 20px;
        margin-right: 5px;
        display: inline-block;
    }

article .theme div {
    position: relative;
    display: table;
}

div.theme_box02, div.theme_box01 {
    width: 100%;
    /*max-width: 800px;*/
    margin-left: auto;
    margin-right: auto;
}

div.theme_box01 {
    margin-top: 30px;
    margin-bottom: 20px;
}

div.theme_box02 {
    margin-top: 10px;
    margin-bottom: 60px;
}

    div.theme_box02 a {
        position: relative;
        display: block;
        margin-left: auto;
        margin-right: auto;
        z-index: 1;
    }

    div.theme_box01:before, div.theme_box01:after, div.theme_box02:before, div.theme_box02:after {
        position: absolute;
        content: '';
        display: block;
        width: 50%;
        height: 30px;
        z-index: 0;
    }

div.theme_box01:before, div.theme_box01:after {
    border-top: 1px solid #666;
    bottom: 25px;
}

div.theme_box02:before, div.theme_box02:after {
    border-bottom: 1px solid #666;
    bottom: 25px;
}

div.theme_box01:before, div.theme_box02:before {
    left: 0;
    border-left: 1px solid #666;
}

div.theme_box01:after, div.theme_box02:after {
    right: 0;
    border-right: 1px solid #666;
}

.h3_theme {
    background-color: #FFF;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

article .theme_sidebar_L, article .theme_sidebar_R, article .theme_content {
    float: left;
}

article .theme_sidebar_L, article .theme_sidebar_R {
    max-width: 25%;
    width: 220px;
}

    article .theme_sidebar_L li, article .theme_sidebar_R li {
        margin-bottom: 20px;
        width: 220px;
    }

        article .theme_sidebar_L li img, article .theme_sidebar_R li img {
            width: 220px;
            height: 147px;
        }

article .theme_content {
    width: 50%;
    margin: 0 10px;
    position: relative
}

    article .theme_content img {
        width: 500px;
        height: auto;
        /*max-height:333px;*/
    }

    article .theme_content div {
        position: absolute;
        color: #FFF;
        font-size: 20px;
        background: #009688;
        position: absolute;
        width: 75%;
        max-width: 940px;
        bottom: -70px;
        opacity: 0.9;
        padding: 15px 20px;
        letter-spacing: 1px;
        line-height: 30px;
        left: 42px;
        right: 42px;
    }

        article .theme_content div:hover {
            background: #00796B;
        }

article .theme_button_a {
    display: table;
    position: relative;
}

/*暫時註解舊「品牌」上線區塊 start*/
/*div.Brands {
    position: relative;
}

    div.Brands ul {
        width: 100%;
    /*margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
	margin-bottom: 70px;/
    }

.Brands li {
    display: table-cell;
    /*padding: 0 21px 0 21px;/
}

    .Brands li img {
        width: 150px;
        height: 150px;
    }*/
/*暫時註解舊「品牌」上線區塊 end*/

/*------------- 我的收藏 ---------------------*/
.li_side .tag_new_B {
    position: relative;
}

ul li.li_side .date {
    padding: 10px 0 0px 0;
}

ul li.li_side span.date a {
    color: #666;
    font-size: 14px;
}

ul li.li_side .date a:hover {
    color: #000;
}

ul li.li_side .pinit {
    display: block;
    width: 100%;
    height: 57px;
    background-color: #fff;
}

    ul li.li_side .pinit a i {
        display: inline-block;
        width: 30px;
        height: 30px;
        content: "555";
        background-color: #ce2b6b;
        border-radius: 50%;
        color: #fff;
        font-size: 16px;
        line-height: 32px;
        box-sizing: border-box;
        margin-right: 5px;
    }

    ul li.li_side .pinit a:hover i {
        background-color: #fff;
        color: #ce2b6b;
    }

    ul li.li_side .pinit a.more {
        display: block;
        width: 90%;
        border: 1px solid #ce2b6b;
        margin: 0 auto;
        color: #ce2b6b;
        text-align: center;
        font-size: 16px;
        line-height: 45px;
    }

        /*div.history_project #lnkNotLogin_big{
	display: block;
    width: 90%;
    border: 0px solid #ce2b6b;
    margin: 0 auto;
    color: #ce2b6b;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    cursor:pointer;
	}*/
        /*div.history_project	ul li.li_side .pinit {
    display: block;
    width: 100%;
    height: 30px;
    background-color: #fff;
    padding-top:0px;
}*/
        /*div.history_project #lnkNotLogin_big:hover{
	background-color: #ce2b6b;
    color: #fff;
	}*/

        ul li.li_side .pinit a.more:hover {
            background-color: #ce2b6b;
            color: #fff;
        }

ul li.li_side div.B_hover strong {
    color: #48b6a5;
    margin-bottom: 5px;
    margin-top: 5px;
}

    ul li.li_side div.B_hover strong:hover {
        color: #00796B;
    }
/*------------- 我的收藏 end ---------------------*/
.history_project .bx-wrapper .bx-viewport {
    background-color: transparent;
}
/*------------居家首頁 大於 960px end -----------------*/
/*------------居家-產品專區 product_pages.html  <body id="P_pages"> 大於 960px  -----------------*/
/*導覽*/
.pages_color .headerimg, .pages_color .headerimg img {
    border-radius: 0;
}

.pages_color .borderheadline {
    background-color: #003e3d;
}

.pages_color .borderheadline_fix {
    background-color: #eaeaea;
    box-shadow: 2px 5px 8px rgba(7%, 7%, 7%, 0.3);
}
.Layout2024 .pages_color .borderheadline_fix {
    border-top: 0;
    top: 55px;
}

.Layout2024 .brandIndex .borderheadline_fix {
    display: none;
}
.Layout2024.IsMobile .brandIndex .borderheadline_fix {
    display: block;
}

.pages_color .container .borderheadline a.DesignerIntro_nowMenu, .pages_color .btn_green_square, .pages_color .profile a.title_fix, .pages_color .container .borderheadline_fix a.DesignerIntro_nowMenu, #P_list .profile a.title_fix {
    color: #009688;
}
/*.pages_color .profile a:hover, .pages_color .container .borderheadline a.DesignerIntro_nowMenu, .pages_color .btn_green_square, .pages_color .profile a.title_fix, .pages_color .container .borderheadline_fix a.DesignerIntro_nowMenu {
	color: #000;
}*/
.pages_color .profile a:hover {
    color: #009688 !important;
}

.pages_color .action a:hover {
    background-color: #00796B;
    border: 1px solid #009688;
    color: #FFF !important;
}

.pages_color .borderheadline .btn_green_square {
    border: 1px solid #FFF;
    color: #FFF;
}

/*.pages_color .borderheadline_fix .profile .nav {
	border-left: 1px solid #003e3d;
}*/
/*導覽 end*/
/*.pages_color .profile h2 a {
	top: -70px;
}*/
.pages_color .interview .btn_green {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}
/*------------居家-產品專區 product_pages.html  <body id="P_pages"> 大於 960px end -----------------*/

/*------------居家-產品列表 product_list.html <body id="P_list"> 大於 960px -----------------*/
/*導覽*/
#P_list .borderheadline, #P_list .borderheadline_fix, #P_video .borderheadline {
    background-color: #003e3d;
}

.Layout2024 #P_list .borderheadline_fix, .Layout2024 #product_b .borderheadline_fix {
    background-color: #eaeaea;
    box-shadow: 2px 5px 8px rgba(7%, 7%, 7%, 0.3);
    border-top: 0;
    top: 55px;
}

#P_list .container .borderheadline a.DesignerIntro_nowMenu, #P_list .profile span a.title_fix, #P_list .container .borderheadline_fix a.DesignerIntro_nowMenu {
    color: #FFF;
}
/*#P_list .profile a:hover, #P_list .container .borderheadline a.DesignerIntro_nowMenu, #P_list .btn_green_square, #P_list .profile span a.title_fix, #P_list .container .borderheadline_fix a.DesignerIntro_nowMenu{
	color: #000;
}*/
#P_list .profile a:hover {
    color: #009688 !important;
}

#P_list .action a:hover {
    background-color: #00796B;
    border: 1px solid #00796B;
    color: #FFF !important;
}
/*#P_list .btn_green_square {
	border: 1px solid #FFF;
}*/
/*#P_list .borderheadline_fix .profile .nav  {
	border-left: 1px solid #003e3d;
}*/
/*導覽 end*/
#P_list .wrapper100 {
    width: 100%;
    margin: 0 auto;
}

#P_list .profile_width, #P_video .profile_width {
    max-width: 960px;
    font-size: 16px;
}

#P_list h3.h3_p_list {
    padding: 70px 0 20px 0;
}

#P_list .collapse_box {
    width: 960px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 14px !important;
}

#P_list .collapse {
    padding: 0 10px;
    display: inline-table;
}

    #P_list .collapse div a:first-child, #P_All .collapse div a:first-child {
        display: block;
    }

#P_list .product li {
    padding: 0;
    margin: 0px 5px;
    margin-bottom: 30px;
}

#P_list .history_project {
    padding-bottom: 0;
}

#P_list .collapse a, #P_All .collapse a {
    margin: 7px 0;
}

    #P_list .collapse a.active {
        background-color: #f49e22;
        color: #fff;
    }

#P_list div.product ul {
    margin-top: 30px;
    width: 960px;
    text-align: center;
}

#P_list footer, #P_video footer {
    margin-top: 0;
}

#P_list .li_side img {
    max-height: 206px;
    margin: 0 auto;
    max-width: 300px;
}

#P_list .wrapper {
    width: 100%;
    max-width: 960px;
}

#P_list div.theme_box02:before, #P_list div.theme_box02:after {
    border: 0px;
}

.history_project ul li div.B_hover:hover {
    background-color: #fff;
    cursor: inherit;
}

#P_list .product .page_view_inner a {
    display: inline-block;
}

#P_list .page_view_inner { /*background-color: #eaeaea;*/
    margin: 0;
    padding-bottom: 20px;
    max-width: 100%;
}

/*#P_list .product .page_view_inner a { display: inline-block; }
#P_list .page_view_inner { max-width:960px; margin-top: 40px; margin-bottom: 100px; }
/*#P_list div.theme_box02:before, #P_list div.theme_box02:after { border:0px; }
#P_list .li_side img { max-height:206px; }
#P_list .collapse a.active {background-color: #f49e22; color: #fff;}
#P_list .wrapper { width:100%;}*/

/*------------居家-產品列表 product_list.html <body id="P_list"> 大於 960px end -----------------*/

/*------------居家-全站產品列表 product_All.html <body id="P_All"> 大於 960px -----------------*/
#P_All h4 {
    margin: 25px auto;
    letter-spacing: 2px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px solid #ccc;
    display: table;
    padding-bottom: 5px;
}

#P_All h3.h3_title {
    padding: 10px 0 20px 0;
}

#P_All div.product ul.pAll_icon {
    width: 960px;
    margin-top: 0;
    margin-bottom: 0;
}

#P_All .product .pAll_icon li {
    display: inline-block;
    margin-bottom: 20px;
    padding: 0 43px 0 43px;
    width: 74px
}

#P_All .pAll_icon li i.icon_product {
    width: 70px;
    padding-top: 85px;
    background-repeat: no-repeat;
    display: block;
    background-size: contain;
    max-width: 100%;
    margin: 0 auto;
}

#P_All .collapse_box {
    width: 960px;
    margin-top: 0;
    font-size: 14px;
}

#P_All .collapse {
    padding: 0;
}

#P_All .p_keyword {
    padding: 2px 15px;
    margin: 10px 0 0;
    width: 100%;
    float: left;
    display: inline-block;
}

    #P_All .p_keyword p {
        float: inherit;
        vertical-align: middle;
        line-height: 22px;
        color: #888;
        padding-top: 6px;
    }

    #P_All .p_keyword a {
        color: #888;
    }

        #P_All .p_keyword a:hover {
            color: #333;
            background-color: transparent;
        }

#P_All .product li {
    padding: 0 5px 0 5px;
    margin-bottom: 20px;
}

#P_All .history_project {
    background-color: transparent;
    padding-bottom: 0;
}

    #P_All .history_project ul {
        margin-bottom: 10px;
    }

#P_All .submenu ul {
    margin-bottom: 0;
    display: inline;
}

    #P_All .submenu ul li {
        border: 1px solid #F49E22;
        font-size: 14px;
        color: #F49E22;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 10px 30px;
    }

        #P_All .submenu ul li:hover {
            background-color: #F49E22;
            color: #FFF;
        }

#P_All div.theme_box01 {
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
    max-width: 100%;
}

#P_All div.theme_box02 {
    position: relative;
}

div.theme_box01:before, div.theme_box01:after, div.theme_box02:before, div.theme_box02:after {
    height: 15px;
}

div.theme_box01:before, div.theme_box02:before {
    border-left: 1px solid #F49E22;
}

div.theme_box01:before, div.theme_box01:after {
    border-top: 1px solid #F49E22;
}

div.theme_box01:after, div.theme_box02:after {
    border-right: 1px solid #F49E22;
}

div.theme_box02:before, div.theme_box02:after {
    border-bottom: 1px solid #F49E22;
    bottom: 55px;
}

#P_All div.theme_box01:before, #P_All div.theme_box01:after {
    bottom: -15px;
}

#P_All .product .page_view_inner a {
    /*font-size: inherit;*/
    /*--color: inherit;--*/
}

    #P_All .product .page_view_inner a:hover {
        color: ivory;
    }

#P_All .page_view_inner {
    max-width: 960px;
    margin-top: 40px;
    margin-bottom: 100px;
}
/*--#P_All div.product .page_view_inner  {
	margin-bottom: 0;
}--*/
#P_All .product .page_view_inner a {
    display: inline-block;
    margin-bottom: 0;
}

    #P_All .product .page_view_inner a.page_view_icon:hover {
        color: #999;
        background-color: transparent;
    }

#P_All .page_view_inner .page_allResult {
    float: inherit;
}

#P_All .history_project ul li div.B_hover {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
/*#P_All .history_project ul li div.B_hover:hover {
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}*/
#P_All .li_side img {
    max-height: 206px;
    max-width: 310px;
    margin: 0 auto;
}

/*------------居家-全站產品列表 product_All.html <body id="P_All"> 大於 960px end -----------------*/
/*------------居家-影音 product_video.html <body id="P_video"> 大於 960px -----------------*/
#P_video .wrapper {
    max-width: 960px;
    margin: 0 auto;
}

.video_time {
    padding: 0 8px;
    position: absolute;
    width: auto;
    right: 0;
}

#P_video .event_content {
    margin: 80px 0 30px 0;
}

#P_video .product li {
    padding: 0;
    margin: 0px 5px;
    margin-bottom: 30px;
    width: 300px;
    height: 250px;
    overflow: hidden;
}

#P_video .history_project ul li strong {
    padding: 0px 0px 13px 0px;
}

#P_video .history_project {
    background-color: transparent;
}

    #P_video .history_project ul li, #P_video .history_project ul li .date {
        text-align: left;
    }

#P_video a.video_field_img {
    display: block;
    width: 300px;
    position: relative;
}

.video_field_img:hover:before {
    background-image: url(../images/video/big_play_black.png);
}

.video_field_img:before {
    content: "";
    display: block;
    width: 97px;
    height: 97px;
    z-index: 2;
    background-image: url(../images/video/big_play_white.png);
    position: absolute;
    left: 35%;
    top: 25%;
}

#P_video div.product ul {
    margin-top: 0px;
    margin-bottom: 0;
    width: 960px;
    text-align: center;
}

.design_color .borderheadline_fix .profile .nav {
    border-left: 1px solid #21262a;
}

.design_color .profile .nav ul li a:hover {
    color: #00796B;
}

/*----影音推薦 BEGIN-----*/
/*.products_VideoRecommend{max-width: 1200px; margin: 0 auto;}*/
.product_content .products_VideoRecommend h2 {    display:block;font-size: 1.8em;line-height: 2em;font-weight: 500;text-align: center;}
.homeowner_witness_container{display:flex;box-sizing: border-box;justify-content: space-between;margin-top: 20px;}

.product_content .products_VideoRecommend a { font-weight: 500; }
    .product_content .products_VideoRecommend a:hover {
        color: #009688;
    }

.homeowner_witness_container img{max-width:100%;max-height: 100%; position: absolute;left: 0;top: 0; padding: 0;right: 0;margin: auto;}

.main_witness_desc , .witness_column{display:block;width:48%;}

.main_witness_desc{display: block;    position: relative;display: block;   overflow: hidden; position: relative; }
.main_witness_desc a {display: block;    width: 100%;   overflow: hidden; position: relative; }
.witness_desc_img{display: block;    width: 100%;    height: 0;    padding-bottom: 66.6%;    overflow: hidden; position: relative; }

.witness_desc{display: flex;}


.witness_column .witness_desc  {display:flex;position: relative;justify-content: space-between;flex-wrap:wrap;position: relative;padding-bottom:11px;box-sizing: border-box;border-bottom: 1px solid #000;margin-bottom:11px;}
.witness_column .witness_desc+.witness_column .witness_desc{margin-bottom:0px;}
.witness_column .witness_desc_img{width:45%;height: 0;    padding-bottom:30%;    overflow: hidden;    position: relative;}
.witness_column .witness_title{width:52%;position: relative;}


.witness_column .witness_desc .witness_title{display: block;position: relative; }
.witness_column .witness_desc .witness_title a{display: block; position: relative;}



.main_witness_desc .witness_desc_img:before{display:block;content: ""; width:100%; height:90px;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);position: absolute;bottom: 0;z-index: 2;}
.main_witness_desc em.play {display: block;width:100px;height:100px;font-size: 30px;line-height:98px;padding-left: 5px;  transition: all .3s;    border-radius: 100%;box-sizing: border-box;background: rgba(0,0,0,.3);border: 2px solid #fff;right: 0;left:0px;top: 0;bottom: 0;margin: auto;position: absolute;z-index:99;color: #fff;text-align: center;}
.main_witness_desc a:hover .play{background-color: #fff;color: #000;}
.main_witness_desc h3{display: block;padding: 10px 20px; color: #fff; font-weight: 500; position: absolute;bottom:0px;z-index: 5;font-size: 1.25em;}

.main_witness_desc em.play {display: block;width:100px;height:100px;font-size: 30px;line-height:98px;padding-left: 5px;  transition: all .3s;    border-radius: 100%;box-sizing: border-box;background: rgba(0,0,0,.3);border: 2px solid #fff;right: 0;left:0px;top: 0;bottom: 0;margin: auto;position: absolute;z-index:99;color: #fff;text-align: center;}
.main_witness_desc a:hover .play{background-color: #fff;color: #000;}

.witness_column .witness_desc em.play {display: block; width: 55px; height: 55px;border: 2px solid #fff;  border-radius: 100%;line-height: 50px;text-align:center;font-size: 20px;padding-left: 5px;  transition: all .3s; box-sizing: border-box; right: 0;right: 0;left: 0px;top: 0;bottom: 0;margin: auto;position: absolute;z-index: 10;background: rgba(0, 0, 0, .3);color: #fff;}

.witness_column .witness_desc a:hover .play {background-color: #fff; color: #000;}


/*----影音推薦 END-----*/

.products_VideoRecommend .shi-play {
    background-size: 40%;
    background-repeat: no-repeat;
/*    background-position: 45% center;*/
    min-height: auto;
    width: 100%;
    height: 100%;
    border: 0;
}
.products_VideoRecommend a:hover .shi-play {
    filter: invert(0);
}

/*------------居家-影音 product_video.html <body id="P_video"> 大於 960px end -----------------*/


@media (max-width: 960px) {
    /*------------居家首頁 小於 960px  -----------------*/

    .container .wrapper {
        width: 100%;
    }

    .wrapper .kanban li img {
        width: 100%;
    }

    .kanban li .kanban_h2p {
        display: none;
    }

    .kanban li .kanban_h2 {
        width: 98%;
        padding: 10px 1%;
    }

    .sidebar_left ul li {
        margin-right: 0;
    }

    .sidebar_left, .sidebar_right {
        width: 100%;
        max-width: 100%;
        float: inherit;
        margin-bottom: 30px;
    }

    .sidebar_right {
        text-align: center;
    }

    .sidebar_left ul {
        margin-left: 50px;
        margin-right: 50px;
    }

    .sidebar_right ul {
        width: 70%;
        margin-top: 0;
    }

        .sidebar_right ul li {
            margin: 15px;
        }

    .arrow_LR_small ul {
        width: 88% !important;
    }

    .unpacking li {
        padding: 0 6px 0 6px;
    }

    .background01 a.bx_prev {
        left: 0px;
    }

    .background01 a.bx_next {
        right: 0px;
    }

    .arrow_left_s03 {
        left: 80px;
    }

    .arrow_right_s04 {
        right: 80px;
    }

    div.product ul {
        width: 72%;
    }

    .M_show_660 {
        display: block;
    }

    article .recommend {
        position: relative;
    }

    article div.recommend ul {
        overflow: hidden;
        position: relative;
        display: block;
        width: 77%;
    }

        article div.recommend ul li {
            display: table-cell;
            padding: 0 20px 0 28px;
        }

    article .theme div {
        margin-left: auto;
        margin-right: auto;
    }

    article .theme_sidebar_L, article .theme_sidebar_R, article .theme_content {
        float: inherit;
    }

        article .theme_sidebar_L li, article .theme_sidebar_R li {
            display: inline-block;
            width: 220px;
            margin: 0 18px 50px 40px;
        }

    article .theme_sidebar_L, article .theme_sidebar_R {
        max-width: 100%;
        width: auto;
    }

        article .theme_sidebar_L ul, article .theme_sidebar_R ul {
            margin-left: auto;
            margin-right: auto;
            display: table;
        }

    article .theme_content {
        margin-bottom: 120px;
    }

    div.theme_box01 {
        margin-top: 60px;
    }

    div.theme_box02, div.theme_box01 {
        width: 71%;
    }

    div.Brands ul {
        width: 580px;
    }

    .arrow_left_s01 {
        left: 10px;
    }

    .arrow_right_s02 {
        right: 10px;
    }

    .arrow_left_s03 {
        left: 10px;
    }

    .arrow_right_s04 {
        right: 10px;
    }

    .recommend ul div a {
        background-color: #003e3d;
        color: #FFF;
        font-size: 14px;
        padding: 5px 15px;
        margin-right: 5px;
        display: inline-block;
    }
    /*------------居家首頁 小於 960px end-----------------*/

    /*------------居家-產品列表 product_list.html <body id="P_list"> 小於 960px -----------------*/
    #P_list .collapse_box, #P_list div.product ul {
        width: 100%;
    }

    #P_list .product li {
        float: initial;
        margin: 0px 10px;
        margin-bottom: 30px;
    }
    /*------------居家-產品列表 product_list.html <body id="P_list"> 小於 960px end -----------------*/

    /*------------居家-全站產品列表 product_All.html <body id="P_All"> 小於 960px  -----------------*/
    #P_All div.product ul.pAll_icon, #P_All .collapse_box, #P_All .submenu ul {
        width: 100%;
        max-width: 100%;
    }

    #P_All div.product ul.pAll_icon {
        text-align: center;
    }

    #P_All .collapse_box {
        margin: 0 0px;
    }

    #P_All .collapse {
        max-height: 100%;
    }

    #P_All div.theme_box02, #P_All div.theme_box01 {
        width: 96%;
        max-width: 96%;
    }

    #P_All .history_project ul {
        width: 86%;
        margin: 0 auto;
        text-align: center;
    }

        #P_All .history_project ul li {
            float: inherit;
        }
    /*------------居家-全站產品列表 product_All.html <body id="P_All"> 小於 960px end -----------------*/

    /*------------居家-影音 product_video.html <body id="P_video"> 小於 960px -----------------*/
    #P_video .history_project ul li {
        float: inherit;
        height: auto;
        display: inline-table;
        vertical-align: top;
    }

    #P_video div.product ul {
        width: 100%;
    }

    /*------------居家-影音 product_video.html <body id="P_video"> 小於 960px end -----------------*/



}



.ad_photo:hover img {5
    transform: scale(1.07);
    transition: all .3s;
}

/*輪播區塊*/
.topic_slideshow {
    display: block;
    width: 100%;
    height: 700px;
    overflow: hidden;
    background-color: #282828;
    position: relative;
}

.topic_box {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

.topic_img a {
    display: block;
    width: 100%;
    height: 700px;
    background-image: url(../images/imgsys20200228145915370.jpg);
    background-position: 50% 50%;
    background: no-repeat;
    background-position: center;
}

.topic_subject {
    display: block;
    width: 33%;
    height: 700px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.6);
    padding: 35px;
    color: #fff;
    box-sizing: border-box;
}

    /*輪播區塊標題*/
    .topic_subject h2 a {
        display: block;
        font-size: 2.25em;
        color: #fff;
        font-weight: 500;
    }

        .topic_subject h2 a:hover {
            color: #009688;
        }

    /*日期*/
    .topic_subject i {
        display: inline-block;
        margin-top: 10px;
        padding-top: 5px;
        border-top: 3px solid #009688;
        font-size: 14px;
    }

/*輪播區塊頁碼*/
.switch_view {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 15px;
    right: 40px;
}

    .switch_view a {
        display: inline-block;
        color: #fff;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        margin: 3px;
        text-decoration: underline;
        font-size: 14px;
        line-height: 30px;
        text-align: center;
    }

        .switch_view a:hover, .switch_view_selected {
            background-color: #009788;
            border-radius: 100%;
            text-decoration: none;
        }

/*內容區塊樣式設定*/
#wrapper {
    color: #333;
}

.product_content a {
    color: #333;
}

.product_content h2 {
    display: inline-block;
    font-size: 1.8em;
    line-height: 2em;
    font-weight: 500;
    text-align: center;
}

.product_content section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
}

/*找產品*/
.search_fuction {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    max-width: 1200px;
    position: relative;
    flex-wrap: wrap;
}

    .search_fuction h2 {
        position: absolute;
        left: 0;
    }

/*產品搜尋數量*/
a.count {
    display: block;
    color: #009688;
    text-decoration: underline;
    position: absolute;
    right: 0;
    font-weight: 500;
    font-size: 1.25em;
    margin-top: 10px;
}

/*搜尋商品下拉選單*/
.from_row {
    line-height: 40px;
    margin-bottom: 30px;
    position: relative;
    margin: 5px 10px;
}

    .from_row select {
        display: inline-block;
        width: 250px;
        height: 40px;
        background-color: #fff;
        color: #000;
        border: 0;
        margin: 0 15px;
        font-size: 16px;
        padding: 5px 10px;
        box-sizing: border-box;
        border: 1px solid #333;
        font-weight: 600;
    }

.dropdown {
    display: inline-block;
    position: relative;
    float: left;
}

    .dropdown:before, .dropdown:after {
        content: '';
        position: absolute;
        z-index: 2;
        top: 15px;
        right: 25px;
        width: 0;
        height: 0;
        border: 4px dashed;
        border-color: #333 transparent;
        pointer-events: none;
    }

    .dropdown:before {
        border-bottom-style: solid;
        border-top: none;
    }

    .dropdown:after {
        margin-top: 10px;
        border-top-style: solid;
        border-bottom: none;
    }

    .dropdown select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        -ms-appearance: none;
    }

        .dropdown select::-ms-expand {
            display: none;
        }

    .dropdown option {
        margin: 3px;
        padding: 6px 8px;
        text-shadow: none;
        /*background: #141421;*/
        border-radius: 3px;
        cursor: pointer;
        line-height: 1.5em;
    }

/*搜尋商品結果*/
.results_list {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

    .results_list > div {
        display: block;
        width: 23%;
        margin-top: 30px;
        margin-bottom: 50px;
        position: relative;
    }

        .results_list > div > a {
            display: block;
        }

            .results_list > div > a:hover {
                color: #009688;
            }

.results_photo {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 67%;
    overflow: hidden;
}

    .results_photo img {
        width: 100%;
    }

.results_list div a:hover img {
    transform: scale(1.07);
    transition: all .3s;
}

.results_info {
    display: block;
}

    .results_info h3, .items_box h3 {
        font-size: 1.25em;
        font-weight: 500;
        margin-top: 10px;
    }

    .results_info p, {
        padding-bottom: 10px;
        border-bottom: 1px solid #333;
    }

#product_b .media_group {
    float: right;
    font-size: 14px;
    /*position: absolute;*/
    top: 100%;
    right: 0;
    bottom: 0;
}

/*好物推薦*/
.products_recommend {
    display: block;
    background-color: #efefef;
    text-align: center;
}

.recommend_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.post_items {
    display: inline-block;
    width: 30%;
    background-color: #fff;
    box-sizing: border-box;
    margin: 20px 0;
}

    .post_items a:hover .post_img img {
        transform: scale(1.07);
        transition: all .3s;
    }

.post_img {
    height: 0;
    padding-bottom: 67%;
    overflow: hidden;
}

    .post_img img {
        width: 100%;
    }

.post_items a h3 {
    display: block;
    font-size: 1.25em;
    font-weight: 500;
    padding: 10px 15px;
}

.post_items a:hover h3, .items_box a:hover {
    color: #009688;
}

/*好物廠商資訊*/
.post_about {
    display: block;
    width: 92%;
    overflow: hidden;
    border-top: 1px solid #333;
    margin: 0 auto;
    padding: 15px 0;
}

.post_logo a {
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 15px;
}

.post_logo img {
    width: 100%;
}

.post_info h4 a {
    display: block;
    font-weight: 500;
    font-size: 18px;
}

.post_info a.post_more {
    display: inline-block;
    padding: 3px 5px;
    border: 1px solid #999;
    margin: 10px 5px 0 0;
    font-size: 14px;
}

    .post_info a.post_more:hover {
        background-color: #009688;
        color: #fff;
        border-color: #009688;
    }

/*新品上線*/
.products_upload section {
    max-width: 1500px;
    text-align: center;
}

.new_items_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.items_box {
    width: 22%;
    margin: 20px 0;
}

    .items_box img {
        width: 100%;
        height: 100%;
    }

    .items_box a:hover img {
        transform: scale(1.07);
        transition: all .3s;
    }

/*品牌上線*/
.brand_upload section {
    position: relative;
    overflow: hidden;
}

.brand_upload h2 {
    display: block;
    text-align: center;
}

.brand_upload ul {
    display: flex;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
}

    .brand_upload ul li a {
        display: block;
        width: 140px;
        height: 140px;
        overflow: hidden;
        margin: 20px 25px;
        box-shadow: 0px 0px 3px #626262;
        overflow: hidden;
    }

        .brand_upload ul li a img {
            width: 100%;
        }

        .brand_upload ul li a:hover img {
            transform: scale(1.07);
        }

.arrow {
    position: absolute;
    padding: 1.8rem;
    box-shadow: 1px -1px 0 1px #333 inset;
    -webkit-box-shadow: 2px -2px #333 inset;
    border: solid transparent;
    border-width: 0 0 2rem 2rem;
    transition: .2s;
    z-index: 5;
}

.arrow-left {
    left: -20px;
    top: 37%;
}

.arrow-right {
    top: 37%;
    right: -20px;
    margin-right: 0;
}

/*------------居家管 改版 end-----------------*/

@media (max-width: 768px) {
    /*------------居家首頁 768px -----------------*/
    h3.h3_title {
        font-size: 26px;
    }

    .arrow_LR_small ul {
        width: 506px !important;
    }

    .unpacking li {
        padding: 0 8px 0 12px;
    }

    div.product ul {
        width: 550px;
    }

    article div.recommend ul {
        width: 310px;
    }

        article div.recommend ul li {
            padding: 0;
        }

    .Brands li {
        /*padding: 0 18px 0 18px;*/
        padding: 0;
    }

    .sidebar_right ul {
        width: 100%;
    }

    article div.recommend .bx-prev {
        background: url(../images/index_arrow_pre.png);
        width: 46px;
        height: 46px;
    }

    article div.recommend .bx-next {
        background: url(../images/index_arrow_next.png);
        width: 46px;
        height: 46px;
    }

    .pages_color .borderheadline_fix .nav ul li a {
        color: #333;
    }

    /*------------居家首頁 768px end -----------------*/
    /*------------居家-產品專區 product_pages.html  <body id="P_pages"> 768px  -----------------*/
    .pages_color .profile nav, .pages_color .profile .nav, #product_b .profile .nav {
        /*background-color: #c17200;*/
        /*background-color: #003e3d;*/
        background-color: transparent;
    }
    /*------------居家-產品專區 product_pages.html  <body id="P_pages"> 768px end -----------------*/

    /*------------居家-產品列表 product_list.html <body id="P_list"> 768px -----------------*/
    #P_list .profile nav, #P_list .profile .nav, #P_video .profile nav {
        background-color: transparent;
    }

    #P_list .product li {
        margin: 0;
        margin-bottom: 30px;
    }

    #P_list .li_side .tag_new {
        left: 0;
    }

    #P_list div.product ul {
        margin-top: 0;
    }

    #P_list .collapse_box {
        margin-top: 0px;
        margin-bottom: 20px;
        width: 80%;
    }

    #P_list .page_view_inner {
        width: 100%
    }

    /*------------居家-產品列表 product_list.html <body id="P_list"> 768px end -----------------*/

    /*------------居家-全站產品列表 product_All.html <body id="P_All"> 768px -----------------*/
    #P_All .submenu ul {
        display: block;
    }

    #P_All .history_project {
        margin-top: 30px;
    }

    #P_All .product li {
        padding: 0;
    }
    /*------------居家-全站產品列表 product_All.html <body id="P_All"> 768px end -----------------*/

    /*------------居家-影音 product_video.html <body id="P_video"> 768px -----------------*/
    #P_video .collapse {
        max-height: 100%;
    }

    /*------------居家-影音 product_video.html <body id="P_video"> 768px end -----------------*/

}

@media (max-width: 660px) {
    /*------------居家首頁 660px -----------------*/
    .M_hide_660 {
        display: none !important;
    }

    .sidebar_left h4, .sidebar_left p.p_content {
        line-height: 25px;
        letter-spacing: 1px;
    }

    .kanban li .kanban_h2p {
        display: none;
    }

    .kanban li .kanban_h2 {
        font-size: 16px;
        line-height: 20px;
    }

    .arrow_LR_small ul {
        width: 315px !important;
    }

    .unpacking li {
        padding: 0 5px 0 0;
    }

        .unpacking li h4, .unpacking li p {
            max-width: 310px;
            margin: 5px 10px 0 10px;
        }

        .unpacking li img {
            width: 310px;
            height: 207px;
        }

    .background01 a.bx_prev, .background01 a.bx_next {
        top: 45%;
    }

    .theme_box a.btn_green {
        width: 90%;
    }

    .sidebar_left ul {
        margin-left: 20px;
        margin-right: 20px;
    }

    .sidebar_right ul {
        width: 100%;
    }

    div.product ul {
        width: 410px;
    }

    div.theme_box02, div.theme_box01 {
        width: 100%;
    }

    div.Brands ul {
        width: 380px;
    }

    div.theme_box01:before, div.theme_box01:after, div.theme_box02:before, div.theme_box02:after {
        display: none;
    }
    /*------------居家首頁 660px end -----------------*/

    /*------------居家-全站產品列表 product_All.html <body id="P_All"> 660px -----------------*/
    #P_All div.theme_box01:before, #P_All div.theme_box01:after, #P_All div.theme_box02:before, #P_All div.theme_box02:after {
        display: block;
    }

    #P_All h4 {
        font-size: 18px;
    }

    #P_All .product li a {
        font-size: 14px;
    }

    #P_All .pAll_icon li i.icon_product {
        width: 50px;
        padding-top: 60px;
    }

    #P_All .product .pAll_icon li {
        padding: 0 13px 0 13px;
    }
    /*------------居家-全站產品列表 product_All.html <body id="P_All"> 660px end -----------------*/
    /*------------居家-影音 product_video.html <body id="P_video"> 660px -----------------*/
    #P_video a.video_field_img {
        display: inline-block;
        width: 100%;
    }

    #P_video .product li {
        margin: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    #P_video .history_project .B_hover {
        margin: 0 10px;
    }
    /*------------居家-影音 product_video.html <body id="P_video"> 660px end -----------------*/

    /*------------居家-產品專區 product_pages.html  <body id="P_pages"> 660px  ---------------*/
    .pages_color .btn_green_square {
        background-color: #FFF;
        border: 1px solid #003e3d;
        color: #003e3d !important;
    }

    .profile nav ul li:nth-child(1) a {
        border-left: 1px solid #ddd;
    }

    .profile nav ul li a {
        border-right: 1px solid #ddd;
    }
    /*------------居家-產品專區 product_pages.html  <body id="P_pages"> 660px end  -----------*/

}

@media (max-width: 480px) {
    /*------------居家首頁 480px -----------------*/
    .deco_ad {
        display: none;
    }

    .kanban li .kanban_h2p {
        display: none;
    }

    .kanban li .kanban_h2 {
        font-size: 14px;
        /*bottom: -50px;*/
    }

    span.AgreeAndRead {
        width: 250px;
    }

    table.MailTo textarea {
        width: 250px;
    }

    .Brands li {
        padding: 0;
    }

    div.product ul {
        width: 218px;
    }

    div.Brands ul {
        width: 150px;
    }

    .sidebar_left {
        /*margin-top: 50px;*/
        width: 93%;
        margin: 0 auto;
    }

    .sidebar_right {
        width: 93%;
        margin: 0 auto;
    }

    .sidebar_left ul {
        margin-left: 10px;
        margin-right: 10px;
    }

    .sidebar_right ul li {
        margin: 0 10px 20px 0px;
        width: 100%;
        height: auto;
    }

        .sidebar_right ul li img {
            width: 100%;
            height: auto;
        }

        .sidebar_right ul li div {
            width: auto;
            height: auto;
        }

    .arrow660_left {
        top: 45%;
    }

    .arrow660_right {
        top: 45%;
    }

    .product li {
        padding: 0 27px 0 8px;
    }

    article div.recommend h4, article div.recommend p, .recommend ul li span, .recommend ul div {
        margin-left: 10px;
        margin-right: 10px;
    }

    article .theme_content {
        width: 100%;
        margin-bottom: 20px;
    }

        article .theme_content img {
            width: 100%;
        }

        article .theme_content div {
            font-size: 14px;
            width: 94%;
            margin: 0 auto;
            max-width: 100%;
            bottom: 0;
            padding: 10px 12px;
            line-height: 20px;
            left: 0;
            right: 0;
        }

    div.theme_box01 {
        margin-top: 50px;
        margin-bottom: 0;
    }

    div.theme_box02 {
        width: 100%;
        margin-top: 0;
        margin-bottom: 50px;
    }

    .theme_box a.btn_green {
        margin-top: 0;
    }
    /*------------居家首頁 480px end-----------------*/

    /*------------居家-全站產品列表 product_All.html <body id="P_All"> 480px -----------------*/
    #P_All div.product .page_view_inner ul {
        width: 100%;
    }

    #P_All .p_keyword {
        padding: 5px;
    }

    /*------------居家-全站產品列表 product_All.html <body id="P_All"> 480px end -----------------*/

    #P_video .wrapper {
        max-width: 100%;
    }

    /*------------找設計師 nav 480px -----------------*/

    .borderheadline_fix .profile .nav {
        margin: 0 10px 0 58px;
    }

    .profile .nav ul li a {
        padding: 0 8px;
        color: #333;
    }
    /*------------找設計師 nav  480px end -----------------*/


}

/* code add begin*/
a.aboutme_btn {
    display: none;
}

.history_project {
    background-color: #fff;
}

.brandSocial {
    display: block;
    position: relative;
    left: 50%;
    margin-left: -200px;
    margin-bottom: 2em;
    width: 450px;
}
/*品牌專頁內容頁最上面黑bar的間距*/
#P_video .page_view_inner {
    margin: 0 auto 30px;
}
/*品牌影音分頁距離*/
.container .borderheadline a.BrandIntro_nowMenu, .container .borderheadline_fix a.BrandIntro_nowMenu {
    color: #009688 !important;
}

@media screen and (max-width: 768px) {
    .brandSocial {
        display: block;
        position: relative;
        left: 0;
        margin-left: 0;
        width: 100%;
    }
}

@media screen and (max-width: 660px) {
    a.aboutme_btn {
        display: block;
    }
}

@media screen and (max-width: 414px) {
    .pages_color .borderheadline {
        background-color: #fff;
    }

    .brandSocial .w_pocket {
        display: none;
    }
}

@media screen and (max-width: 320px) {
    .brandSocial .w_plurk {
        display: none;
    }
}

/* code add end*/


@media (max-width: 960px) {
    #product_b .SPicList {
        width: 90%;
    }

    #product_b .pdimg_B_img {
        width: 100%;
    }

        #product_b .pdimg_B_img li {
            width: 100%;
        }

    #product_b .BigProSlide {
        width: 90%;
    }

        #product_b .BigProSlide .SPicList .frame {
            width: 75%;
        }

        #product_b .BigProSlide .SPicList ul li {
            width: 65px;
        }

            #product_b .BigProSlide .SPicList ul li a {
                width: 65px;
            }

    .BigProSlide .SPicList ul li a {
        overflow: hidden;
    }
}

/*#product_b .background{
	background-image:url(../images/background.png);
}*/

#product_b .wrapper770 {
    width: 770px;
    margin: 0px auto;
    padding: 50px 0;
    line-height: 30px;
}
.Layout2024 #product_b .wrapper770 {
    padding: 60px 0;
}


    #product_b .wrapper770 div #clo {
        width: 35px;
        height: 35px;
        background-color: #AAA;
        /*position: absolute;*/
        right: 0;
        float: right;
        text-align: center;
        font-size: 16px;
        color: #FFF;
        line-height: 35px;
    }

#product_b .BeforeYouBuy {
    margin-bottom: 10px;
}

#product_b .ProductDes {
    padding-top: 7px;
}

#product_b .commentRW {
    width: 100%;
    float: left;
}

#product_b div.message {
    background-color: #eaeaea;
    width: 100%;
}

#product_b div#fbcomment {
    width: 100%;
}

.new_items_photo {
    width: 100%;
    height: 75%;
}

@media (max-width: 768px) {
    #product_b .ProductInfo, #product_b .ProNotice {
        width: 95%
    }

    #product_b .background {
        background-image: none;
    }

    #product_b .ProductDes {
        width: 98%;
    }

    .Layout2024 #product_b .wrapper770 {
        width: 90%;
        padding-top: 60px;
    }

    #product_b .ProductData1, .BigProSlide {
        width: 95%;
        float: none;
        margin: 0 auto;
    }

    #product_b .BeforeYouBuy {
        float: none;
    }

    #product_b .ProductDes img[src*=".jpg"] {
        width: 100% !important;
        height: auto !important;
    }
}

#product_b .BigProSlide {
    padding-left: 3px;
}


/*------------（mobile）居家管 改版 start-----------------*/

@media screen and (min-width:320px) and (max-width:1024px) {
    /*找產品下拉選單隱藏*/
    .products_sub {
        display: none;
    }

    /*輪播*/
    /*.topic_slideshow {
        margin-top: 50px;
    }*/
    /*內容區塊樣式設定*/
    .product_content section {
        padding: 50px 20px;
    }
    /*找產品*/
    .search_fuction h2 {
        left: 20px;
    }

    a.count {
        right: 20px;
    }

    .results_list > div {
        width: 48%;
    }

    .recommend_list {
        justify-content: space-between;
    }
    /*好物推薦*/
    .post_items {
        width: 48%;
    }
    /*品牌上線*/
    .arrow-left {
        left: 0px;
    }

    .arrow-right {
        right: 0px;
    }

    /*.brand_upload ul li a {
        margin: 25px;
    }*/


    /*******************影音推薦*******************/
    .products_VideoRecommend{padding:0px 20px;}
}

@media screen and (min-width:320px) and (max-width:800px) {
    /*輪播*/
    .topic_img a {
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 269px;
    }

    .topic_slideshow {
        height: 430px;
        position: relative;
    }

    .topic_box {
        height: 430px;
    }

    .topic_subject {
        width: 100%;
        height: 161px;
        padding: 20px;
    }

        .topic_subject h2 a {
            font-size: 2em;
        }

        .topic_subject i {
            display: none;
        }
    /*找產品*/
    .from_row select {
        width: 180px;
    }
    /*新品上線*/
    .items_box {
        width: 48%;
    }

    .brand_upload ul li a {
        margin: 20px 28px;
    }

    /*品牌上線*/
    /*.brand_upload section {
            padding-top: 0;
        }

        .brand_upload ul li:nth-child(n+4) {
            display: none;
        }

        .brand_upload ul li a {
            margin: 15px 30px;
        }

        .post_info a.post_more {
            display: none;
        }

        .arrow-left {
            ;
            top: 35%;
        }

        .arrow-right {
            top: 35%;
        }*/

    /*******************影音推薦*******************/
    .homeowner_witness_container, .witness_column .witness_desc {
        display: block;
    }
    .main_witness_desc, .witness_column{width: 100%;}
    .witness_column .witness_desc_img{width: 100%;   padding-bottom:66.6%;margin-bottom: 10px;  }
    .witness_column .witness_title{width: 100%;}
    .witness_column .witness_desc{margin-top:50px;border-bottom: 0;margin-bottom: 0;}
	 .main_witness_desc h3{position: relative;color: #000;margin-top: 10px;padding: 0;}
    .witness_title h3{font-size: 1.25em;font-weight: 500;}
    .witness_column .witness_desc em.play{ width: 100px;height: 100px;font-size: 30px;line-height: 98px;}
}

@media screen and (min-width:320px) and (max-width:640px) {
    /*輪播*/
    .topic_img a {
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 170px;
    }

    .topic_slideshow {
        height: 300px;
        position: relative;
    }

    .topic_box {
        height: 300px;
    }

    .topic_subject {
        width: 100%;
        height: 130px;
        padding: 20px;
    }

        .topic_subject h2 a {
            font-size: 1.25em;
        }

    /*找產品*/
    .search_fuction h2 {
        position: relative;
        display: block;
        width: 100%;
        left: 0;
    }

    a.count {
        position: relative;
        display: block;
        width: 100%;
        margin-top: 10px;
        text-align: center;
        right: 0;
    }

    .from_row select {
        width: 350px;
        margin-bottom: 20px;
    }

    .switch_view {
        right: 15px;
        bottom: 10px;
    }
    /*品牌上線*/
    /*.brand_upload ul li a {
            width: 130px;
            height: 130px;
        }

        .brand_upload ul li a {
            margin: 15px;
        }*/
}

@media screen and (min-width:320px) and (max-width:480px) {
    /*輪播*/
    .topic_slideshow {
        height: 300px;
        position: relative;
    }

    .topic_box {
        height: 300px;
    }

    .topic_subject {
        width: 100%;
        height: 130px;
        padding: 20px;
    }

        .topic_subject i {
            display: none;
        }

        .topic_subject h2 a {
            font-size: 1em;
        }
    /*找產品*/
    .from_row select {
        width: 300px;
    }

    .results_list > div {
        width: 100%;
    }
    /*新品上線*/
    .items_box {
        width: 100%;
    }
    /*好物推薦*/
    .post_items {
        width: 100%;
    }

    .brand_upload ul li a {
        width: 130px;
        height: 130px;
    }

    /*品牌上線*/
    /*.brand_upload ul li a {
            width: 130px;
            height: 130px;
        }

        .brand_upload ul li:nth-child(n+3) {
            display: none;
        }*/
}

@media screen and (min-width:320px) and (max-width:414px) {
    /*找產品*/
    .from_row select {
        width: 250px;
    }

    /*品牌上線*/
    /*.brand_upload ul li a {
            width: 150px;
            height: 150px;
        }

        .brand_upload ul li:nth-child(2n+1) {
            display: none;
        }*/
}

@media screen and (min-width:414px) and (max-width:414px) {
    /*輪播*/
    .topic_slideshow {
        height: 259px;
        position: relative;
    }

    .topic_box {
        height: 260px;
    }

    .topic_img a {
        height: 145px;
    }

    .topic_subject {
        width: 100%;
        height: 115px;
        padding: 20px;
    }
}

@media screen and (min-width:375px) and (max-width:375px) {
    /*輪播*/
    .topic_slideshow {
        height: 259px;
        position: relative;
    }

    .topic_box {
        height: 260px;
    }

    .topic_img a {
        height: 132px;
    }

    .topic_subject {
        width: 100%;
        height: 128px;
        padding: 20px;
    }
}

@media screen and (min-width:360px) and (max-width:360px) {
    /*輪播*/
    .topic_slideshow {
        height: 259px;
        position: relative;
    }

    .topic_box {
        height: 257px;
    }

    .topic_img a {
        height: 126px;
    }

    .topic_subject {
        width: 100%;
        height: 130px;
        padding: 20px;
    }
}

@media screen and (min-width:320px) and (max-width:320px) {
    /*輪播*/
    .topic_slideshow {
        height: 257px;
        position: relative;
    }

    .topic_box {
        height: 257px;
    }

    .topic_img a {
        height: 112px;
    }

    .topic_subject {
        width: 100%;
        height: 145px;
        padding: 20px;
    }
}

/*------------（mobile）居家管 改版 end-----------------*/