@charset "UTF-8";
@import url("i_menu.css");
/* 交通部首頁 */

/* 預設樣式 */
body {
	margin:0;
	padding:0;
	background:#eef9fa url(../images/leftbg.png) repeat-y 0 0;
	font-size:.8em;
	color:#333;
}
.mpwrap {
}

h1 , h2 {
	margin:0;
	padding:0;
}
h1 img {
	display:block;/* 消除因斷行產生的間隙*/
}
.accesskey {
	position:absolute;
}
a {
	color:#0156A9;
	text-decoration:none;
}
a:hover {
	color:#257cff;
	text-decoration:underline;
}
img {
	border:none;
}
.more {
	text-align:right;
	font-size:.92em;
	line-height:120%;
	margin:.8em 0 0;
}
.more a {
	background:url(../images/more_bg.gif) no-repeat 0 3px;
	padding-left:12px;
}
.more a:hover {
	background-position:2px 3px;
}

/*-------------------------------------------------layout*/
.header {
	background: url(../images/headerBg.gif) repeat-x 0 0;
}

.layout {
	margin:0;
	width:100%;
	border-collapse:collapse;
}
.layout .leftbg {
	padding:190px 0 5px;
	width:206px;
	vertical-align:top;
	background:url(../images/left_side.png) no-repeat 0 0;
}
.layout .leftbg .side {
	padding:0;
}
.layout .center {
	vertical-align:top;
	padding:0 0 5px;
}
.layout .rightbg {
	padding:0 0 5px;
	vertical-align:top;
	width:190px;
}
.layout .rightbg .side {
	margin:0 0 0 25px;
}

/*微調快捷鍵位置與顏色*/
.leftbg .accesskey {
	margin-top:-1.2em;
}
.center .accesskey {
	margin-top:-1.2em;
}
.rightbg .accesskey {
	margin-left:-1.2em;
}
.header .accesskey {
	margin-left:-1.2em;
}
.center .accesskey a , .rightbg .accesskey a ,
.center .accesskey a:hover , .rightbg .accesskey a:hover {
	color:#eef9fa;
}
.header .accesskey a , .leftbg .accesskey a ,
.header .accesskey a:hover , .leftbg .accesskey a:hover {
	color:#5399c7;
}


/*----------------------------------------------------------------nav*/
.nav {
	position:absolute;
	right:20px;
	top:10px;
}
.nav ul {
	margin:0;
	padding:0;
}
.nav ul li {
	margin:0;
	padding:0;
	display:inline;
}
.nav ul li a {
	text-indent:-3000px;
	width:27px;
	height:27px;
	float:left;
	margin-left:6px;
}
.nav .home {
	background:url(../images/home_btn.gif) no-repeat 0 0;
}
.nav .en {
	background:url(../images/en_btn.gif) no-repeat 0 0;
}
.nav .pda {
	background:url(../images/pda_btn.gif) no-repeat 0 0;
}
.nav .rss {
	background:url(../images/rss_btn.gif) no-repeat 0 0;
}
.nav .sitemap {
	background:url(../images/sitemap_btn.gif) no-repeat 0 0;
}
.nav .mail {
	background:url(../images/mail_btn.gif) no-repeat 0 0;
}
.nav .down {
	background:url(../images/down2_btn.gif) no-repeat 0 0;
}
.nav .search {
	background:url(../images/search_btn.gif) no-repeat 0 0;
}
.nav .home:hover {
	background:url(../images/home_over.gif) no-repeat 0 0;
}
.nav .en:hover {
	background:url(../images/en_over.gif) no-repeat 0 0;
}
.nav .pda:hover {
	background:url(../images/pda_over.gif) no-repeat 0 0;
}
.nav .rss:hover {
	background:url(../images/rss_over.gif) no-repeat 0 0;
}
.nav .sitemap:hover {
	background:url(../images/sitemap_over.gif) no-repeat 0 0;
}
.nav .mail:hover {
	background:url(../images/mail_over.gif) no-repeat 0 0;
}
.nav .down:hover {
	background:url(../images/down2_over.gif) no-repeat 0 0;
}
.nav .search:hover {
	background:url(../images/search_over.gif) no-repeat 0 0;
}



/*-----------------------------links：訂閱電子報，個人化服務*/
.links {
	margin:20px 0 10px 6px;
}
.links ul {
	list-style: none;
	margin:0;
	padding:0;
}
.links li {
	margin:0;
	padding:0;
}
.links li a {
}
.links li a:hover {
}

/*--------------------------- marka：無障礙標章*/
.marka {
	position:relative; 
	margin:20px auto 0;
	padding-left:20px;
}


/*-----------------------------news：中欄四個訊息區塊*/
.news {
	border-bottom:7px solid #e0ebed;
	margin:20px 5px 22px;
	padding-bottom:3px;
}
.news ul {
	list-style: none;
	margin:0 0 0 15px;
	padding:0;
	line-height:150%;
}
.news li {
	background: url(../images/listItem1.gif) no-repeat left 0.55em;
	padding-left:1.2em;
	margin-bottom: 0.3em;
}
.news li .date {
	color:#CB6735;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:.8em;
}
.news h2 {
	height:34px;
	line-height:100%;
	font-size:1em;
	margin:0 0 10px;
	padding:0;
	border-bottom:1px solid #d3e3e3;
	clear:both;
}
.news .more {
	margin:0 5px 0 0;
}


/*-----------------------------motcRelated 業務相關連結*/
.motcRelated {
	background:url(../images/motcRel_bg.png) no-repeat 0 0;
	padding:0 0 0px 30px;
	margin:25px auto 5px;
	position:relative;
	min-height:100px;
}
.motcRelated h2 {
	margin:0 0 10px;
	padding:0;
	text-align:center;
}
.motcRelated .body {
	background:url(../images/motcRel_bg.png) no-repeat right top;
	padding:20px 30px 5px 0;
}
.motcRelated ul {
	list-style: none;
	margin:0 auto 10px;
	padding:0;
	overflow:hidden;
	_height:60px;/*fix ie6 that don't know overflow:hidden */
	width:520px;
}
.motcRelated li {
	float:left;
	display:inline-block;
	margin:0 3px 6px;
	padding:0;
}
.motcRelated li a img {
	width:120px;
	height:50px;
	border:1px solid #999;
}
.motcRelated li a:hover img {
	border:1px solid #222;
}
.motcRelated .more {
	margin-right: -20px;
}

/*==================================right column*/
.rightbg .emPhone , .rightbg .video , .rightbg .commu , .rightbg .ad , .rightbg .linkOut , .rightbg .search {
	width:150px;
	margin:0 0 12px;
}
.emPhone ul , .commu ul , .ad ul {
	list-style: none;
	margin:0;
	padding:0;
	text-align:center;
}

/*-----------------------------search*/
.search {
	background:url(../images/mp_ad_bg.png) no-repeat left bottom;
	padding:0 0 8px;
}
.search h2 {
	background:url(../images/mp_ad_bg.png) no-repeat left top;
	padding:10px 0 5px;
	line-height:100%;
	font-size:16px;
	text-align:center;
}
.search form {
	margin:0 auto;
	width:130px;
	padding:0;
	line-height:110%;
}
.search input.text {
	width:118px;
	border:1px solid #bbb;
	border-right-color:#e2e2e2;
	border-bottom-color:#e2e2e2;
	font-size:1em;
	line-height:110%;
	display:block;
	margin:0 auto 6px;
	padding:3px 5px 1px;
	padding:5px 5px 0px \9;
	background:url(../images/input_bg.png) no-repeat 0 0;
}
.search input.button {
}
.search a {
	display:inline-block;
	vertical-align:top;
	background:url(../images/arrow1.gif) no-repeat 0 5px;
	padding:5px 0 4px 18px;
	font-size:.92em;
	line-height:105%;
}

/*-----------------------------emPhone*/
.emPhone {
}
.emPhone ul {
}
.emPhone li {
	margin:0 0 6px;
	padding:0;
}
.emPhone li a {
	display:block;/*消除因li之間的間隙*/
}
.emPhone li a img {
	width:120px;
	border:1px solid #aaa;
}
.emPhone li a:hover img {
	border:1px solid #444;
}

/*-----------------------------video*/
.video {
	padding:0 0 20px;
	background:url(../images/mp_video_bg.png) no-repeat left bottom;
	text-align:center;
}
.video h2 {
	padding:10px 0 6px;
	background:url(../images/mp_video_bg.png) no-repeat left top;
	font-size:1.15em;
	line-height:100%;
}
.video h2 img {
	width:auto;
	border:none;
}
.video img ,
.video object {
	width:140px;
	margin:0 auto;
	border:1px solid #fff;
}
.video p {
	font-size:1em;
	line-height:1.5em;
	text-align:left;
	margin:6px 8px 9px;
}
.video .more {
	margin-right:8px;
}

/*-----------------------------commu：連結 facebook, youtube*/
.commu li {
	margin:0 0 2px;
}

/*-----------------------------ad：主題專區*/
.ad {
	text-align:center;
	background:url(../images/mp_ad_bg.png) no-repeat left bottom;
	padding:0 0 20px;
}
.ad h2 {
	background:url(../images/mp_ad_bg.png) no-repeat left top;
	padding:10px 0 8px;
}
.ad ul {
}
.ad li {
	margin:0 0 6px;
	padding:0;
}
.ad li a {
	display:block;
	text-align:center;
}
.ad li a img {
	width:120px;
	border:1px solid #aaa;
}
.ad li a:hover img {
	border:1px solid #444;
}

/*-----------------------------linkOut 部外連結*/
.linkOut {
}

/*-----------------------------footer*/
.footer {
	margin:0 190px 0 206px;
	padding:10px 0 15px;
	line-height:1.8em;
}
.footer p {
	color:#a47d5c;
	text-align:center;
}
.footer em {
	font-style:normal;
	font-weight:bold;
	color:#d36500;
}
.footer .update {
	display:block;
	color:#036767;
}
.footer .update em {
	color:#036767;
}
.footer ul {
	margin:0;
	padding:8px 5px;
	text-align:center;
	line-height:2em;
	background:#d0ede9;
	border-top:2px solid #b7d0ce;
	border-bottom:1px solid #b7d0ce;
}
.footer li {
	display:inline;
	margin:0 .5em;
}
.footer li a {
	white-space:nowrap;
	color:#444;
}
.footer li a:hover {
	color:#111;
}

/*-----------------------------flashBanner：中欄上方廣告輪播*/
.flashBanner {
	margin:10px 0 0;
	text-align:center;
}
.flashBanner object {
	margin:0 auto;
	width:522px;
	height:136px;
}