.box{font-size:16px; background-color:#282828;padding-bottom:2%; }
.scale_img a:hover img{transform:scale(1.05);-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

/*---主視覺廣告版位--------*/
.tv_main_board{ display: inline-block; width:100%; height:0; padding-bottom:27.5%; margin: 0 auto;overflow: hidden;}
.tv_main_board h1{text-indent: 100%;white-space: nowrap;overflow: hidden; height:0;}
.tv_main_board img{width: 100%;}
/*---電視預告--------*/
.tv_preview{ display: block;max-width:1000px; margin: 0 auto; height: auto; position: relative; top:-120px;}
.tv_preview ul li{ display: inline-block;max-width:1000px; min-width:100%; height:0; padding-bottom:33.4%; overflow: hidden;background: #8d38f7; background: -moz-linear-gradient(top, #9f54f9  10%, #8d38f7 100%); background: -webkit-linear-gradient(top, #9f54f9 10%, #8d38f7 100%); background: linear-gradient(to bottom, #9f54f9 10%,#8d38f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d38f7', endColorstr='#9f54f9',GradientType=0 );position: relative;}
.preview_img a{ display: inline-block; width: 50%;float: left; overflow: hidden; position:relative;z-index: 2}
.preview_img a img{width: 100%;}
/*---電視預告資訊--------*/
.preview_data a{ display:block;width:50%; padding:20px 30px; box-sizing: border-box;float:left; color: #fff;}
.preview_data a:hover { color: #333;}
.preview_data a span {display: block; font-size: 3.5em; color:#ae6bff;position: relative;}
.preview_data a span::before{ display:inline-block; content:""; width:25px; height:1px;background-color:#ae6bff; position:absolute;top:7px;}
.preview_data a h2{font-size: 1.6em;margin-top: 10px;font-weight: 500;}
.preview_data a h3{ margin-top: 10px; }
.preview_data .btn_pagination{position:absolute;right:2%;  bottom:20px;}
.preview_data .btn_pagination a{display: inline-block;width: 30px;height:30px;padding: 0; line-height: 30px;}
/*---VideoPlayIcon--------*/
.play_icon { display: block;width: 90px;height: 90px;border-radius: 100%;background-color: rgba(0,0,0,.5);position: absolute;left:20.5%;   top: 35.5%;z-index: 10; border:2px solid #fff;}
.play_icon a{ color: #fff;font-size: 2em; width:100px; line-height:90px; text-align: center;}
.preview_img:hover .play_icon , .data_row:hover .play_icon , .comment_content:hover .play_icon{background-color: rgba(255,255,255,1);}
.preview_img:hover .play_icon a , .data_row:hover .play_icon a , .comment_content:hover .play_icon a{ color: #000}
/*---分類頁簽--------*/
.classification_list { display: block; max-width: 1200px; margin: 0 auto; position: relative; top: -60px;font-weight: 500;}
.Layout2024 .classification_list { top:unset;}
.classification_list ul{ display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;}
.classification_list ul li a{ display: block; }
.classification_nav{ display: inline-block; border-bottom:1px solid #8d38f6;}
.classification_nav a { color: #8d38f6;padding: 10px 25px;font-size:1.2em;}
.classification_nav a:hover,.classification_nav a.selected { background-color:  #8d38f6; color: #fff;}
.classification_subnav a{color: #666; border:1px solid #666; margin:30px 10px 0 10px;padding: 3px 20px; }
.classification_subnav a:hover{color: #fff; border-color:#fff; }
/*---分類列表概覽--------*/
.search_results{display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;-webkit-justify-content:flex-start;-moz-justify-content:flex-start ;-ms-justify-content:flex-start ;-o-justify-content:flex-start ;justify-content:flex-start;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;margin-top:40px; }
.data_row {width: 23.5%;margin:10px 9px;position: relative;}
.data_row h2 a { color: #666;font-size: 1.2em;}
.data_row h2 a:hover , .designer a:hover h3{ color:#fff;}
.data_row .img a {display:inline-block; width:100%; height:0; padding-bottom:67%; overflow:hidden;position: relative; background-color: #333;}
.data_row .img img{position: absolute;left: 0;right: 0;margin: 0 auto;width: auto;height:100%;}
.data_row i{ display: inline-block; font-size:16px; color: #8d38f6;}
.data_row .date{display: inline-block; font-size: 16px; color: #a19281;float: right;}
.designer a {display: block;margin-top: 20px;}
.designer div{display: block; width: 70px; height: 70px;display: inline-block; float: left; }
.designer div img{ width: 100%; border-radius: 100%;}
.designer a h3{ display: inline-block;width: 70%; float: right; padding-left:10px; box-sizing: border-box; border-left: 1px solid #999; margin-top: 10px;}
/*---分類列表影片播放Icon和Tag位置調整--------*/
.data_row .play_icon {width: 70px;height: 70px;left:37%;   top: 20%;z-index: 10; border:2px solid #fff;}
.data_row .play_icon a{ width:80px; line-height:70px;font-size: 1.6em; }
.tag_60sec_tv{position: absolute; z-index:10;}
.tag_60sec_tv i{color: #fff;}
/*---換頁--------*/
.page_view_inner a{ color:#666;}
/*---看更多---*/
.btn.SeeMore {
    width:100%;
}
.btn.SeeMore a {
    display: block;
    width: 20%;
    text-align: center;
    margin:30px auto;
}
/*---特別企劃--------*/
.topic_commend{display: block; width:100%; margin-top: 0px;background-image: url(../images/tv/bg_01.jpg);background-size:cover;background-repeat: no-repeat; margin-bottom:50px;}
.topic_commend h2{font-size: 1.8em;line-height: 2em;font-weight: 500; color: #2ee9b6;text-align: center;}
.outer_box{display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;max-width:1200px; margin: 0 auto;position: relative;margin-top: 30px}
.outer_box>span{display:block;width:100%; height:0;padding-bottom:25%; margin: 0 auto; border: 12px solid transparent;  -moz-border-image: -moz-linear-gradient(5deg, #8d38f6 0%,#b251f7 55%,#2ee9b6 99%);  -webkit-border-image: -webkit-linear-gradient(5deg, #8d38f6 0%,#b251f7 55%,#2ee9b6 99%);  border-image: linear-gradient(5deg, #8d38f6 0%,#b251f7 55%,#2ee9b6 99%);  border-image-slice: 1;z-index: 5;position: absolute; z-index: 1;box-sizing: border-box;}
.comment_content{ display: inline-block; width:46%; position: relative;z-index: 2; }
.comment_content .aImage:before{display: block; content: ""; width: 100%;height: 50%; background: -moz-linear-gradient(bottom, rgba(0,0,0,0.65) 40%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.65) 40%,rgba(0,0,0,0) 100%); background: linear-gradient(to top, rgba(0,0,0,0.65) 40%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); position: absolute;z-index: 2;bottom: 0; }
.description a{display: block; position: absolute; bottom: 0; padding: 20px; box-sizing: border-box; color: #fff;z-index: 3; }
.comment_content img{ width: 100%;}
.comment_content h3{font-size: 1.6em;font-weight: 500;}
.comment_content p{color: #999;}
.description a:hover h3 { color:#2ee9b6; }
.description a:hover p{color: #fff;}
.comment_content .play_icon{left:40%; top: 30%;}
.topic_commend .btn_pagination{display: block; text-align: center; margin-top:80px;}
.topic_commend .bx-wrapper .bx-viewport {
    left: 0;
    background-color:transparent;
    height:413px;
    top:50px;
}
.topic_commend .bx-wrapper .bx-controls-direction  {
    display:none;
}

.topic_commend .btn_pagination a.shi-angle-left, .topic_commend .btn_pagination a.shi-angle-right {
    filter: invert(1);
}

/*---上稿版位--------*/
.ad_board {
    display: block;
    max-width: 1200px;
    margin: 0 auto;
}
.ad_board div{ display: block; max-width: 1200px; margin: 0 auto;}
.ad_board div a{ display: block; max-width:1200px; height: 0; padding-bottom: 16.6%;}
.ad_board div a img{width: 100%;}
/*---分類列表找設計師&找品牌--------*/
.portrait_row{display: block;width:155px;color: #666;text-align: center;  position:relative;margin:15px 22.5px;}
.pic{width:155px; height: 155px; border-radius:100%; }
.portrait_row .brand a img , .portrait_row .brand a:before , .portrait_row .brand a:hover:before{border-radius:5%; }
.pic a:before{display: block;content: ""; width:155px; height: 155px; border-radius:100%; overflow: hidden; position: relative;background:#282828; }
.pic a:hover:before{background: rgb(145,57,239);background: -moz-linear-gradient(top, rgba(145,57,239,1) 0%, rgba(212,127,248,1) 100%);background: -webkit-linear-gradient(top, rgba(145,57,239,1) 0%,rgba(212,127,248,1) 100%);background: linear-gradient(to bottom, rgba(145,57,239,1) 0%,rgba(212,127,248,1) 100%); }
.pic a img{ width:140px; height: 140px; border-radius:100%;position: absolute;top:7px;left:7px;}
.portrait_row a h2{ display: block;margin-top: 10px; }
.portrait_row a:hover h2, .portrait_row a:hover strong{color: #fff;font-weight:400;}
/*---設計師總覽--------*/
.overview{ display: block; text-align: center;padding-top: 80px; margin-bottom:100px; box-sizing: border-box;}
.img_box{ width: 170px; height:170px; margin: 0 auto;border-radius: 5%; background: -moz-linear-gradient(top, rgba(145,57,239,1) 0%, rgba(212,127,248,1) 100%);background: -webkit-linear-gradient(top, rgba(145,57,239,1) 0%,rgba(212,127,248,1) 100%);background: linear-gradient(to bottom, rgba(145,57,239,1) 0%,rgba(212,127,248,1) 100%); }
.img_box img{width: 150px; height:150px;margin-top:10px;}
.overview h2{ display: block;margin: 0 auto;width: 50%; font-size: 1.8em; color:#8d38f6; font-weight:600; margin-top:30px; }
.btn{display:block;  border-top: 1px solid #333; margin: 0 auto; width: 30%; margin-top: 30px;}
.btn a{ display: inline-block; padding: 10px; border:1px solid #fff; color: #fff; margin:30px 10px;}
.btn a:hover{border-color:#8d38f6;background-color: #8d38f6; }
.leading_exponent .img_box{border-radius:100%;}
.leading_exponent .img_box img{border-radius:100%;}
.leading_exponent h3{font-size: 1.2em; color:#ae6bff;font-weight:600;}

.page_view_inner a.page_view_icon{
    color:#e7e7e7;
}
.page_view_inner a[disabled=disabled] {
    color:#333;
}



@media (max-width:1366px){ .tv_preview{ top:-80px;} }
@media (max-width:1280px) { .tv_preview{ top:-60px;} }
@media (max-width:1024px)  {
     /*---電視預告--------*/
    .tv_preview{ max-width:800px;} 
    .preview_data a{ display:block;width:50%; padding:20px 30px; box-sizing: border-box;float:left; color: #fff;}
    .preview_data a:hover { color: #333;}
    .preview_data a span { font-size: 2.5em; }
    .preview_data a span::before{  width:20px; top:2px;}
    .preview_data a h2{font-size: 1.4em;}
    /*---分類頁簽--------*/
/*    .classification_list {  top: -20px;}*/
    /*---分類列表概覽--------*/
    .data_row {width: 23%;margin:10px;position: relative;}
    .data_row h2 a { font-size: 18px;}
    .data_row .play_icon { top: 18%;}    
    .designer a h3{ width: 65%; }
    /*---分類列表找設計師&找品牌--------*/
    .pic a img{ width:130px; height: 130px;top:8px;left:8px; }
    .pic a:before{ width:145px; height: 145px; }
    /*---設計師總覽--------*/
    .overview{ padding-top:50px; margin-bottom:50px;}
    .btn{ width: 50%; }
    /*---特別企劃--------*/
    .comment_content h3{font-size: 1.4em;}
    .comment_content .play_icon{ top: 25%;}
  }
@media (min-width:640px) and (max-width:768px)  {
    .tv_preview{ top:-40px;} 
     /*---電視預告--------*/
    .tv_preview{ max-width:650px;} 
    .tv_preview .play_icon{top: 29%;left: 18%;}
    .preview_data a span { font-size:2em; }
    .preview_data a h2{font-size: 1.2em;}
    .preview_data a span { display: none;}
    .preview_data .btn_pagination{position:absolute;right:1%;  bottom:10px;}   
    /*---分類列表概覽--------*/
    .search_results{-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;margin-top:20px; }
    .data_row {width: 45%; margin-bottom: 30px;}    
    .data_row h2 a { font-size: 18px;}
    .data_row .play_icon { top: 23%;left:39%;}  
    .designer a h3{ width: 70%; }
    /*---換頁--------*/
    .page_view_inner a{  margin-top:0px;}
    /*---特別企劃--------*/
    .comment_content p{display: none;}
    .comment_content h3{font-size: 1.2em;}
    .comment_content .play_icon{left:42%; top:30%;}
    /*---設計師總覽--------*/
    .overview h2{width:80%;   }
    .btn{ width:90%; }
    
}

@media  (max-width:640px) { .data_row .play_icon { top: 21%;} }

@media  (max-width:480px) {  
      .tv_preview{ top:-30px;} 
      /*---電視預告--------*/
      .tv_preview ul li{display: block; max-width:80%; min-width:unset; height:auto; padding-bottom:0%; margin: 0 auto;}
      .preview_img a{  width: 100%;float:none;}
     /*---電視預告資訊--------*/
     .preview_data a{ width:100%;padding-top: 10px;}
     .preview_data a h2{font-size: 1.2em;}
    .preview_data a h3{margin-bottom:50px;}
     .preview_data a span { display: none;}
     .play_icon { left:37.5%;top: 20%;}
     .play_icon a{ font-size: 2em; width:100px; line-height:90px; }
     /*---分類頁簽--------*/   
    .classification_nav{ margin-top: 20px;}    
    .classification_nav a { padding: 10px 15px;font-size:1em;}
    .classification_subnav a{ margin:15px 5px 0 5px;padding: 3px 15px; }
    /*---分類列表概覽--------*/
    .search_results{-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;margin-top:20px; }
    .data_row {width: 45%; margin-bottom: 30px;}    
    .data_row .play_icon { top: 13%;left:33%;}  
    .designer a h3{ width: 60%; }
    /*---特別企劃--------*/
    .comment_content h3{font-size:1em;font-weight: 500;}
    .comment_content p{display: none;}
    .description a{ padding: 30px 10px;}
    .comment_content .play_icon{display: none;}
    /*---設計師總覽--------*/
    .overview h2{width:80%; font-size: 1.8em;  }
    .btn{width: 90%;}
    /*---換頁--------*/
    .page_view_inner a{  margin-top:0px;}
}

@media  (max-width:414px) {  
     /*---電視預告資訊--------*/
     .tv_preview ul li{display: block; max-width:90%; min-width:unset; height:auto; padding-bottom:0%; margin: 0 auto;}
     .play_icon { left:37%;top: 15.5%;}
     .preview_data a h2{font-size: 1.2em;}
    /*---分類列表影片播放Icon和Tag位置調整--------*/
      /*---分類列表概覽--------*/
     .data_row {width:90%; }    
     .data_row h2 a { font-size: 18px;}
     .data_row .play_icon { top:27%;left:40%;}  
     .designer a h3{ width: 70%; }
     /*---換頁--------*/
     .page_view_inner a{  margin-top:0px;}
    /*---分類列表找設計師&找品牌--------*/
     .portrait_row{width:150px;margin:10px;}
     .pic{width:150px; height: 150px;  }
     /*---設計師總覽--------*/
     .btn{width: 90%;}
      /*---特別企劃--------*/
      .outer_box{margin-top:20px}
      .outer_box>span{padding-bottom:25%;  border-width: 8px;}
      .comment_content{ top:30px; width: 85%;}    
      .comment_content .play_icon{display:block;left:35%; top: 18%;}
      .comment_content h3{font-size: 1.2em; }
      .topic_commend .btn_pagination{ margin-top:50px;}
      
}

@media (min-width:320px) and (max-width:375px) {      
       /*---電視預告資訊--------*/
       .play_icon { left:34.5%;top: 12%;}
       /*---分類列表影片播放Icon和Tag位置調整--------*/
       .data_row .play_icon {top: 26%;left:38%;}
       /*---設計師總覽--------*/
       .overview h2{width:90%;font-size: 1.6em;}
       .btn{width:100%;}
       /*---換頁--------*/
       .page_view_inner a{  margin-top:0px;}
      /*---特別企劃--------*/
      .outer_box{margin-top:20px}
      .outer_box>span{padding-bottom:25%;  border-width: 8px;}
      .comment_content{ top:30px; width: 85%;}    

    
}

@media (max-width:320px){
    .comment_content .play_icon{display:none;}
    .btn a{margin:20px 5px;}
    .topic_commend .bx-wrapper .bx-viewport {
        top:10px;
    }
}