@charset "utf-8";
/* CSS Document */
@import url("layout.css");
@import url("header.css");
@import url("mp.css");
@import url("left.css");
@import url("right.css");
@import url("cp.css");
@import url("lp.css");
@import url("np.css");
@import url("qp.css");
@import url("fb.css");
@import url("form.css");
@import url("search.css");
@import url("menu.css");
@import url("forwardForm.css");
@import url("epaper.css");
@import url("tabpanel1_class.css");

.accesskey {font-size: .8em;text-align:left;height:0px;z-index:9999999;position:absolute;}
.accesskey a{color: #95d5ea;padding:0px 0 0 0px;_padding:0px 0 0 0px;}


.theme_service .accesskey {
	color: #95d5ea;
	position: absolute;
	left: 20px;
}



h2{
font-weight: bold;
letter-spacing: 1px;

/**@Kyart**/
font-size: 130%;
color: #003684;
background: url(../images/bg_cp_title_line.gif) no-repeat 5px 0;
margin:48px 0 0px 0;/*
margin:18px 0 0px 0\0;
margin:68px 0 0px 0\9\0;
*margin:18px 0 0px 0;*/
padding:6px 0 13px 48px;
line-height:1em;

border-bottom:1px solid #ddd;
}
a{
/**@Kyart**/
color: #039;
}
a:hover{
/**@Kyart**/
color: #06C;
text-decoration: underline;
}

.blockquote{
	color: #996600;
	line-height: 20px;
	margin:5px 10px 0 10px;
	clear:both;
}

.date{
	color: #d56e1b;
}

.more{
	
	float:right;		
	margin:5px 7px 0 0;
	clear:both;
}
.more a{
	color: #000;	
	background-repeat: no-repeat;
	background-position: right 0px;	
	text-align:right;
	display:block;			
	margin:0px 0px 0 0;
	height:22px;
	
/**@Kyart**/
font-size: 15px;
color: #206BAB;	
padding:0 0 2px 8px;
*padding:2px 8px 2px 8px;
_float:right;
}
html>body .more a{/*font-size: 90%;*/}
*+ html>body .more a{/*font-size: 80%;*/}
.leftimg {
	padding:0px 0 5px 4px;
	display:block;		
	/*background-image: url(../images/morebg_left.gif);
	background-repeat: no-repeat;
	background-position: left 0px;*/
}


.btn_center{ text-align:center;  clear:both;}


.PgSet{ float:right; margin:0 3px; clear:both; padding:0px;}
.PgSet li{
	display:inline;
	padding:0;
	background-image: none;
	border:none 0px;
	vertical-align:-10px;
	
}
.friendly{
color: #666666;
margin:5px 0 0px 0px;
clear:both;
width:100%;*width:600px;
/**@Kyart**/
text-align:left;
*z-index:188;
position:relative;
}
.friendly .path{	
margin:0px 0 0px 0px;
/**@Kyart**/
color: #125687;
font-size:1.15em;
padding:1px 0px 0px 25px;
line-height:25px;
*width:710PX;
}
.friendly .path span.before{padding: 0 12px 0 0;}

.friendly .path a,
.friendly .path span
{
color: #125687;
}
.friendly .path img{
	vertical-align: middle;
}
.friendly .function{
float: right;
/**@Kyart**/
margin:33px 10px 13px 10px;
margin:23px 10px 0 10px\0;
margin:33px 10px 13px 10px\0\9;
*margin:28px -128px 0 10px;
}
.friendly .function ul{margin:0 0 0px 0;}
.friendly .function li{background: url(none) no-repeat 0px 0px;	
	margin:0 2px 0px 0;padding: 0px 0 0 0;text-align:center;display:block;float:left;font-size: .95em;
/**@Kyart**/
width:90px;
*width:90px;
_width:90px;
}
.friendly .function .print{
/**@Kyart**/
height:22px;display:block;
padding:4px 0 0 12px;
width:75px;
*width:75px;
_width:75px;
background: url(../images/btn_print_1.jpg) no-repeat 0px 0px;	
}
.friendly .function .forward{
/**@Kyart**/
height:22px;display:block;
padding:4px 0 0 12px;
width:75px;
*width:75px;
_width:75px;
background: url(../images/btn_forward_1.jpg) no-repeat 0px 0px;
}
.friendly .function .back{
/**@Kyart**/
height:22px;display:block;
padding:4px 0 0 12px;
width:75px;
*width:75px;
_width:75px;
background: url(../images/btn_back_1.jpg) no-repeat 0px 0px;
}
.friendly a span{
/**@Kyart**/
color:#FFF;
}
.friendly a:hover span{
/**@Kyart**/
color:#FFC;
}
/**@Kyart**/
.friendly .function .print:hover,
.friendly .function .forward:hover,
.friendly .function .back:hover,
.quickLink a.gotop:hover,
.quickLink a.back:hover{
text-decoration:none;
color:#FFC;
/**@Kyart**/
}
/* fb share*/
.friendly .webFun { top: 66px!important; }



.text_red{	color: #CC0000;}
.text_green{color: #009933;}
.text_blue{color: #0066CC;}

.text_Q{
	color: #0066CC;
	font-size: 100%;
	font-weight: bold;
	margin:5px 0 5px 0;
}
.text_A{
	color: #CC3300;
	font-size: 100%;
	font-weight: bold;
	margin:5px 0 5px 0;
}

.btnSearch{
	color: #333333;
	padding:0px 0 0 0;
	margin:0 0px;
	border: 0px none;
	vertical-align:middle;
/**@Kyart**/
height:32px;
width:32px;
background:none;
margin:0 0 0 -42px;
cursor:pointer;
}
.english .btnSearch{margin-left: -66px;}

.btngray{
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../images/btngray.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding:2px 3px 2px 3px;
	margin:0 1px;
	height:22px;
	vertical-align:middle;
	border: 1px solid #CCC;
}
.btnCom{
	color: #333333;
	background-image: url(../images/btnCombg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border: 1px solid #EAB13C;
	text-align: center;
	padding: 3px 0;
	font-size: 11px;
	width:60px;
	height:22px;
	vertical-align:middle;
}

.btnadd{
color: #333333;
background-image: url(../images/btnadd.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
padding:3px 0px 2px 0px;
width:85px;
border: 0px none;
text-align: center;
background-color: #FFFFFF;
}
.inputSearch{
border: 0px solid #FFF;
color: #666666;
vertical-align:middle;
background:transparent;
/**@Kyart**/
margin:0 0 0 0;
padding:8px 32px 5px 15px;*padding:8px 32px 10px 15px;padding:8px 32px 10px 15px\0;
width:131px;*width:131px;_width:131px;
background:url(../images/bg_input.gif) no-repeat 0 0;
}
.inputgray{
	border: 1px solid #B1CDD6;
	padding:4px 3px 0px 3px;
	color: #666666;
	vertical-align:middle;
}

/*---------------------------------------------float right*/
/*.floatright{ float:right;}
.floatright img{
	vertical-align: middle;
}*/
/*---------------------------------------------float left*/
.floatleft{ float:left;}
.floatleft img{
	vertical-align: middle;
}
/*---------------------------------------------quickLink*/
.quickLink{
	margin: 10px auto;
	text-align:right;
	font-size: 90%;	
	clear:both;
	
}
.quickLink ul{
margin: 0px;
text-align:right;
list-style-type: none;
/**@Kyart**/
float:right;
background-image: none;
}
.quickLink li{
display:inline;	
background-image: none;
border:0px none;
/**@Kyart**/
padding:5px;
float:left;
}
.quickLink a.gotop{
/**@Kyart**/
text-align: left;
font-size:12px;
color:#FFF;
height:23px;display:block;
padding:4px 0 0 25px;
margin-right:2px;
width:56px;
*width:56px;
_width:56px;
background: url(../images/btn_home.gif) no-repeat 0px 0px;	
}
.quickLink a.back{
/**@Kyart**/
text-align: left;
font-size:12px;
color:#FFF;
height:23px;display:block;
padding:4px 0 0 21px;
width:60px;
*width:60px;
_width:60px;
background: url(../images/btn_back.gif) no-repeat 0px 0px;	
}

/*---------------------------------------------page*/
.page{	
	margin:10px 0 0px 0;
	text-align:center;
	clear:both;
	height:25px;
	border-bottom:1px solid #eee;
}
.page em{
	color: #CC6600;
	font-weight: normal;
}
.page img{ vertical-align:middle;}
.page ul{margin:0 padding:0; list-style:none;width:300px;float:left;}

.page ul li.prev{
	background-image: url(../images/icon_previous.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left: 10px;
}
.page ul li.first{ padding:2px 2px;}
.page ul li.next{
	padding:2px 2px;
	/*background-image: url(../images/icon_next.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-right: 10px;*/
}
.page ul li.last{padding:2px 2px;}
.page ul li.here{background:#509c39; color:#fff;padding:0px 5px;display:block;}

.page .condition{margin:0; padding:0px 8px;float:right; background:#eafce4; color:#000;}


.page ul li{margin:0 padding:0; list-style:none;float:left;display:block; padding:2px 2px;  }

/*---------------------------------------------sitemap page*/
.sitemap {
color: #666666;
	vertical-align: top;
	line-height: 1.7em;
	padding:0px 15px 10px 15px;
	border:0px solid #d0e7e9;background:none;
	font-size: .95em;
	clear:both;
	
}
.sitemap h3{
	font-size: 120%;
	font-weight: normal;
	color: #009933;
	margin: 5px 0;
	padding-bottom:3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.sitemap p{
	margin:5px 0 0 0px;
	line-height: 20px;
}
.sitemap ul{
	margin:10px 0 0 20px;
}
.sitemap li{
	list-style-type: none;
	line-height: 20px;
}
.sitemap li img{ vertical-align:middle;}
.sitemap .mapTree{ margin:5px 0 0 15px;}
.sitemap .mapTree li{
	background-image: url(../images/icon_arrow3.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 15px;
	line-height: 25px;
	list-style-type: none;
}
.sitemap .mapTree ul{ margin:5px 0 0 15px;}
.sitemap .mapTree li li{
	background-image: url(../images/icon_arrow5.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 10px;
	list-style-type: none;		
}

.sitemap .update{  text-align:right; clear:both; color:#999;}
.sitemap .quickLink li{
	background-image: none;
}


/*--footer design--*/
.wrap [id="zone.footer"]{
/**@Kyart**/
background:url(../images/bg_footer.jpg) repeat-x center bottom;
position:relative;
}
.footer {
/**@Kyart**/
text-align:left;
padding:15px 0 0 0px ;
*padding:15px 0 0 0px ;
_padding:15px 0 0 0px ;
margin:30px auto 0;
font-size:.85em;
position:relative;
height: 138px;*height:138px;_height:138px;
width:980px;
*background:url(../images/bg_footer.jpg) repeat-x center bottom;
}

.footer .aaa{
/*float: left;*/

/**@Kyart**/
float:right;
margin:0 5px 0 0px ;
}
/**@Kyart**/.English .footer .aaa{margin:68px 5px 0 0px ;}
.footer p{
float: left;
/**@Kyart**/
margin:0 10px;*margin:0 10px;
_margin:0 10px;
color: #666;
width:960px;
font-size:1.25em;
line-height:1.5em;*line-height:1.5em;
}
.footer p a{
/**@Kyart**/
color:#036;
text-decoration:underline;
}
.footer p a:hover{
/**@Kyart**/
color:#099;
text-decoration:none;
}

.footer p img{
/**@Kyart**/
float:left;margin:0 15px 0 0;
}

.copyright{
margin:8px 0px 0 0px;
*margin:8px 0px 0 0px;
_margin:8px 0px 0 8px;

}

.footer .copyright ul{
text-align:left;
padding:0 0 0;
/**@Kyart**/
float:left;
margin-left:6px;
font-size:1.25em;
}
.footer .copyright li{
display:inline;
padding:0 4px 0 4px;
border-right:1px solid #29868a;
}
.footer .copyright a{ color:#036;/**@Kyart**/}

.footer .egovBox{
/**@Kyart**/
width:auto;
left:0;
right:0;
margin:0;
height:100px;

*position:absolute;
*right:100px;
*left:auto;
*top:0;
}
.footer .egov{
float:left; margin:0px 15px 0 0;
/*}
.footer .egov{*/
position:absolute;
right:150px;right: 150px \9;*right:0;
top:15px;*top:15px;
}
.footer .egov:first-child{
/*position:absolute;*/
right:90px;right: 90px \9;*right:50px;
top:15px;*top:10px;
}

.footer .egov ul{
text-align:center;}
.footer .egov li{
display:inline;
padding:0 0px 0 0 ;
}
.footer .update{
/**@Kyart**/
color: #069;padding:0 0 0 20px ;
float: right;
margin-left:75px;
*width:238px;
*text-align:right;
*clear:right;
position: absolute;
right:10px;
bottom: 20px;
}
}

.footer .update em{
color: #069;
font-style:normal;
}
.footer .Copy{
	font-size:.8em;font-family:'Trebuchet MS';color: #909090;padding:10px 0px 0 0 ;
}
/** 臺北大眾捷運股份有限公司 - Footer @ Kyart
*********************************************************/
.copy_trtc{color:#039;*margin:-16px 0 0;}
.foot-info{
color:#069;
float:right;
}
.foot-trtc-logo{
display:block;
width:288px;
height:50px;
position:absolute;
z-index:888;
right:0;
bottom:50px;
}
.foot-trtc-logo em{display:none;visibility:hidden;}
.foot-qr{
position:absolute;
z-index:8;
display:block;
background:#F00;
top:100px;
right:0;
width:75px;
height:75px;
}
.foot-qr img{
width:75px;
}


/** IE8 Hacks 
*********************************************************/
@media \0screen {
.footer .egovBox{
top:91px;
}
}


/*20150615  brad edit*/
noscript {
	display: block;
	margin: 0;
	text-align: left;
	 padding:0px; font-size: .9em;
}
noscript:before,noscript:after{clear: both; display: table;content: "";}
noscript .headline { 
    margin: 0px !important;
    padding: 0 !important;
}
noscript .headline{position: relative !important;}
noscript .headline h2,
noscript h2{ 
	background: #f2f2f2 !important;
	display: block; line-height: 1.5em; text-align: left;margin: 0px !important;padding: 5px !important;}
noscript .headline .more {
    position: absolute;
    z-index: 2;
    right: 0px;
    top: -10px;
}
noscript .headline .body ul{height: auto !important;
width: 100% !important;
margin: 10px 0 0 0 !important;
text-align: left !important;}
noscript .headline .body {
    font-size: 1em !important;   
    margin-top: 0px !important;
    padding: 0px 35px 10px 0px !important;
}
noscript .headline .body ul li{float: none !important;}
#container div.tabpanel noscript .headline ul li{float: none !important;}
#container div.tabpanel noscript .headline ul li a{margin:20px 0 !important;}
noscript .headline .body ul li{    
    line-height: 1.5em !important;
    clear: left;
    margin: 5px 0 !important;   
    padding: 3px 0 6px 0 !important;   
}
noscript .headline .body ul li a{
    padding: 3px 0 !important;    font-size: 1.1em !important;   
}