@charset "big5";


/*-------------------------------------------

         NTDTV - universal settings

         last updated: 2008-06-27

---------------------------------------------*/


/*====================TOC====================

                1. global
                2. container
                3. header
                4. main navigation
                5. programs info
                6. search
                7. language
                8. footer

=============================================*/



/* 1. global
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}

html {
	_border-width: 2px 0 0;
	}

body {
	line-height: 1.35;
	}

.b5 { font-family: '新細明體', serif; }

.gb { font-family: '新細明體', SimSun, serif; }

.en { font-family: Arial, serif; }

ol, ul {
	list-style: none;
	}

a {
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

img, table, th, td, fieldset, abbr {
	border: none;
	}

img {
	vertical-align: top;
	}

legend {
	display: none;
	}


/* 2. container
---------------------------------------------*/
#container {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	}


/* 4. header
---------------------------------------------*/
#header {
	margin: 0 auto 17px;
	width: 996px;
	height: 75px;
	}

#header h1 {
	width: 996px;
	height: 75px;
	background-repeat;
	background-position: top left;
	text-indent: -500em;
	}

#video #header h1 { background-image: url('/xtr/icn/video/header_video_bg.png'); }


/* 4. main navigation
---------------------------------------------*/
#nav-main {
	position: absolute;
	top: 43px;
	left: 293px;
	width: auto;
	height: 32px;
	}

#nav-main h3 {
	position: absolute;
	left: -500em;
	}

#nav-main ul {
	float: left;
	}

#nav-main ul li {
	position: relative;
	_display: inline;
	float: left;
	margin-right: 9px;
	width: 89px;
	height: 32px;
	}

#nav-main ul li a {
	display: block;
	padding-top: 8px;
	_padding-top: 10px;
	width: 89px;
	height: 24px;
	_height: 22px;
	background: white url('/xtr/icn/video/nav-main_list_bg.gif') no-repeat top left;
	color: #BBBDC0;
	font-weight: bold;
	font-size: 1.25em;
	line-height: 1em;
	text-decoration: none;
	text-align: center;
	}

body:first-of-type #nav-main ul li a {
	padding-top: 9px;
	height: 23px;
	}

#nav-main ul #current a {
	color: #4478BC;
	}

#nav-main ul li #rss {
	position: absolute;
	top: 0.55em;
	left: 4.6em;
	padding: 0;
	width: 16px;
	height: 16px;
	}

#nav-main ul li #rss img {
	float: left;
	}


/* 5. programs info
---------------------------------------------*/
#progInfo {
	position: absolute;
	top: 11px;
	left: 600px;
	}

#progInfo h3 {
	position: absolute;
	left: -500em;
	}

#progInfo ul {
	float: left;
	border-right: 1px solid #CCCDCE;
	border-left: 1px solid white;
	}

#progInfo ul li {
	_display: inline;
	float: left;
	padding: 0 15px;
	border-right: 1px solid white;
	border-left: 1px solid #CCCDCE;
	line-height: 0.8em;
	}

#progInfo ul li a {
	position: relative;
	color: white;
	font-size: 0.8em;
	}

* + html #progInfo ul li a {
	vertical-align: baseline;
	*vertical-align: 3px;
	}


/* 6. search
---------------------------------------------*/
#search-site {
	position: absolute;
	top: 39px;
	right: 66px;
	}

#search-site fieldset {
	_display: inline;
	}

#search-site fieldset label {
	position: absolute;
	left: -500em;
	}

#search-site fieldset #string-search-site {
	padding: 2px 4px 4px;
	_padding-top: 5px;
	width: 280px;
	height: 26px;
	_height: 14px;
	border: none;
	background: url('/xtr/icn/video/search-site_text_bg.png') no-repeat top left;
	_background-attachment: fixed;
	font-size: 0.8em;
	font-family: Arial, sans-serif;
	vertical-align: top;
	}

* + html #search-site fieldset #string-search-site {
	padding-top: 5px;
	height: 14px;
	}

body:first-of-type #search-site fieldset #string-search-site {
	padding: 0 3px;
	width: 272px;
	height: 22px;
	}

html:first-child #search-site fieldset #string-search-site {
	padding-top: 4px;
	height: 15px;
	font-size: 0.85em;
	}

#search-site fieldset #botton-search-site {
	position: relative;
	top: 1px;
	*top: 2px;
	left: 6px;
	vertical-align: top;
	}


/* 7. language
---------------------------------------------*/
#lang {
	position: absolute;
	top: 7px;
	right: 60px;
	*right: 56px;
	}

* + html #lang {
	top: 4px;
	height: 19px;
	*height: 22px;
	}

:-moz-any-link:empty, option:default:disabled, #lang {
	height: 21px;
	}

@media all and (min-width: 0) {
	#lang {
		top: 5px;
		}
	}


/* 8. footer
---------------------------------------------*/
#footer {
	position: relative;
	margin: 0 auto;
	clear: both;
	width: 1000px;
	height: 131px;
	background: url('/xtr/icn/video/footer_bg.png') no-repeat top left;
	}

#footer #nav-func {
	position: relative;
	margin: 0 auto;
	padding: 14px 0 11px;
	width: 940px;
	zoom: 1;
	border-bottom: 1px solid #F4F6F5;
	}

#footer #nav-func:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}

#footer #nav-func h3 {
	position: absolute;
	bottom: 0;
	_bottom: -1px;
	left: 0;
	width: 940px;
	height: 1px;
	overflow: hidden;
	background: #DDDFDE;
	text-indent: -500em;
	}

#footer #nav-func ul {
	_display: inline;
	float: left;
	margin-left: 71px;
	border-right: 1px solid #BDBDBF;
	border-left: 1px solid #EFEFEF;
	}

#footer #nav-func ul li {
	_display: inline;
	float: left;
	padding: 0 8px;
	border-right: 1px solid #EFEFEF;
	border-left: 1px solid #BDBDBF;
	line-height: 0.9em;
	}

#footer #nav-func ul li a {
	position: relative;
	_top: 2px;
	color: #959699;
	font-size: 0.95em;
	}

#footer #extraLinks {
	position: absolute;
	top: 63px;
	right: 33px;
	width: 16em;
	}

#footer #extraLinks h3 {
	position: relative;
	top: -1px;
	float: left;
	width: 42px;
	height: 15px;
	overflow: hidden;
	background: url('/xtr/icn/video/extraLinks_h3_bg.gif') no-repeat top left;
	text-indent: -500em;
	}

#footer #extraLinks ul {
	_display: inline;
	margin-left: 0.7em;
	float: left;
	border-right: 1px solid #BDBDBF;
	border-left: 1px solid #EFEFEF;
	}

#footer #extraLinks ul li {
	_display: inline;
	float: left;
	_margin-top: -1px;
	padding: 0 10px;
	border-right: 1px solid #EFEFEF;
	border-left: 1px solid #BDBDBF;
	line-height: 0.75em;
	*line-height: 0.8em;
	_line-height: 0.85em;
	}

#footer #extraLinks ul li a {
	position: relative;
	top: 1px;
	_top: 2px;
	color: #959699;
	font-size: 0.75em;
	}

* + html #footer #extraLinks ul li a {
	top: 0;
	}

:-moz-any-link:empty, option:default:disabled, #footer #extraLinks ul li a {
	top: 0;
	}

body:first-of-type #footer #extraLinks ul li a {
	top: -1px;
	}

html:first-child #footer #extraLinks ul li a {
	top: 0;
	}

#footer #copyright {
	position: absolute;
	top: 63px;
	left: 258px;
	z-index: 10;
	color: #787878;
	font-size: 0.7em;
	font-family: Arial, sans-serif;
	}

#footer .vcard {
	position: relative;
	margin-left: 30px;
	width: 680px;
	height: 60px;
	background: url('/xtr/icn/video/footer_logo_bg.gif') no-repeat 0 10px;
	}

#footer .vcard a {
	position: absolute;
	left: -500em;
	}

#footer .vcard .adr {
	position: absolute;
	top: 3.8em;
	left: 228px;
	z-index: 5;
	color: #787878;
	font-size: 0.7em;
	font-family: Arial, sans-serif;
	}

@media all and (min-width: 0) {
	#footer .vcard .adr {
		top: 3.9em;
		}
	}

#footer .vcard .adr .street-address {
	margin-left: -3px;
	}

#footer .vcard .adr .country-name {
	position: absolute;
	left: -500em;
	}

#footer .vcard .tel {
	position: absolute;
	top: 5.05em;
	*top:5.1em;
	left: 228px;
	z-index: 5;
	color: #787878;
	font-size: 0.7em;
	font-family: Arial, sans-serif;
	}

body:first-of-type #footer .vcard .tel {
	top: 5.1em;
	}

html:first-child #footer .vcard .tel {
	top: 5.2em;
	}