/*----影音首圖-----*/
.primary_video {
    display: block;
    width: 100%;
    max-height: 700px;
    background-color: #212121;
    position: relative;
    color: #fff;
    overflow: hidden;
}
/*----頁籤切換時display:none;-----*/
.primary_inner_box {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: relative;
    /*border: 1px solid #fff;*/
}

.company_info {
    display: inline-block;
    color: #fff;
    width: 70%;
    position: absolute;
    top: 20%;
    /*top: 10%;*/
    z-index: 11;
    /*    left: 50px;*/
    margin-left: 50%;
    left: calc(-1240px / 2 + 40px);
}
div.introduction div.designer_img {
    display: block;
    width: 200px;
    height: 200px;
    margin-right: 30px;
    float: none;
}
.designer_img {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-right: 30px;
    margin-top: 20px;
    float: left;
}

.designer_img img {
    width: 100%;
}

.designer_overview {
    width: 30%;
    padding-left: 50px;
    z-index: 5;
}
.designer_overview {
    width: 40%;
    padding-left: 50px;
    z-index: 5;
}

.designer_overview table tr {
    display: block;
    padding: 5px 0;
}

.designer_overview h3 {
    font-size: 1.25em;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 40px;
}
.sound {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 2%;
    right: 2%;
    z-index: 20;
}

    .sound a {
        font-size: 2.25em;
        color: #fff;
    }

/*----影音首圖標題-----*/
.about_video {
    display: inline-block;
    width: 40%;
}

    .about_video h2 {
        display: block;
        /*font-size: 2.25em;*/
        font-size: 2.19em;
        font-weight: 500;
        padding-bottom: 10px;
        border-bottom: 1px solid #fff;
    }

    .about_video h3, .about_designer h3 {
        /*font-size: 1.5em;*/
        font-size: 1.4em;
        margin-top: 10px;
        font-weight: 500;
    }

.primary_video .btn_pagination {
    display: block;
    text-align: end;
}

.btn a {
    color: #fff;
    font-size: 1.2em;
}

.play {
    display: inline-block;
    padding: 10px 0px;
}

    .play i {
        display: inline-block;
        background-color: #8e55cd;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        font-size: 15px;
        line-height: 40px;
        text-align: center;
        margin-right: 10px;
        padding-left: 3px;
        box-sizing: border-box;
        color: #fff;
    }

.view {
    display: inline-block;
    padding: 5px 30px;
    margin-left: 30px;
    border-radius: 3px;
    border: 1px solid #009688;
    background-color: rgba(0,150,136,.3);
}

    .view:hover {
        background-color: rgba(0,150,136,1);
    }

/*----上下頁BTN-----*/
.video-container {
    position: relative;
    /*padding-bottom: 56.25%;
    height: 0;*/
    overflow: hidden;
    opacity: .4;
    height: 700px;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        /*        top: -20%;*/
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*padding-bottom: 56.25%;*/
    }

    .video-container img {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        position: absolute;
        top: -20%;
    }

/*----影音首圖NAV-----*/
.guided_nav {
    display: block;
    width: 100%;
    z-index: 10;
    text-align: center;
    position: absolute;
    bottom: 0px;
    background-color: rgba(33,33,33,0.49);
}

    .guided_nav ul li {
        display: inline-block;
        text-align: center;
        margin: 0 auto;
    }
        .guided_nav ul li a.isHover {
            border-bottom: 5px solid rgba(0,150,136,1);
        }
        .guided_nav ul li a {
            display: inline-block;
            padding: 8px 30px;
            color: #fff;
            font-size: 1.25em;
            border-bottom: 5px solid rgba(0,150,136,00);
        }

            .guided_nav ul li a:hover {
                border-bottom: 5px solid rgba(0,150,136,1);
            }



/*----設計師介紹 頁籤切換時display:flex; 手機不顥示-----*/
.introduction {
    display: none;
    max-width: 1200px;
    height: 700px;
    margin: 0 auto;
    position: relative;
    justify-content: center;
    padding: 100px 20px;
    box-sizing: border-box;
    overflow: hidden;
}

    .introduction div.about_designer {
        width: 25%;
        padding: 0 20px;
        z-index: 5;
    }

    .introduction .Dsg_img {
        display: block;
        width: 200px;
        height: 200px;
        margin-right: 30px;
        float: none;
    }

    .introduction a {
        color: #fff;
    }

    .introduction .view {
        margin-left: 0;
        color: #fff;
        font-size: 1.2em;
        margin-top: 20px;
    }

.Dsg_overview {
    width: 30%;
    padding-left: 50px;
    z-index: 5;
}

    .Dsg_overview table tr {
        display: block;
        padding: 5px 0;
    }

    .Dsg_overview h3 {
        font-size: 1.25em;
        font-weight: 500;
        margin-bottom: 10px;
        margin-top: 40px;
    }
/*----相關影音 背景底圖-----*/
.intior_img {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1;
    overflow: hidden;
}

    .intior_img:before {
        display: inline-block;
        width: 200px;
        height: 100%;
        content: "";
        position: absolute;
        background: -moz-linear-gradient(left, rgba(33,33,33,1) 30%, rgba(33,33,33,.7) 63%, rgba(33,33,33,0.57) 71%, rgba(33,33,33,0.49) 75%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(left, rgba(33,33,33,1) 30%,rgba(33,33,33,.7) 63%,rgba(33,33,33,0.57) 71%,rgba(33,33,33,0.49) 75%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to right, rgba(33,33,33,1) 30%,rgba(33,33,33,.7) 63%,rgba(33,33,33,0.57) 71%,rgba(33,33,33,0.49) 75%,rgba(0,0,0,0) 100%);
        left: 0;
        z-index: 2
    }

    .intior_img:after {
        display: inline-block;
        width: 200px;
        height: 100%;
        content: "";
        position: absolute;
        top: 0;
        z-index: 5;
        background: -moz-linear-gradient(right, rgba(33,33,33,1) 30%, rgba(33,33,33,.7) 63%, rgba(33,33,33,0.57) 71%, rgba(33,33,33,0.49) 75%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(right, rgba(33,33,33,1) 30%,rgba(33,33,33,.7) 63%,rgba(33,33,33,0.57) 71%,rgba(33,33,33,0.49) 75%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to left, rgba(33,33,33,1) 30%,rgba(33,33,33,.7) 63%,rgba(33,33,33,0.57) 71%,rgba(33,33,33,0.49) 75%,rgba(0,0,0,0) 100%);
        right: 0;
        z-index: 5;
    }

    .intior_img img {
        width: 100%;
        opacity: .3;
        filter: blur(3px);
    }

/*----相關影音 頁籤切換時display:block; 手機不顥示-----*/
.relate,relate_style {
    display: none;
    max-width: 1200px;
    height: 700px;
    margin: 0 auto;
    position: relative;
    padding: 100px 20px;
    box-sizing: border-box;
    overflow: hidden;
}
/*----相同風格 頁籤切換時display:block; 手機不顥示-----*/
.relate_style {
    display: none;
    max-width: 1200px;
    height: 700px;
    margin: 0 auto;
    position: relative;
    padding: 100px 20px;
    box-sizing: border-box;
    overflow: hidden;
}

.relate h2 {
    font-size: 2.25em;
    font-weight: 500;
    z-index: 2;
    position: relative;
}
.relate_style h2 {
    font-size: 2.25em;
    font-weight: 500;
    z-index: 2;
    position: relative;
}
.video_row {
    display: flex;
    justify-content: space-between;
    z-index: 2;
    position: relative;
    margin-top: 10px;
}

.video_field {
    width: 23%;
    position: relative;
}

.video_row div img {
    width: 100%;
}

.video_row a {
    display: inline-block;
    color: #fff;
    font-size: 1.2em;
}

.video_box a i {
    display: none;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: rgba(255,255,255,.5);
    line-height: 80px;
    text-align: center;
    padding-left: 5px;
    box-sizing: border-box;
    position: absolute;
    top: 22%;
    margin-left: 35%;
    z-index: 3;
    font-size: 25px;
    color: #000;
}

.video_box a:hover i {
    display: block;
}

/*----影音內容頁 外觀設定-----*/
.video_container {
    width: 100%;
}

    .video_container section {
        max-width: 1200px;
        margin: 0 auto;
        margin-top: 50px;
        box-sizing: border-box;
    }

    .video_container h2 {
        display: inline-block;
        font-size: 1.8em;
        line-height: 2em;
        font-weight: 500;
    }

/*----策展-----*/
.curation_inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}


.curation_items {
    /*     width: 18%;
   height: 0;
    padding-bottom: 12%;*/
    overflow: hidden;
    position: relative;
    /*border: 5px solid rgba(142,86,206,0);*/
    background-color: rgba(142,86,206,0);
    z-index: 5;
}

    .curation_items:before {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.4);
        position: absolute;
        top: 0;
        z-index: 4;
    }

    .curation_items img {
        width: 100%;
    }

    .curation_items a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 10;
    }

div.curation_inner.VideoPattern .curation_title {
    display: none;
    width: 93%;
    position: absolute;
    z-index: 5;
    color: #fff;
    padding: 8px;
    box-sizing: border-box;
    height: auto;
    bottom: 0px;
    left: 0;
}
.curation_title {
    display: none;
    width: 100%;
    position: absolute;
    z-index: 5;
    color: #fff;
    padding: 8px;
    box-sizing: border-box;
    height: auto;
    bottom: 0px;
    left: 0;
}

    .curation_title i {
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: rgba(255,255,255,.5);
        line-height: 50px;
        text-align: center;
        padding-left: 5px;
        box-sizing: border-box;
        position: absolute;
        font-size: 18px;
        color: #000;
    }

    .curation_title h3 {
        display: inline-block;
        width: 80%;
        height: auto;
        padding-left: 55px;
        font-weight: 500;
    }

/*.curation_items:hover, .curation_items_selected {
    transform: scale(1.30);
    transition: all .3s;
    z-index: 10;
    outline: 5px solid rgba(142,86,206,1);
    background-color: rgba(142,86,206,1);
}*/
/*.curation_items_selected_before {
    transform: translate3d(-85px, 0px, 0px);
    transition-duration: 500ms;
    transition-delay: 0ms;
}
.curation_items_selected_after {
    transform: translate3d(85px, 0px, 0px);
    transition-duration: 500ms;
    transition-delay: 0ms;
}*/


    .curation_items:hover .curation_title {
        display: block;
    }
/*----上下頁BTN-----*/
.video_container .btn_pagination {
    float: right;
    margin-top: 15px;
}

    .video_container .btn_pagination a {
        color: #333;
        border-color: #333;
    }

        .video_container .btn_pagination a:hover {
            background-color: #333;
            color: #fff;
        }

.btn_pagination a.btn_more {
    border: 0;
    display: inline-block;
    color: #333;
    font-size: 16px;
    margin-right: 50px;
    text-decoration: underline;
}

.btn_pagination a:hover.btn_more {
    background-color: transparent;
    color: #009688;
}

/*----一分鐘看設計-----*/
.roomtour_inner {
    display: flex;
    justify-content: space-between;
}

.roomtour_items {
    /*width: 32%;*/
    width: 20%;
    height: 0;
    padding-bottom: 13.4%;
    position: relative;
}

/*.roomtour_items.swiper-slide {
    width: 32%;
    height: 0;
    padding-bottom: 21.5%;
    position: relative;
}
roomtour_items.swiper-slide.secondary.no_show {
    width: 20%;
    padding-bottom: 13.4%;
}*/


.roomtour_items:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 4;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 56%, rgba(0,0,0,0.62) 98%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 56%,rgba(0,0,0,0.62) 98%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 56%,rgba(0,0,0,0.62) 98%,rgba(0,0,0,0.65) 100%);
}

    .roomtour_items img {
        width: 100%;
        height: 160px;
        max-height: 160px;
    }

    .swiper-slide-active.roomtour_items img {
        width: 100%;
        height: unset;
        max-height: unset;
        min-height: 256px;
    }

    .roomtour_items .area {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 10;
        top: 0;
    }

.video_container .play {
    position: absolute;
    z-index: 4;
    left: 38%;
    top: 20%;
}

    .video_container .play i {
        background-color: rgba(255,255,255,.7);
        width: 80px;
        height: 80px;
        font-size: 30px;
        line-height: 80px;
        padding-left: 8px;
        transition: all .3s;
        color: #333;
    }

.roomtour_title {
    display: block;
    width: 100%;
    font-size: 1.25em;
    font-weight: 500;
    color: #fff;
    position: absolute;
    bottom: 0;
    padding: 8px 10px;
    box-sizing: border-box;
    line-height: 1.3em;
    z-index: 5;
}

    .roomtour_title h4 {
        font-size: 15px;
        color: #999;
        line-height: 1.4em;
        margin-top: 8px;
    }

.roomtour_items:hover .play i {
    background-color: rgba(0,0,0,.7);
    color: #fff;
}

.roomtour_items.first {
    width: 32%;
    padding-bottom: 21.5%;
}


.roomtour_items.secondary .roomtour_title, .roomtour_items.swiper-slide-next .roomtour_title, .roomtour_items.swiper-slide-duplicate .roomtour_title {
    position: relative;
    color: #333;
    padding: 0;
}

.roomtour_items.secondary .play {
    left: 35%;
}

.roomtour_items.secondary .area {
    height: 260px;
}

/*----排行榜-----*/
.video_container .billboard {
    max-width: 100%;
    background-color: #e3e3e3;
    padding: 20px 0 10px 0;
    box-sizing: border-box;
}

.billboard_inner {
    max-width: 1500px;
    margin: 0 auto;
    position: relative;
}

    .billboard_inner h2 {
        display: block;
        width: 100%;
    }

    

        .billboard_inner .curation_items:before, .curation_inner.Dsg .curation_items:before {
            display: block;
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            bottom: 0;
            z-index: 4;
            background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 56%, rgba(0,0,0,0.62) 98%, rgba(0,0,0,0.65) 100%);
            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 56%,rgba(0,0,0,0.62) 98%,rgba(0,0,0,0.65) 100%);
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 56%,rgba(0,0,0,0.62) 98%,rgba(0,0,0,0.65) 100%);
        }

    .billboard_inner .curation_title h3 {
        width: 85%;
        height: 50px;
    }

    .billboard_inner .curation_items strong {
        display: inline-block;
        font-size: 8em;
        font-weight: 600;
        color: rgba(255,255,255,.7);
        font-family: Helvetica;
        position: absolute;
        top: -65px;
        right: 10px;
    }
    /*----左右箭-----*/
    .billboard_inner .arrow-left {
        left: -5%;
        z-index: 1;
        display:none;
    }

    .billboard_inner .arrow-right {
        right: -5%;
        z-index: 1;
    }

/*----設計師大頭-----*/
.curation_inner.Dsg .curation_items {
    padding-bottom: 18%;
}

.Dsg .curation_title {
    display: block;
    text-align: center;
    bottom: 0px;
}

    .Dsg .curation_title h3 {
        padding-left: 0;
        width: 100%;
    }

    .Dsg .curation_title h4 {
        color: #999;
    }

    .Dsg .curation_title i {
        left: 38%;
        top: 100%;
    }

.curation_inner.DsgPattern .curation_items:hover .curation_title {
    bottom: 60px;
    transition: all .3s;
}

footer {
    margin-top: 80px;
}


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

    .guided_nav {
        display: none;
    }

    .video_container section {
        padding: 0 20px;
    }

    .video_container .play {
        left: 38%;
        top: 18%;
    }

        .video_container .play i {
            width: 60px;
            height: 60px;
            font-size: 24px;
            line-height: 60px;
        }
    /*----策展列表顥示4個-----*/
    .curation_items.no_show:nth-child(5) {
        display: none;
    }
    /*----排行榜顥示3個-----*/
    .curation_inner.billboard_inner {
        max-width: 1200px;
        padding: 0 20px;
        justify-content: center;
        overflow: hidden;
    }

    .billboard_inner .curation_items.no_show_04 {
        display: none;
    }



}

@media screen and (min-width:640px) and (max-width:1024px) {
    
    div#filmbox {
        position: relative;
/*        padding-bottom: 56.25%;*/
        width: 100%
    }
    .primary_video {
        max-height: 500px;
    }

    .company_info {
        width: 100%;
        top: 12%;
        margin-left:0;
    }
    /*----策展-----*/
    .curation_items {
        width: 23%;
        padding-bottom: 15.4%;
    }

    .curation_title {
        display: block;
        width: 97%;
    }

    .btn a {
        color: #fff;
        font-size: 1em;
    }
    /*----一分鐘-----*/
    .roomtour_title {
        display: block;
        width: 100%;
        font-size: 1em;
    }
    /*----排行榜-----*/
    .billboard_inner .curation_items {
        width: 27%;
        padding-bottom: 18.1%;
        /*margin: 10px*/
    }

    .billboard_inner .arrow {
        padding: 1.5rem;
    }

    .billboard_inner .arrow-left {
        left: 0%;
    }

    .billboard_inner .arrow-right {
        right: 0%;
    }

    .billboard_inner .curation_items strong {
        font-size: 6em;
        top: -45px;
    }
    /*----設計師大頭-----*/
    .curation_inner.Dsg .curation_items {
        padding-bottom: 23%;
    }
}

@media screen and (min-width:640px) and (max-width:768px) {
    iframe#player {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .primary_video {
        max-height: 400px;
    }

    .about_video {
        width: 45%;
    }

        .about_video h2 {
            font-size: 2em;
        }

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

    .Dsg_img {
        display: none;
    }

    .video-container img {
        top: -10%;
    }
    /*----策展列表顥示3個-----*/
    .curation_items.no_show:nth-child(4) {
        display: none;
    }

    .curation_items {
        width: 30%;
        padding-bottom: 20%;
    }
    /*----一分鐘-----*/
    .roomtour_title h4 {
        display: none;
    }

    .roomtour_items {
        width: 38%;
        padding-bottom: 25.5%;
    }

        .roomtour_items.secondary.no_show:nth-child(3) {
            display: none;
        }

        .roomtour_items.secondary {
            width: 28%;
            padding-bottom: 18.5%;
        }
    /*----排行榜-----*/
    .billboard_inner .curation_items.no_show {
        display: block;
    }

    .billboard_inner .arrow {
        padding: 1rem;
    }

    .billboard_inner .arrow-left {
        left: -1%;
        top: 45%;
    }

    .billboard_inner .arrow-right {
        right: -1%;
        top: 45%;
    }

    .billboard_inner .curation_items strong {
        font-size: 4em;
        top: -30px;
        right: 5px;
    }

    .billboard_inner .curation_title h3 {
        width: 75%;
    }
    /*----設計師大頭-----*/
    .curation_inner.Dsg .curation_items {
        padding-bottom: 30%;
    }

    /*----一分鐘設計-----*/
    .swiper-slide.OneMin.swiper-slide-active {
        width: 38%;
        /*padding-bottom: 18.5%;*/
        padding-bottom: 25.5%;
    }
    .swiper-slide.OneMin {
        width: 28%;
    }
    .swiper-slide.OneMin.swiper-slide-prev {
        width: 28%;
    }
    .swiper-slide.OneMin.swiper-slide-next {
        width: 28%;
        padding-bottom: 18.5%;
    }
    .swiper-slide.OneMin.swiper-slide-duplicate {
        width: 28%;
        padding-bottom: 18.5%;
    }
}

@media screen and (min-width:320px) and (max-width:640px) {
    a.arrow.arrow-left {
        display:none;
    }
    a.arrow.arrow-right {
        display: none;
    }
    div.sound {
        display: none;
    }
    iframe#player {
        position: absolute;
/*        top: -0.5%;*/
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .primary_video {
        max-height: 300px;
    }

    .company_info {
        top: 8%;
        margin-left: 0;
    }

    .about_video {
        width: 50%;
    }

        .about_video h2 {
            font-size: 1.5em;
        }

        .about_video h3 {
            font-size: 1em;
        }
    /*----影音內容h2-----*/
    .video_container h2 {
        font-size: 1.65em;
    }
    /*----策展列表-----*/
    .curation_items {
        width: 46%;
        padding-bottom: 30.5%;
    }

        .curation_items.no_show:nth-child(3) {
            display: none;
        }
    /*----一分鐘-----*/
    .roomtour_items {
        width: 47%;
        padding-bottom: 31.5%;
    }

        .roomtour_items.secondary {
            width: 24%;
            padding-bottom: 16%;
        }

    .roomtour_title h4 {
        display: block;
        font-size: 14px;
    }

    .roomtour_items.secondary .play i {
        width: 50px;
        height: 50px;
        font-size: 20px;
        line-height: 50px;
        padding-right: 3px;
    }

    .no_show_04 {
        display: none;
    }
    /*----排行榜-----*/
    .billboard_inner .curation_items.hotv {
        width: 40%;
        padding-bottom: 66.5%;
    }

        .billboard_inner .curation_items.no_show_03 {
            display: none;
        }

    .curation_inner.Dsg .curation_items {
        padding-bottom: 45%;
    }
}

@media screen and (min-width:480px) and (max-width:480px) {
    .video_container .play {
        left: 40%;
        top: 20%;
    }

        .video_container .play i {
            width: 80px;
            height: 80px;
            font-size: 30px;
            line-height: 80px;
            padding-left: 8px;
        }

    .curation_title {
        bottom: 25px;
    }
}

@media screen and (min-width:320px) and (max-width:639px) {
    .company_info {
        left: 20px;
        top: 40px;
        margin-left: 0;
    }

        .company_info h2 {
            font-size: 1.2em;
            margin-top: 10px;
        }

    .video-container iframe, .video-container object, .video-container embed, .video-container img {
        top: 0%;
    }

    .Dsg_img, .about_video h3, .about_video h4 {
        display: none;
    }

    .about_video {
        width: 80%
    }

    .btn a {
        font-size: 14px;
    }

        .btn a.view {
            padding: 5px 12px;
        }

    .about_video .btn_pagination {
        text-align: left;
    }
    /*----影音內容h2-----*/
    .video_container h2 {
        font-size: 1.4em;
        display: block;
        text-align: center;
    }

    .video_container .btn_pagination {
        float: none;
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }

        .video_container .btn_pagination .btn_more {
            display: none;
        }
    /*----策展列表顥示1個-----*/
    .curation_items.no_show, .curation_items.no_show:nth-child(2) {
        display: none;
    }

    .curation_items {
        width: 100%;
        padding-bottom: 64.5%;
        margin: 0 auto;
    }

    .curation_title {
        display: block;
        font-size: 1.25em;
        line-height: 1.4em;
        bottom: 0px;
    }

        .curation_title h3 {
            width: 85%;
        }

    .no_show_02, .no_show_03, .no_show_04 {
        display: none;
    }
    /*----一分鐘-----*/
    .roomtour_items.secondary.no_show {
        display: none;
    }

    .roomtour_items {
        width: 98%;
        padding-bottom: 65.5%;
        margin: 0 auto;
    }

    .video_container .play {
        left: 38%;
        top: 20%;
    }

        .video_container .play i {
            width: 80px;
            height: 80px;
            font-size: 30px;
            line-height: 80px;
            padding-left: 8px;
        }

    .roomtour_items h4 {
        display: none;
    }
    /*----排行榜-----*/
    .billboard_inner .curation_items .hotv{
        width: 75%;
        padding-bottom: 64.5%;
    }

        .billboard_inner .curation_items strong {
            font-size: 6em;
            top: -40px;
            right: 5px;
        }

    .billboard_inner .curation_title h3 {
        width: 80%;
    }

    .billboard_inner .arrow {
        padding: 1rem;
    }

    .billboard_inner .arrow-left {
        left: -6%;
        top: 50%;
    }

    .billboard_inner .arrow-right {
        right: -6%;
        top: 50%;
    }

    .curation_inner.billboard_inner {
        justify-content: center;
    }

    .curation_inner.Dsg .curation_items {
        padding-bottom: 90%;
    }
    /*----設計師大頭-----*/
    .Dsg .curation_title h4 {
        font-size: 16px;
    }
}

@media screen and (min-width:320px) and (max-width:375px) {
    .company_info {
        top: 30px;
        margin-left: 0;
    }

    .about_video {
        width: 120%;
    }
}

@media screen and (min-width:320px) and (max-width:320px) {
    .btn a {
        display: none;
    }

    .about_video h2 {
        border-bottom: none;
    }
    /*----影音內容h3-----*/
    .curation_title h3, .billboard_inner .curation_title h3 {
        font-size: 16px;
        width: 78%;
        line-height: 1.6em;
    }

    .video_container .play {
        top: 15%;
    }

        .video_container .play i {
            width: 70px;
            height: 70px;
            font-size: 25px;
            line-height: 70px;
        }
    /*----一分鐘-----*/
    .roomtour_title h3 {
        font-size: 16px;
    }
    /*----排行榜-----*/
    .billboard_inner .arrow-left {
        top: 47%;
    }

    .billboard_inner .arrow-right {
        top: 47%;
    }
}




.arrow-right {
    top: 45%;
    margin-right: 0;
}

.arrow-left {
    top: 45%;
}

.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;
}


.ytp-chrome-top {
    position: absolute;
    top: -100px;
}

.IsDynamic {
    display: none;
}

#vd_txt {
    position: absolute;
}

#curation_items1_img {
    position: absolute;
}

.i_hotvideo {
    display: none;
    position: absolute;
    top: -23%;
    left: -20%;
}


.i_video {
    display: none;
}

.i_swslvideo {
    position: absolute;
}

@media only screen and (max-width: 799px) {
    .curation_items.swiper-slide.VideoPattern_Slide {
        padding-bottom: 0;
        height: 89%;
    }
    
    

    .VideoPattern .swiper-container {
        height: 64.5%;
    }
}
@media only screen and (min-width: 480px) {
    .curation_items:hover, .curation_items_selected {
        transform: scale(1.30);
        transition: all .3s;
        z-index: 10;
        outline: 5px solid rgba(142,86,206,1);
        background-color: rgba(142,86,206,1);
    }
    .curation_items.curation_items_selected_first {
        transform: scale(1.30) translate3d(46px, 0px, 0px);
        transition-duration: 500ms;
        transition-delay: 0ms;
    }

    .curation_items.curation_items_selected_last {
        transform: scale(1.30) translate3d(-46px, 0px, 0px);
        transition-duration: 500ms;
        transition-delay: 0ms;
    }
}
@media only screen and (min-width: 800px) {
    .billboard_inner .swiper-container {
        width: 75%;
        padding-bottom: 0%;
    }
    .swiper-slide.OneMin {
        width: 20%;
    }

        
    .swiper-slide.OneMin.swiper-slide-prev {
        width: 20%;
    }
    .swiper-slide.OneMin.swiper-slide-duplicate {
        width: 20%;
    }
    .swiper-slide.OneMin.swiper-slide-active {
        width: 32%;
        padding-bottom: 21.5%;
    }

    .billboard_inner .swiper-container {
        height: calc(300px * 1.1);
        margin-top: -30px;
    }

    .billboard_inner .curation_items {
        padding-bottom: calc(23%*2/3);
        margin: auto;
    }

    .VideoPattern .swiper-container {
        height: calc(200px * 1.1);
    }

    .VideoPattern .curation_items {
        width: 18%;
        padding-bottom: calc(18% * 2 / 3);
        margin-right: 40px;
        height: 0;
        margin: auto;
    }

    .DsgPattern .swiper-container {
        height: calc(280px * 1.1);
    }

    .DsgPattern .curation_items {
        width: 18%;
        padding-bottom: calc(18%);
        height: 0;
        margin: auto;
    }

    .DsgSlide:before {
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 56%,rgba(0,0,0,0.62) 98%,rgba(0,0,0,0.65) 100%);
    }


}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .VideoPattern .swiper-container {
        height: calc(300px * 1.1);
    }

    .i_video {
        position: absolute;
        top: -24%;
        left: -19%;
    }
    .VideoPattern .curation_items {
        padding-bottom: 20%;
    }

    .DsgPattern .curation_items {
        padding-bottom: 23%;
    }
    .billboard_inner .curation_items {
        padding-bottom: 23%;
        margin: auto;
    }
    .billboard_inner .swiper-container {
        width: 85%;
        padding-bottom: 0%;
    }
    div.roomtour_inner div.swiper-container {
        width: 100%;
    }
}
@media only screen and (min-width: 1024px) {
    
    .i_video {
        position: absolute;
        top: -55%;
        left: -19%;
    }
    iframe#player {
        position: absolute;
/*        top: -13%;
        left: -0.3%;*/
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .billboard_inner .swiper-container {
        width: 100%;
        padding-bottom: 0%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1050px) {
    div.roomtour_items.swiper-slide.OneMin .Video_Div {
        overflow: hidden;
        max-height: calc(20vw / 3 * 2 );
    }
    .VideoPattern .swiper-container {
        height: calc(300px * 1.1);
    }

    .i_video {
        position: absolute;
        top: -20%;
        left: -19%;
    }
}
.swiper-slide.OneMin.swiper-slide-active .roomtour_title {
    display: block;
    width: 100%;
    font-size: 1.25em;
    font-weight: 500;
    color: #fff;
    position: absolute;
    bottom: 0;
    padding: 8px 10px;
    box-sizing: border-box;
    line-height: 1.3em;
    z-index: 5;
}

.curation_inner.billboard_inner a.arrow.arrow-left, .curation_inner.billboard_inner a.arrow.arrow-right {
    outline: none;
}

div.roomtour_items.swiper-slide.OneMin .Video_Div{
    overflow: hidden;
    max-height: 160px;
}
div.video_box .Video_Div {
    overflow: hidden;
    max-height: 177px;
}
.IsHover {
    top:5px;
}
div .roomtour_items.swiper-slide.OneMin.swiper-slide-active .Video_Div {
    overflow: hidden;
    max-height: unset;
}

div.roomtour_items.swiper-slide.OneMin.swiper-slide-active iframe {
    position: relative;
    top: -40px;
    left: -85px;
}

div.roomtour_items.swiper-slide.OneMin iframe {
    position: relative;
    top: -70px;
    left: -55px;
}
div.relate iframe, div.relate_style iframe {
    position: relative;
    top: -62px;
    left: -20%;
}
.designer_overview table th {
    width: 90px;
}
@media only screen and (max-width: 1600px) {
    .curation_inner.billboard_inner a.arrow.arrow-left, .curation_inner.billboard_inner a.arrow {
        display:none;
    }
}