.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*---標誌---*/

.view-counts a {
    text-decoration: none;
    color: #000;
	font-weight:bold
}


.view-counts {
	font-family: "微軟正黑體","新細明體";
    display: inline-block;
    padding:7px 30px;
    border-radius: 5px;
    background-color:#cc0000;
    border: 1px solid #cc0000;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition: 0.5s;
    transition: 0.5s;
	margin-bottom:10px
}
.icon-thumbs-up{ display:inline-block; padding-left:5px;}

.view-counts a {
    text-decoration: none;
    color: #000;
	font-weight:bold
}


.view-counts-off {
	font-family: "微軟正黑體","新細明體";
    display: inline-block;
    padding:7px 30px;
    border-radius: 5px;
    background-color:#283d58;
    border: 1px solid #ccc;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition: 0.5s;
    transition: 0.5s;
	margin-bottom:10px
}
   /* -----------------------------
     title
    ----------------------------- */ 
  
  
.titleArea_view {font-family: '微軟正黑體',Helvetica,Arial,Heiti TC,"メイリオ",sans-serif; position: relative; margin-bottom:15px; line-height:1.45em }

.titleArea_view h3{ font-size: 22px; letter-spacing: .1em; line-height: 1.5em; padding:5px 30px 5px 15px }
.titleArea_view p { font-size: 16px; font-weight: normal; letter-spacing: .1em; padding:0px 30px 0px 15px }
 
 
   /* -----------------------------
     舊影片列表
    ----------------------------- */ 

 .listing-tab .tab-content ul li a{color:#167ac9; font-size:15px}
.listing-tab .tab-content ul li  a:hover{color: #0096ff;}
.listing-tab{ margin-top:15px}
.listing-tab ul{padding:0; margin:0; left:0; list-style:none}
.listing-tab .tab-content ul li:hover{cursor:pointer;text-decoration:underline;}
.artist-title{padding:15px;background:#fff;}
.artist-title a{test-decoration:none;font-size:21px;font-family:arial, san-serif; color:#555;}

.artist-title a:hover{color:#16a3de;}
.artist-collage img{max-width:100%;}
.artist-collage{position:relative;max-height:150px;overflow:hidden;}
.artist-collage,.artist-collage div{padding:0;}
span.play-mix {
    position: absolute;
    top: 38%;
    z-index: 9;
    left: 30%;
    border: 3px solid rgba(255,255,255,.25);
}
span.btn.play-mix-btn {
    background-color: #000;
    padding: 5px 12px;
    border:none;
    border-radius: 2px;
    box-shadow:0 0 70px rgba(255,255,255,.5);
}
.collage-rhs img{margin-top:-5px;}
span.play-mix-btn:hover {
    box-shadow: 0 0 80px rgba(255,255,255,.9);
}
.listing-tab{
    padding:0;    
}.related-artist .artist-next{padding-left:0;}
.related-artist .col-md-12{padding-right:0;}
.play-mix-btn span {
    color: #1775bc;
}
.related-artist img{width:100%;}
.related-artist h3 {
    font-size: 17px;
    margin-left: 15px;
    margin-top: 9px;
}.related-artist{overflow:hidden;padding-bottom:10px;}
.listing-tab .tab-content ul{padding:0;margin:0;}
.listing-tab .tab-content ul li {
    list-style-type: none;
    border-bottom: 1px solid #eee;
    padding: 8px;
}.listing-tab .tab-content ul li {
    list-style-type: none;
    border-bottom: 1px solid #eee;
    padding: 8px;
    padding-left: 20px;
    font-size: 13px;
    color: #666;
}.listing-tab .tab-content ul li a{text-decoration:none; color:#666;}
.listing-tab .tab-content ul li span{display:inline-block;float:right;padding-right:10px;}
.listing-tab .nav-tabs>li,.nav-tabs>li a:hover{margin-bottom:0;background:none;}
.listing-tab .nav-tabs>li.active>a{ margin-bottom:20px}
.listing-tab .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{border:none;background:none;}
.listing-tab .nav-tabs>li>a:hover{border-color:none;color:red;}
.listing-tab .nav-tabs>li>a{border:0;padding:17px 0 7px;color:#333;margin-left:15px;}
.listing-tab .nav-tabs>li.active>a{border-bottom:2px solid #bb0000;color:#000;}
.listing-tab{background-color:#fff;}