@charset "utf-8";
body {
	font-family: "微軟正黑體", "Open Sans", sans-serif, Verdana, Geneva, sans-serif;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #111;
}

.p0 { padding-top: 3px; }

.brand img { max-width: 100%; height:auto; }


/*下拉選單*/
.navbar-inverse { font-size: 1.1em; background-color: #19191a; padding-top: 0; padding-bottom: 0; margin-bottom: 0; border: none; } 
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #333333;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #080808}
.dropdown-menu { background-color: #303030; opacity: .9; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #428BCA}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #080808}
.navbar-inverse .navbar-brand { color: #999999}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #333333}
.dropdown-menu>li>a { color: #fff}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}


/* index slide */
.carousel-indicators { bottom: -40px; }
.carousel-indicators li { background: #7f7f7f; }
.carousel-indicators li.active { background: #cf3046; }
.carousel-caption { color: #00a0e9; font-size: 1.4em; font-weight: bold; bottom: -30px; background: rgba(0, 0, 0, 0.35); left: 0; right: 0;  }

/*首頁縮圖*/
.thumbnail { background-color: #28282a; border-color: #28282a; padding-left: 0; padding-right: 0; }
.thumbnail .caption { font-size: 1.1em; color: #fff; padding-top: 1em; padding-bottom: 1em; }
.thumbnail .caption a { margin-right: .5em; color:#cf3046; }
.thumbnail .caption .link { color: #cf3046; display: inline-block; text-decoration: none; }
.thumbnail .caption .link:visited { color: #cf3046; display: inline-block; text-decoration: none; }
.thumbnail .caption .link:hover { color: #fff; text-decoration: none; }
.thumbnail .caption .link span { background-color: #cf3046;  color: #000; padding: .5em 1em; border-radius: .4em; margin-right: .5em; }
.thumbnail .caption .link:hover span { background-color: #fff;  color: #000; }
.thumbnail iframe {width:100%; height:15em; border:#FFF 1px solid; }

/*頻道*/
.channel { font-size: 1.4em; margin-top: 0; }
.channel a:link { color: #fff; text-decoration: none; }
.channel a:visited { color: #fff; text-decoration: none; }
.channel a:hover { color: #00a0e9; text-decoration: none; }
.channel span { color: #cf3046; }

/*右方Youtube影音 */
.youtube { margin-bottom: .5em; }
.youtube h3 { font-size: 1.3em; color: #00a0e9; margin-top: .5em; }
.youtube h3 a:link, .youtube h3 a:visited { color: #00a0e9; }


/*TCar.TV 特別編輯*/
.media.news { margin-bottom: 2em; }
.media.news .media-body { color: #fff; }
.media.news .media-body a:link { color: #fff; }
.media.news .media-body a:visited { color: #fff; }
.media.news .media-body a:hover { color: #00a0e9; }
.media.news .media-body .media-heading a:link { color: #00a0e9; }
.media.news .media-body .media-heading a:visited { color: #00a0e9; }
.media.news .media-body .media-heading a:hover { color: #205cb7; }

/*TCar.TV 桌布下載*/
.bg-desk img { width: 100%; height:auto; background-color: #fff; margin-bottom: .7em; }

/*首頁左下方廣告 ad01 */
.media.ad01 { margin-bottom: 2em; }
.media.ad01 .media-right { padding-left: 0; }
.media.ad01 .media-body { color: #fff; background-color: #333335; padding: 1em; }
.media.ad01 .media-body a:link { color: #fff; }
.media.ad01 .media-body a:visited { color: #fff; }
.media.ad01 .media-body a:hover { color: #00a0e9; }
.media.ad01 .media-body .media-heading a:link { color: #00a0e9; }
.media.ad01 .media-body .media-heading a:visited { color: #00a0e9; }
.media.ad01 .media-body .media-heading a:hover { color: #205cb7; }
.media.ad01 .media-body .note { margin-top: .5em; color: #cf3046; }

/*首頁右方 - 官方新車訊息 index-news */
.index-news { margin-bottom: .8em; }
.index-news .date { color: #fff; background-color: #cf3046; padding: .5em 1em; border-radius: .4em; margin-right: .5em; font-size: .9em; font-family: Arial, Helvetica, sans-serif; }
.index-news .caption { font-size: 1.2em; margin-top: 0; }
.index-news .caption a:link { color: #00a0e9; }
.index-news .caption a:visited { color: #00a0e9; }
.index-news .caption a:hover { color: #00a0e9; }
.index-news .txt { color: #fff; }
.index-news.ad01 .media-body a:link { color: #fff; }
.index-news.ad01 .media-body a:visited { color: #fff; }
.index-news.ad01 .media-body a:hover { color: #00a0e9; }
.index-news iframe { width:100%; height: 30em; }

/*首頁右方廣告 ad02 */
.ad02 { margin-bottom: 1em; }
.ad02 img { max-width: 100%; height:auto; }

/*首頁右方 - 黃金試車手 index-driver */
.media.driver { margin-bottom: 1em; }
.media.driver .media-body { color: #fff; }
.media.driver .media-body .tit { color: #00a0e9; display: inline-block; margin-right: .3em; }
.media.driver .media-body a:link { color: #00a0e9; }
.media.driver .media-body a:visited { color: #00a0e9; }
.media.driver .media-body a:hover { color: #fff; }
.media.driver .media-body p { margin-top: .2em; margin-bottom: .2em; }

.btn {
	background: #cf3046;
	border-color: #cf3046;
	color: #fff;
}
/*
.btn_:hover {
	background: #000 !important;
	border: #000 1px solid !important;
	color: #fff !important;
}
*/

/*內頁*/
.top-nav { clear: both; margin-top: 1em;}
.top-nav .breadcrumb { background: none; padding-left:0; }
.pg-tit .channel { font-size: 1.1em; margin-top: 0; margin-bottom: .5em; }



@media (min-width: 1025px) {
	.news .media-object { width: 200px; height:auto; }
}
@media (min-width: 768px) {
	/* 2017/3/3 remark by edwin	
	.slider { position: relative; width: 100%; }
	.top-menu { position:absolute; top: 0; width: 100%; height:auto; z-index: 999; display: inline-block; }
	*/
	.slider { width: 100%; margin-top: 0; padding-top: 0; background-color: #19191a; }
	.top-menu { width: 100%; height:auto; display: inline-block; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
	.navbar-nav { float: none; }
	/*選單置中*/
	.navbar-inverse .navbar-nav {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.navbar-wrapper .navbar-inverse { margin-bottom: 0 !important; }
	
	#myCarousel {  }
	h1.brand { margin-left: 1em; }
	.share_link { display: none; }
	
	.header-block { background-color: #1d1d1f; }
	.p0 .hd-search h1 { font-size: .9em; }
	.p0 .hd-search { float: right; margin-top: 1.5em; }
}

@media (max-width: 1024px) {
  	.news .media-object { width: 150px; height:auto; }
  	.index-news iframe { height: 22em;}
}
@media (max-width: 1000px) {
  	.navbar-right { position: fixed; top: 10px; right: 5%; }
}

@media (max-width: 767px) {
	
	html, body { margin: 0 !important; padding: 0 !important;  }
	/*
	.navbar-wrapper { margin: 0 !important; }
	.navbar-inverse { margin: 0 !important; }
	.navbar-header { margin: 0 !important; }
	.navbar-nav { margin: 0 !important; }
	*/
	
	.container { margin: 0; }
	header { padding: .5em 0em 0 0em; margin: 0; }
	.p0 .container { padding: 0; }
	.slider { background: #1b1a1d; }
  	/*.news .media-object { width: 100%; height:auto; }*/
	.index-news { margin-bottom: 2.5em; }
  	.index-news iframe { height: 22em;}
	.share_link { display:block; }
	.navbar-right { display: none; }
	
	.media.news .media-body .media-heading { margin-top: 1em; }
	
	/*TCar.TV 特別編輯*/
	.media.news { width: 100%; height:auto; padding-bottom: 2em;  margin-bottom: 2em; display: block; border-bottom: #999 1px solid; }
	.media.news .media-left { width: 100%; display: block; }
	.media.news .media-object { width: 100%; }
	.media.news .media-body { width: 100%; display: block; }
	
}
@media (max-width: 640px) {
	.carousel-caption { font-size: 1em;  }
  	.news .media-object { width: 150px; height:auto; }
	.main-content { padding-top: 1em; }
	.thumbnail iframe { height: 22em; }
	.index-news iframe { height: 22em;}
	.index-content { padding-top: 3em; }
}
@media (max-width: 480px) {
	.carousel-caption { font-size: .7em;  }
  	.news .media-object { width: 100px; height:auto; }
  	.ad01 .media-body { clear:both; width: 100% !important; height:auto; }
  	.ad01 .media-right { clear:both; width: 100% !important; height:auto; display:block; }
  	.ad01 .media-object { width: 100%; height:auto; }
	.thumbnail iframe { height: 15em; }
	.index-news iframe { height: 15em;}
	.top-nav { margin-top: .5em;}
	.breadcrumb { font-size: 1.2em; }
	.breadcrumb li.active { display: none; }
}