@charset "utf-8";
/* CSS Document */
/*Global*/
body {background-color: #fff;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
img { border:none;}
p {line-height:16px;}
.container {}
#page {margin-top:-150px; width:100%; min-height:207px; background: url(../images/template/bgBottom.png) no-repeat center bottom; z-index:1}
#page div { text-align:center; margin-left:auto; margin-right:auto;}
#footer { position:relative; z-index:10}
#page2 {
	margin-bottom:0;
	width:1067px;
	min-height:207px;
	background: url(../images/template/bgBottom.png) no-repeat center bottom;
	z-index:1;
	position:absolute;
	left: -57px;
	top: 219px;
	height: 126px;
	
}

.taipeifringe10 {background:url(../images/template/bgBlank.jpg) no-repeat center top;}
/*Global type*/
a:link {text-decoration: none;color:#FF7200; }
a:visited {text-decoration: none;color:#FF7200;}
a:hover {text-decoration: underline;color:#FF7200;}
a:active {text-decoration: underline;color:#FF7200;}
/*Template*/
#Header {/*height:280px;*/
	height:295px;
	background-image: url(../images/template/headerBg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#MainContainer{ padding:0; margin:0;}
#MainContent{ padding:0; margin:0;}
#GlobalNavi {padding:0 0 0 221px; margin:0;} 

#Path {padding:0 0 0 30px; margin:0; height:30px; text-align:left; color:#ff7200;}
#Path a,#Path a:link,#Path a:active,#Path a:visited {color:#5d5d5d;}
#Path a:hover {color:#FF6F00;}
#Navigator {padding:0; margin:0; /*background-color:#003399;*/}
#SideBar {padding:0; margin:0;}
#footer { height:180px;}
/*MainArea*/
#MainArea {margin:-5px 0 0 0px; padding:0;}
#MainAreaHead02 { width:950px; height:40px; background:url(../images/template/BgMainArea01.png) no-repeat 0 0; margin:0; padding:0;}
#MainAreaText02 { width:950px;background: url(../images/template/BgMainAreaMiddle.png) repeat-y 0 0;margin:0px 0 0 0; padding:0 0 0 0px;}
#MainAreaBotton02 { width:950px; height:70px; background: url(../images/template/BgMainArea01.png) no-repeat bottom left;margin:0px 0 0 0; padding:0 0 0 25px;}
/*SideBar*/
.SideBarBtn { text-align:center; padding:0; margin:0;}
div.SideBarBtn ul { padding:0; margin:0;}
div.SideBarBtn li { list-style:none; padding:0; margin:0;}
.SideBarInput { text-align:center;margin:5px 0;}
.SideBarAds { text-align:center; margin:5px 0;}
.UpdateTime { padding:0 0 0 20px;}
/*Header Area*/
/*Navigator*/
/*MainContainer*/

/*Index Page*/
#MainTextArea { padding: 0 0 0 10px; width:350px; float:left;}
#MainTextArea ul { list-style-image:url(../images/icon/ItemCircle01.png); }
#MainTextArea li { font-weight:bold; color:#2db1d5; line-height:25px;}
#MainTextArea li a {color:#6b6b6b; font-weight:300; padding:0 5px;}
#MainTextArea li a:hover {color:#6b6b6b;}
#MainImageArea {padding: 0 10px 0 0; margin:0 0 0 30px; width:320px; background-color:#e4e4e4; border:#c6c6c6 1px solid;float:left; color:#3e3e3e;}
.ImageBox { width:250px; height:250px; overflow:hidden; margin:10px auto; padding:0; border:#c6c6c6 1px solid;}
#MainImageArea p { display:block;width:235px;margin:0px auto 0 auto; line-height:20px;}
#HomeMidFlash { padding: 50px 0 0 10px; text-align:center;}
.icoMore { padding: 0 20px 0 0; text-align:right;}

/*Program Search*/
#ProgramSearch { margin:0 0 0 30px; padding:10px; background-color:#e4e4e4;}
#ProgramSearch h3, #ProgramSearch p { font-size:14px; color:#6b6b6b; font-weight:bold; padding:10px 0 0 25px; margin:0;}

#ProgramSearch input { margin:0 5px 0 5px;}
input.ProgramSearch { background:url(../images/icon/SearchBtnTw.png) no-repeat left top; border:none; width:70px; height:21px; }
input.SmallText { width:90px;}
.ProgramSearchBtn { background:url(../images/icon/SearchBtnTw.png) no-repeat left top; border:none; width:40px; height:21px; }



/*Star*/
input.StarSubmit{ background: url(../images/icon/SubmitBtnTw.png) no-repeat left top; border:none; width:70px; height:21px;}
.StarEntry, .StarEntryIn, .programIn, .ProgramEntry, #SubNavi, .NewsEntry, .NewsEntryIn {margin:0 0 0 30px; padding:10px;}
div.StarEntry h3 { font-size:14px; font-weight:bold; color:#505050; padding:0; margin:0;}

div.ProgramEntry h2, div.programIn h2, div.StarEntryIn h2, .NewsEntry h2, .NewsEntryIn h2 { background-color:#e4e4e4; padding:10px;}
div.StarEntryIn h3 { font-size:14px; font-weight:bold; color:#505050; padding:0; margin:0;}
div.StarEntryIn p, div.NewsEntryIn p,
div.ProgramEntry p, div.programIn p ,
div.StarEntry p { font-size:13px; color:#505050;padding:0; }

div.StarEntryIn ul { font-size:12px; color:#505050;padding:0; list-style:none; }
div.StarEntryIn li { font-size:12px; color:#505050;padding:0; line-height:25px; }
div.StarEntryIn li>span { font-size:12px; font-weight:bold; color:#505050;padding:0; }


div.ProgramEntry h3 { font-size:14px; font-weight:bold; color:#505050; padding:0; margin:0;}
.ProgramEntryPic{ float:left; margin:0 30px 0 0; overflow:hidden;}
.ProgramFlash { float:left; padding:0 30px 0 0;}
div.programIn h3 { font-size:14px; font-weight:bold; color:#0496b7; padding:0; margin:0;}
div.ProgramEntry h4, div.programIn h4 { font-size:12px; font-weight:bold; color:#16658a; padding:0; margin:0;}
div.ProgramEntry ul, div.programIn ul { font-size:12px; color:#505050;padding:0; list-style-type:none;}
div.ProgramEntry ul ul, div.programIn ul ul { font-size:12px; color:#505050;padding:0 0 0 30px; list-style-type:none;}
div.ProgramEntry ul li ul, div.programIn ul li ul { font-size:12px; color:#505050;padding:0; margin:0 0 0 180px; list-style-type:none; }

div.ProgramEntry li, div.programIn li { font-size:12px; color:#505050;padding:0; line-height:18px;}
div.ProgramEntry li>span, div.programIn li>span { font-size:12px; font-weight:bold; color:#505050;padding:0; }
.BtnBack { text-align:center;}

.ClickRate { text-align:right;}

div.OtherComment {}
div.OtherComment h3 { color:#9c9c9c; font-size:13px; margin:10px 0;}
div.OtherComment h4 {color:#9c9c9c;  font-size:12px;margin:10px 0;}
div.OtherComment p{color:#9c9c9c;  font-size:12px;}

#PageFlip, .PageFlipBlue { text-align:center;}
div.PageFlip div { background-color:#CCCCCC; width:20%; margin:0 auto 0 auto;color:#FFFFFF;}
div.PageFlipBlue.div { background-color:#54cde8; width:20%; margin:0 auto 0 auto;color:#FFFFFF;}
#PageFlip a, div.PageFlipBlue a { color:#FFFFFF;}
#PageFlip a:hover, .PageFlipBlue a:hover {}
/*-----------------------news----------------------*/
.NewsTitleG {
	DISPLAY: block;
	padding :5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #909A00;
	LINE-HEIGHT: 18px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#InPageTitle {
	font-family:sans-serif;
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	color: #FF7200;
}

.datatable_News{
    /*width: 650px;*/
	width:100%;
	text-align:left;
}

.datatable_News td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8c8c8c;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 12px;
	color:#666666;
	padding:3px;
	height:60px;
}

.datatable_News th{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 13px;
	color:#000000;
	font-weight: normal;
	text-align: center;
	padding:5px;
	background-color: #F4D211;
}

.datatable_News a:link,.datatable_News a:visited ,.datatable_News a {
	color: #ff7200;
	text-decoration: none;
}
.datatable_News a:hover {
	color: #ff7200;
	text-decoration: underline;
	font-weight: bold;
}
.bluelink a:link,.bluelink a:visited,.bluelink a:active,.bluelink a{
	COLOR: #333333; 
	TEXT-DECORATION: underline;
}

.bluelink a:hover {
	COLOR: #333333; 
	TEXT-DECORATION: none;
}

.TopBtn{
	border: #333333 1px solid;
	width:36px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #666666;
}

.TopBtn a:link,.TopBtn a:visited,.TopBtn a:active,.TopBtn a{
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none;
}

.TopBtn a:hover {
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none;
}
/*Content Page ================================================================*/
#Shownav{ margin-bottom:10px;}
#Shownav:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";}
.WSTable{
   width:450px;
   padding:5px;
}

.WSTable td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #484848;
	width:70%;
	padding:0;
	margin:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}

.WSTable th{
	padding:0;
	margin:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	width:30%;
	text-align:left;
}
/*footer*/
#footer { background:url(../images/template/footerBg.png) no-repeat left bottom; height:252px; z-index:10}
#footerNavi { text-align:right; padding:10px 0 0 0; border-bottom: #dedede 1px solid; font-weight:bold; color:#ff7200}
#footerNavi span { padding:3px;}
#footerNavi a { color:#ff7200}
#footerNavi a:hover{ text-decoration:none;}
#footerSponsers { text-align:center;}
.footerlogoTB{
    width: 690px;
	height:57px;
	padding:0px;
	margin:0px;
}

#footerwording{	color: #575757;font-size: 11px;font-family: Arial, Helvetica, sans-serif;line-height: 12px;padding-top:9px;}
#footerwording a,#footerwording a:link,#footerwording a:visited,#footer a:active{color: #575757;text-decoration:underline;}
#footerwording a:hover{color: #575757;text-decoration: none;}
/*Add From Old Template*/
#Logolink{width:155px;float:left;padding-left:80px;padding-top:10px;}
#Lanlink{font-family: sans-serif;font-size: 12px;line-height: 18px;color: #010101;}
#Lanlink a,#Lanlink a:link,#Lanlink a:active,#Lanlink a:visited{color: #010101;text-decoration: none;}
#Lanlink a:hover{color: #010101;text-decoration: underline;}
.nav{ 
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav li {
    float: left;
    margin: 0;
	padding: 0;
	display: inline;
}
.nav ul {
  list-style: none;
  margin: 0;
}
.nav ul li {
  border: 0;
  float: none;
}
/*-----------------------------------PE-----------------------------------*/
.GroundInfoContainer_PE {
	padding:0;
	margin:0 0 0 20px;
	width:680px;
	background-color:#FFFFFF;
}

#InLeft_PE{
    width:320px;
    float:left;
}
.sky {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	font-weight: bold;
	color: #0496b7;
	}
#InPageTitle_PE {
	margin-bottom:12px;
	width:100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	font-weight: bold;
	color: #0496b7;
	float:left;
}

#InMainPicture_PE {
	border:0px;
	padding:0;
	margin:0;
	width:210px;
	float:right;
}

#InMainIll_PE {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0 0 0 15px;
	margin:0;
	width:300px;
	color: #535353;
}

	#InMainIll_PE p {
	line-height:14px;
	padding-top:2px;
	padding-bottom:2px;
	margin:0;
}
	#InMainIll_PE ul {
	padding:0;
	margin:0;
	list-style: none;
}
	#InMainIll_PE li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:30px;
	color: #535353;
	
}

#InMainContent_PE {padding:10px 5px 0px 110px;}
#InMainContent_PE p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
	line-height: 22px;
}
	#InMainContent_PE ul {}
	#InMainContent_PE li {
	list-style-type: square;
	line-height:24px;
	}
	#InMainContent_PE li span {
	color:#464646;
	padding-left:5px;
	font-weight:300;
	}
	
.gallary2 {
	padding:5px;
	background-color:#CCCCCC;
}
.gallary2 img{
	float:none;
	margin: 0;
	border:none;
}

.subspan_red{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #ff7200;
}
/*-----------------------------------PE-----------------------------------*/
/*Login*/
#InMainContent {
	padding:10px 20px 0px 15px;

}
#InMainContent p{/*e*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
	line-height: 22px;

}
	#InMainContent ul {}
	#InMainContent li {
	/*list-style-type: square; 不能放在這一層*/
	line-height:24px;
	}
	#InMainContent li span {
	color:#464646;
	padding-left:5px;
	font-weight:300;
	}
	
	#MsgBox span, #MsgBoxBig span, #MsgBoxBig2 span {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ff7200;
}
#MsgBox input, #MsgBoxBig input, #MsgBoxBig2 input,#MsgBox select, #MsgBoxBig select, #MsgBoxBig2 select, #MsgBox textarea, #MsgBoxBig textarea, #MsgBoxBig2 textarea {
font-size:12px;
color:#666666;
font-weight:normal;
}
#MsgBox{
	width:450px;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
#MsgBoxBig{
	width:550px;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
#MsgBoxBig2{
	width:95%;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

#MsgBox table, #MsgBoxBig table,#MsgBoxBig2 table {
	border:1px solid #ff7200;
	margin: 2em;
}
#MsgBox th, #MsgBoxBig th,#MsgBoxBig2 th {
padding:0.5em;
background-color:#ff7200;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:none;

 }
#MsgBox td, #MsgBoxBig td{
padding:0.3em 1em;
border-left: 1px solid #ff7200;
border-right: 1px solid #ff7200
}
 
#MsgBoxBig2 td{
	padding:0.3em;
	background-color:#FFFFFF;
	border: 1px solid #0496b7;
 }
 
#MsgBox td a, #MsgBoxBig td a, #MsgBoxBig2 td a{
color:#0496b7;
text-decoration:none;
font-size:12px;
 }
#MsgBox td a:hover, #MsgBoxBig td a:hover, #MsgBoxBig2 td a:hover{
text-decoration:underline;
}
/*-----------------------------------FORM ~[-----------------------------------*/

.button{
	background-image: url(../images/but75_bg.gif);
	/*background-image: url(../images/greentd.gif);*/
	background-repeat: no-repeat;
	height: 20px;
	width: 75px;
	color:#484848;
	font-size: 9px;
	font-family: "sө";
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color:#FFFFFF;
	cursor:pointer;

}
/* Data Pager Styles */
#InMainContent TR.pager-row TD
{
    border-top:solid 2px #bbd9ee;
}
#InMainContent .pager
{
    font-family:arial,sans-serif;
    text-align:center;
    padding:6px;	
    font-size:12px;
	
} 
#InMainContent .pager SPAN.command,        
#InMainContent .pager SPAN.current,        
#InMainContent .pager A.command,
#InMainContent TR.pager-row TD A
{
    color:#5a90ce;
    padding:0px 5px;
    text-decoration:none;
    border:none;
	text-align:center;
}
#InMainContent .pager A.command:hover,
#InMainContent TR.pager-row TD A:hover
{
    border:solid 2px #408BB6;
    background-color:#59A5D1;
    color:#fff;
    padding:0px 3px;
    text-decoration:none;
}        
#InMainContent .pager SPAN.current,
#InMainContent TR.pager-row TD SPAN
{
	border:none;
    font-weight:bold;
    color:#3e3e3e;
    padding:0px 6px;
	font-size:14px;
}
#InMainContent TR.pager-row TD
{
	border-top:none;
	text-align:center;
}
#InMainContent TR.pager-row TABLE
{
	height:35px;
	margin:0 auto 0 auto;
}
/*Ground Info*/
.GroundTab1 { border-left:#CCCCCC solid 1px;border-right:#CCCCCC solid 1px;border-top:#CCCCCC solid 1px;padding:0px; height:26px; text-align:center;}
.GroundTab1 a { display:block; height:26px;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666; background-color:#FFFFFF; line-height:24px;}
.GroundTab1 a:hover { display:block; height:26px;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ff7200; background-color:#FFFFFF; line-height:24px;}

.GroundTab3 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3b9bc3;}

#ctl00_ContentMain_UpdatePanel2 { padding:0; margin:0px  auto 0px auto; width:620px;}
table.ctl00_ContentMain_TabMenu_2 {width:620px;}
#ctl00_ContentMain_UpdatePanel1 { border:#CCCCCC 1px solid; padding:0; margin:0px  auto 15px auto; width:660px; }
.GroundTable { width:640px; padding: 10px 0 0 0; margin:0;}
.GroundTable a{font-size:12px; font-weight: normal; color:#3b9bc3;}
.GroundTable a:hover {font-size:12px; font-weight: normal; color:#666666; text-decoration:underline;}
td.side_1 { padding:0 20px 0 20px;}
td.content { font-size:12px;}
td.content ul {
	padding:0 0 0 20px;
	margin:0;
	list-style: none;
}
td.content ul li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:30px;
	color: #535353;
}
tr.GroundTableIn { border:#999999 1px solid;}
#DateOption {text-align: right; margin-left: 10px;}
#CalenData {margin-top: 20px;}


table.TableStar td{ padding-right:10px;}

/**-----圖片邊框-----**/
.img01 {border: 1px solid #d4d4d4;}