@charset "utf-8";
/* CSS Document */

/* ==================== layout ==================== */
.BoxContent {
	display:none;
}
.qoo{
	display:block;
}
#container	{width: 100%; min-width:960px;
	margin: auto;}

#main	{width: 100%;
	float: left;
	margin-right: -200px;}

#content	{width: 100%;
	float: right;
	margin: 10px 0;
	margin-left: -200px;}

#content_inner	{/*margin-left: 174px; margin-right: 20px;*/
	margin-left: 152px;
	margin-right: 0px; 
	
	}

/*#sidebar01	{width: 200px;
	float: left;
	margin: 30px 0;}
*/
#sidebar02	{width: 200px;
	float: right;
	margin: 30px 0;}



/* ==================== header ==================== */


#header_inner	{padding: 20px;}

#header h1	{margin: 0;
	font-size: 2em;
	font-family: Verdana, Helvetica, sans-serif;
	color: white;}

#header p	{margin: 0;
	margin-top: 8px;
	font-size: 1em;
	color: white;}


/* ==================== content ==================== */

.post	{width: auto;}

.post h2	{font-size: 1em;
	margin: 0;
	margin-bottom: 15px;
	background-color: #ded217;
	line-height: 32px;
	padding-left: 10px;}

.posttext	{font-size: 0.875em;
	line-height: 1.5}

.posttext p	{margin: 0;
	margin-bottom: 20px;}


/* ==================== sidebar ==================== */

.menu	{width: auto;
	overflow: hidden;}

.menu li	{margin-bottom: 0;
	list-style-type: none;
	line-height: 0;
	border-bottom: solid 1px #ffffff;}

.menu li a	{display: block;
	line-height: 30px;
	padding-left: 10px;
	background-color: #719a18;
	color: #ffffff;
	font-size: 0.75em;
	text-decoration: none;}

.menu li a:hover	{background-color: #0ce0c0}

.menu ul	{margin: 0;
	padding: 0;
	border-top: solid 1px #ffffff;}



/*Global Style*/
body { padding:0;  margin:0; font-family: Verdana, Arial, sans-serif; font-size:13px;}
.clear { clear:both}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
/*Global Style End*/

/*Layout Framework */
.container { width:100%;padding:0;margin: auto;}
#Header {width:100%; overflow:hidden; min-width:960px; /*設定最小寬度height:118px;*/  padding:0; margin:0;  background:#fefef1 url(../images/template/headerBg003.jpg) no-repeat left top; position:relative;/*border-bottom:5px solid #1d63d4;*/
/*-webkit-background-size: 100%;  自動寬度*/
/*-moz-background-size:100%; 自動寬度*/
}
#Navigator {width: 148px; float: left; margin:0; position:relative;}
#ContainerAll {width:100%;margin:-5px 0 0 0; padding:0;}
#ContainerOne{width:50%; min-height:758px; float:left;}
#ContainerTwo{width:50%; min-height:758px; float:left;}

#ContainerInOne{width:77%; min-height:758px; float:left;}
#ContainerInTwo{width:23%;min-height:758px; float:left;}

#Footer{width:100%;}
/*Layout Framework End */
/*Header Area*/
div.Alarm {
	position:absolute;
	right:-3px;
	top:34px;
	height:41px;
	background:url(../images/template/alarmBg.png) repeat-x 0 0;
}
div.Alarm span { display:block; color:#ff1e00; line-height:41px; float:left; padding:0 10px; margin:0;  font-weight:bold; font-size:15px;}
div.Alarm span a{ color:#ff1e00; text-decoration:none; font-weight:bold; font-family:sans-serif;}
div.Alarm span a:hover{ color:#ff1e00; text-decoration:underline; font-weight:bold;}
div.Alarm span.disAlarm a{ color:#0054A6;}
div.Alarm spandisAlarm a:hover{ color:#0054A6; text-decoration:underline; font-weight:bold;}

div.Alarm span.signal {height:41px; width:30px; display:block; float:left; background:url(../images/template/alarmSignal.png) no-repeat 0 0;}
a.CwbLogo { display:block; float:left;padding:0; margin:0 2px; width:221px; height:75px; background:url(../images/icon/cwbLogo03.png) no-repeat 0 0; text-indent:-9999px;}
a.CwbLogoMoon { display:block; float:left;padding:0; margin:0; width:210px; height:85px; background: url(../images/icon/cwbLogo02.png) no-repeat 0 0; text-indent:-9999px;}

div#HeaderNavi {float:right; margin:0 0 0 0; padding:5px;}
div#HeaderNavi ul {padding:0; margin:0;}
div#HeaderNavi ul li { display: inline;padding:0; margin:0;}
div#HeaderNavi ul li span{ display:block;float:left;color:#959595; padding:0 3px;}
div#HeaderNavi ul li a{ display:block; float:left;text-decoration: none; color:#555555; margin:0 2px;}
div#HeaderNavi ul li a:hover{ text-decoration:underline;}
li.updown{ width:40px; float:right;display: block; }
.updown { position:absolute; right:1px; top:0px;}
li.updown input, .updown input { background-color:#0066FF!important; width:25px; color:#FFFFFF; margin-top:5px;
border-radius:5px 5px 0  0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;}
a.FB { display:block; float:left; height:17px; width:16px; background:url(../images/icon/facebook2.png) no-repeat 0 0; text-indent:-9999px;}
a.RSS { display:block; float:left; height:17px; width:16px; background:url(../images/icon/facebook2.png) no-repeat 0 -17px; text-indent:-9999px;}
a.PDA { display:block; float:left; height:17px; width:16px; background:url(../images/icon/facebook2.png) no-repeat 0 -34px; text-indent:-9999px;}
a.SPH { display:block; float:left; height:17px; width:16px; background:url(../images/icon/facebook2.png) no-repeat 0 -51px; text-indent:-9999px;}

div#GlobalNavi { padding:0; margin:0; /*position:absolute; left:0px; top:88px;*/ /*background:url(../images/template/GlobalNaviBg.jpg) no-repeat 0 0;*/ width:100%; background:#dff3fb url(../images/template/globalNavAbg.png) repeat-x 0 0; text-align:center;border-bottom:5px solid #1d63d4; }

div#GlobalNavi ul{ margin:0; padding:0 0 0 4px;}
div#GlobalNavi ul li { list-style:none;padding:0; margin:0;

}
div#GlobalNavi ul li a{
font-size:15px;
display:block; float:left;
min-width:50px; /*設定最小寬度*/
height:32px; 
border-top:#c3deff 1px solid; 
border-right:#c3deff 1px solid; 
padding:0 5px; margin:0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
background:#dff3fb url(../images/template/globalNavAbg.png) repeat-x 0 0; text-align:center;  line-height:29px; text-decoration:none; color:#1a5ecd;
}
div#GlobalNavi ul li a:hover{ text-decoration:none; background:#1d61d4 url(../images/template/globalNavAbgOvr.png) repeat-x 0 0; color:#ffffff;}
div#GlobalNavi ul li a.current{ text-decoration:none; background:#1d61d4 url(../images/template/globalNavAbgOvr.png) repeat-x 0 0; color:#ffffff;}

/*Nav變色按鈕*/

Body#Forecast div#GlobalNavi ul li a.NavForecast,
Body#Life div#GlobalNavi ul li a.NavLife,
Body#Observe div#GlobalNavi ul li a.NavObserve, 
Body#Prevent div#GlobalNavi ul li a.NavPrevent,
Body#Climate div#GlobalNavi ul li a.NavClimate, 
Body#Earthquake div#GlobalNavi ul li a.NavEarthquake,
Body#Knowledge div#GlobalNavi ul li a.NavKnowledge, 
Body#About div#GlobalNavi ul li a.NavAbout,
Body#Service div#GlobalNavi ul li a.NavService, 
Body#Media div#GlobalNavi ul li a.NavMedia
{ text-decoration:none; background:#1d61d4 url(../images/template/globalNavAbgOvr.png) repeat-x 0 0; color:#ffffff;}


li.SeerchArea { float:right!important;display:block;height:32px; padding:0 40px 0 0!important; position:relative;}
li.SeerchArea input { display:block; float:left; background-color:#fff; height:32px; padding:0; margin:0; border:none; }
li.SeerchArea input[type=text] { width:150px; height:21px; border:#83a5cb 1px solid; margin:5px 0 5px 5px; }
li.SeerchArea input.SearchBtn { border:#808396 1px solid; background:#d8d7e7 url(../images/template/SearchBtnBg.png) repeat-x 0 0; width:39px; height:23px; margin:5px 0 5px 6px;}
div#GlobalNavi ul li.SeerchArea a.searchAdvance {display:block; width:49px; line-height:32px; float:left; border:none; background:none; height:32px; color:#1b1b1b; text-decoration:none; }
div#GlobalNavi ul li.SeerchArea a.searchAdvance:hover {text-decoration:underline;background:none; }

/*Content Area*/
.BoxEntry { border-right:#95d1ff 1px solid;border-left:#95d1ff 1px solid;border-bottom:#95d1ff 1px solid; margin:5px; padding:0;
-webkit-border-radius: 4px;
-moz-border-radius:4px;}

.BoxHead { font-size:15px; height:31px; line-height:29px; padding-left:15px;
background: url(../images/template/BlueTitleBg.png) repeat-x left top;
color:#0054a6; font-weight:bold;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;}
.BoxHead a{text-decoration:none;color:#0054a6;}

.BoxHeadBlue { height:33px; line-height:33px; padding-left:15px; margin:9px 0 15px 0;
background: url(../images/template/BoxHeadBlue.png) repeat-x left top;
color:#0f70c3; font-weight:bold; font-size:15px;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;}


.OrangeBg a{ text-decoration:none;color:#ee5103;}
/*BoxContent 共用*/
div.BoxContent { padding:5px;}
div.BoxContent h3 { padding:0; margin:0;}
div.BoxContent p{ padding-left:20px; line-height:1.5;}
div.BoxContent span{ display:block; float:left; border:#c0bbb8 1px solid; padding:2px; margin-right:10px; }


div.BoxContent em.CtTitle { color:#03477F; font-style:normal;}
div.BoxContent ul { padding:0 0 0 1em; margin:0;}
div.BoxContent ol { padding:0 0 0 1.8em; margin:0;}
div.BoxContent hr { color:#ccc; background-color:#ccc; height: 1px; width:95%;}
div.BoxContent h5 { color:#F00;padding:0; margin:0;}
/*div.BoxContent div {width:95%; margin:10px auto 0;display:block;}*/
div.BoxContentTab { margin-left:15px; padding:0;}
div.BoxContentTab a{ display:block; float:left; color:#444; text-decoration:none;}
div.BoxContentTab a:hover{ color:#0054a6; text-decoration:underline;}
div.BoxContentTab a.current { color:#0054a6; text-decoration:underline; font-weight:bold;}
div.BoxContentTab span{display:block; float:left; border:none; padding:0 18px; margin:0;} 

.CenterMenu { font-size:14px; color:#000000; padding-left:10px; height:20px; line-height:20px;}
div.CenterMenu select { border:#7f9db9 1px solid;/* height:18px;*/}

h3.CenterTitle { display:block; height:17px; width:97%; background:url(../images/icon/arrow01.png) no-repeat left top; padding-left:14px!important; margin:5px 0px 5px 5px!important; color:#007cc4; position:relative;}

span.Issued { position:absolute; top:0px; right:0px; display:block;height:17px; font-size:12px; color:
#000000; border:none!important; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:300;}
/*BoxTableInside*/
table.BoxTableInside{ width:98%; border:#8297d6 1px solid; padding:0; margin:0 auto 20px auto; border-collapse:collapse; }
table.BoxTableInside tr{}
table.BoxTableInside thead th{ font-weight:normal; background-color:#edf0f9; text-align:center; border-bottom:#8297d6 1px solid; border-left:#8297d6 1px solid;padding:5px; color:#237acc; font-weight:bold; font-size:13px;}
table.BoxTableInside tbody th{ 
 font-weight:normal; background-color:#edf0f9; text-align:left;
 border-bottom:#8297d6 1px solid; border-left:#8297d6 1px solid; padding:5px 5px 5px 10px; color:#237acc; font-weight:bold;}
table.BoxTableInside td{border-bottom:#8297d6 1px solid; border-left:#8297d6 1px solid; text-align:center;padding:5px 5px 5px 10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
table.BoxTableInside td a{ color:#2f83cb; text-decoration:none;}
table.BoxTableInside td a:hover{ color:#2f83cb; text-decoration:underline;}

/*SideBar*/
ul.RelatedService { list-style:none; padding:0; margin:0 0 0 0.3em;}
ul.RelatedService li { line-height:26px; color:#313131;}
ul.RelatedService li a{text-decoration:none; color:#313131;}
ul.RelatedService li a:hover{text-decoration: underline; color:#007cc4;}

#shadow { margin:0 0 0 0.3em; width:100%; overflow:hidden;}
.SWFControl {height:28px; background:#e0dfdf; margin:0 0 10px 0.3em;}
.SWFControl a{ display:block; height:24px; line-height:24px; background:#fff; color:#5f5f5f; width:43%; float:left; text-align:center; margin:2px 4px; padding:0; text-decoration:none; }
.SWFControl a:hover{background:#5f5f5f; color:#fff; }
/*PlayList*/
#play_list {
    border: 1px solid #EEEEEE;
    height: 380px;
    overflow: auto;
    margin:0 0 0 0.3em;
}
#play_list ul{ padding:0; margin:0; list-style:none;}
#play_list li{ padding:0; margin:3px 0; background:#eeeeee; border:#bebebe 1px solid; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#play_list li:hover {background:#333; color:#FFFFFF}
.flv_link img { width:90px; background:#fff; overflow:hidden; padding:5px 5px 15px 5px; margin:0; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}


/*BoxContent 個別風格*/
div.OrangeBg {border-right:#ee5103 1px solid;border-left:#ee5103 1px solid;border-bottom:#ee5103 1px solid;}
div.OrangeBg .BoxHead { background: url(../images/template/OrangeTitleBg.png) repeat-x left top; color:#ee5103;}
div.OrangeBg .BoxContent h3{ color:#ee5103;}
div.OrangeBg .BoxContent p{}

/*Home News*/
ul.HomeNews { padding:0; margin:0;}
ul.HomeNews li { padding:.2em 0; margin:0; list-style:none; display:block; }
ul.HomeNews li img { margin-right:6px;}
ul.HomeNews li a {font-weight:normal; text-decoration:none;}
ul.HomeNews li a:hover { text-decoration:underline}

ul.HomeNews li span.Col01 { display:block; float:left; line-height:25px; font-family:Verdana, Arial, sans-serif; width:11%;  overflow:hidden;}
ul.HomeNews li span.Col01 a{line-height:25px;}
ul.HomeNews li span.Col02 { display:block; float:left; line-height:25px; font-family:Verdana, Arial, sans-serif; width:12%;  overflow:hidden; text-align:center}
ul.HomeNews li span.Col03 { display:block; float:left; line-height:25px; color:#000; width:85%; overflow: hidden;}
ul.HomeNews li span.Col04 { display:block; float:left; line-height:25px; color:#000; width:70%; overflow: hidden;}

.GreenBg { background:url(../images/template/BoxHeadBgGreen.gif) no-repeat left top; color:#68a36f; font-weight:bold;}
.RedBg { background:url(../images/template/BoxHeadBgRed.gif) no-repeat left top; color:#dc6fa8; font-weight:bold;}
.PurpleBg { background:url(../images/template/BoxHeadBgPurple.gif) no-repeat left top; color:#9580a3; font-weight:bold;}
.BlueBg { background:url(../images/template/BoxHeadBgBlue.gif) no-repeat left top; color:#64aeda; font-weight:bold;}
.YellowBg { background:url(../images/template/BoxHeadBgYellow.gif) no-repeat left top; color:#c3ae7e; font-weight:bold;}


/*threeCol 三欄式*/
.threeCol { padding:8px; margin:5px; border:#c5dff3 1px solid;
-webkit-border-radius: 4px;
-moz-border-radius:4px;
}
.threeCol ul { padding:0; margin:0;}
.threeCol li { padding:0; margin: auto; float:left; width:33%; height:52px; overflow:hidden;text-indent:-9999px;}
.threeCol li.ColOne a,.threeCol li.ColTwo a, .threeCol li.ColThree a { display:block; padding:0; margin:0; width:100%; height:52px;}
.threeCol li.ColOne { background: url(../images/template/yunbao.png) no-repeat 0 0;}
.threeCol li.ColTwo { background: url(../images/template/yunbao.png) no-repeat 0 -52px;}
.threeCol li.ColThree { background: url(../images/template/yunbao.png) no-repeat 0 -104px;}


/*fourCol 四欄式*/
.fourCol { }
.fourCol ul {padding:0; margin:0;}
.fourCol li {padding:0; margin:0; float:left; width:25%; height:76px; overflow:hidden;text-indent:-9999px;}
.fourCol li a{}
.fourCol li.ColOne a,.fourCol li.ColTwo a, .fourCol li.ColThree a , .fourCol li.ColFour a{ display:block; padding:0; margin:0; width:100%; height:76px;}
.fourCol li.ColOne { background: url(../images/template/memberPack.png) no-repeat 0 0;}
.fourCol li.ColTwo { background: url(../images/template/memberPack.png) no-repeat 0 -76px;}
.fourCol li.ColThree { background: url(../images/template/memberPack.png) no-repeat 0 -152px;}
.fourCol li.ColFour { background: url(../images/template/memberPack.png) no-repeat 0 -228px;}


/*fiveCol 五欄式*/
.fiveCol {}
.fiveCol ul {padding:0; margin:0;}
.fiveCol li {padding:0; margin:0; float:left; width:20%; height:87px; overflow:hidden;text-indent:-9999px;}
.fiveCol li a{}
.fiveCol li.ColOne a,.fiveCol li.ColTwo a, .fiveCol li.ColThree a , .fiveCol li.ColFour a, .fiveCol li.ColFive a{ display:block; padding:0; margin:0; width:100%; height:87px;}
.fiveCol li.ColOne { background: url(../images/template/commonPack.png) no-repeat 0 0;}
.fiveCol li.ColTwo { background: url(../images/template/commonPack.png) no-repeat 0 -87px;}
.fiveCol li.ColThree { background: url(../images/template/commonPack.png) no-repeat 0 -174px;}
.fiveCol li.ColFour { background: url(../images/template/commonPack.png) no-repeat 0 -261px;}
.fiveCol li.ColFive { background: url(../images/template/commonPack.png) no-repeat 0 -348px;}

/*天氣預報地圖*/
.TWmapContainer { width:95%; margin:0 auto;border:#d5d5d5 1px solid;}
.MapArea { width:379px; position:relative; padding:0; margin:0 auto;}
.TWmap { background: url(../images/template/Map00.jpg) no-repeat 0 0; width:379px; height:335px; overflow:hidden; padding:0; margin:0 auto 0 auto; overflow:hidden; text-indent:-9999px;}
table.MapDate { border-collapse:collapse; padding:0; margin:0; width:100%;}
table.MapDate th { width:15%; text-align:center; color:#666666; font-family:Verdana, Arial, sans-serif;border-bottom:#d5d5d5 1px solid; border-right:#d5d5d5 1px solid; padding:2px;}
table.MapDate td { text-align:center; font-family:Verdana, Arial, sans-serif; border-bottom:#d5d5d5 1px solid;border-right:#d5d5d5 1px solid; padding:2px; line-height:1.5;}

table.MapDate td a{ text-decoration:none;color:#666666;}

table.MapDate td:hover { background-color:#A7CDFD;}
table.MapDate td.Last { border-right:none;}
#mapControls { padding:3px;width:95%; margin:0 auto; text-align:right}
a.mapArea01 { display:block; position:absolute; left:299px; top:13px; width:25px; height:20px; z-index:99; text-indent:-9999px;}
a.mapArea02 { display:block; position:absolute; left:255px; top:17px; width:25px; height:20px; z-index:99; text-indent:-9999px;}
a.mapArea03 { display:block; position:absolute; left:230px; top:32px; width:25px; height:20px; z-index:99; text-indent:-9999px;}
a.mapArea04 { display:block; position:absolute; left:210px; top:59px; width:25px; height:20px; z-index:99; text-indent:-9999px;}
a.mapArea05 { display:block; position:absolute; left:192px; top:85px; width:25px; height:20px; z-index:99; text-indent:-9999px;}
a.mapArea06 { display:block; position:absolute; left:169px; top:108px; width:30px; height:20px; z-index:99; text-indent:-9999px;}
a.mapArea07 { display:block; position:absolute; left:154px; top:136px; width:30px; height:20px; z-index:99; text-indent:-9999px;}
a.mapArea08 { display:block; position:absolute; left:141px; top:159px; width:35px; height:20px; z-index:99; text-indent:-9999px; }
a.mapArea09 { display:block; position:absolute; left:138px; top:186px; width:25px; height:20px; z-index:99; text-indent:-9999px;}
a.mapArea10 { display:block; position:absolute; left:138px; top:213px; width:25px; height:20px; z-index:99; text-indent:-9999px;  }
a.mapArea11 { display:block; position:absolute; left:151px; top:252px; width:25px; height:20px; z-index:99; text-indent:-9999px; }
a.mapArea12 { display:block; position:absolute; left:187px; top:292px; width:25px; height:20px; z-index:99; text-indent:-9999px;}
a.mapArea13 { display:block; position:absolute; left:234px; top:151px; width:25px; height:20px; z-index:99; text-indent:-9999px; }
a.mapArea14 { display:block; position:absolute; left:336px; top:33px; width:25px; height:20px; z-index:99; text-indent:-9999px;}
a.mapArea15 { display:block; position:absolute; left:336px; top:84px; width:25px; height:20px; z-index:99; text-indent:-9999px; }
a.mapArea16 { display:block; position:absolute; left:311px; top:159px; width:25px; height:20px; z-index:99; text-indent:-9999px;}
a.mapArea17 { display:block; position:absolute; left:281px; top:249px; width:25px; height:20px; z-index:99; text-indent:-9999px;}
a.mapArea18 { display:block; position:absolute; left:13px; top:11px; width:100px; height:50px; z-index:99; text-indent:-9999px; }
a.mapArea19 { display:block; position:absolute; left:13px; top:84px; width:100px; height:50px; z-index:99; text-indent:-9999px;}
a.mapArea20 { display:block; position:absolute;left:13px; top:157px; width:100px; height:50px; z-index:99; text-indent:-9999px; }
a.mapArea21 { display:block; position:absolute; left:248px; top:300px; width:25px; height:20px; z-index:99; text-indent:-9999px;}

/*SubTab*/

p.SubTab { padding:0 0 10px 15px; margin:0; height:1.5em; display:block; }
p.SubTab span { display:block; float:left; line-height:1.5em;}
p.SubTab span a{ display:block; float:left; padding:5px; text-decoration:none; line-height:1em;}
p.SubTab span a:hover{ background-color:#a7cdfd;
-webkit-border-radius: 4px;
-moz-border-radius:4px;}
p.SubTab span a.current{ background-color:#a7cdfd;-webkit-border-radius: 4px;
-moz-border-radius:4px;}
/*Helper*/
div.Helper { background-color:#f0f0f0;margin:5px; padding:6px; height:50px; width:95%;}
div.Helper div{ float:left; margin:0 0.3em; }
/*BoxTable*/
/*#tabs-1, #cloudtabs-1{ padding:14px 0 0 0; margin:0;}
#tabs-2, #tabs-3, #tabs-4, #tabs-5, #cloudtabs-2, #cloudtabs-3, #cloudtabs-4 { padding:15px 0 0 0; margin:0;}
*/
#tabs-1{ padding:14px 0 0 0; margin:0;}
#tabs-2, #tabs-3, #tabs-4, #tabs-5{ padding:15px 0 0 0; margin:0;}



table.BoxTable, table.BoxTableM{ width:98%; border:#d1d1d1 1px solid; padding:0; margin:0 auto 0 auto; border-collapse:collapse;}
table.BoxTable tr{}
table.BoxTable th, table.BoxTableM th { font-weight:normal; background-color:#f4f4f4; text-align:center; border-bottom:#d1d1d1 1px solid; border-left:#d1d1d1 1px solid;padding:5px}
table.BoxTable td {border-bottom:#d1d1d1 1px solid; border-left:#d1d1d1 1px solid; text-align:left;padding:5px 5px 5px 10px;}
table.BoxTableM td{border-bottom:#d1d1d1 1px solid; border-left:#d1d1d1 1px solid; text-align:center;padding:5px 5px 5px 10px;}

table.BoxTable td a, table.BoxTableM td a { color:#0054a6; text-decoration:none;}
table.BoxTable td a:hover, table.BoxTableM td a:hover { color:#0054a6; text-decoration:underline;}
table.BoxTable td img, table.BoxTableM td img { margin:0 auto; }
table.BoxTable td.AreaTitle, table.BoxTableM td.AreaTitle { text-align:left;}
/*Table Style*/
table.dataTable { border-collapse:collapse;width:95%; margin:10px auto;}
table.dataTable th{ background-color:#f4f4f4; color:#4e4e4e; font-family:Verdana, Arial, sans-serif; border:#dbdbdb 1px solid; line-height:23px;}
table.dataTable th.firstCol{ min-width:135px;}
table.dataTable td{ border:#dbdbdb 1px solid; color:#797979; height:50px; padding:0 0 0 0.5em;}
table.dataTable td span{ display:block; padding:0.2em;}
table.hiddenTable { border-collapse:collapse; border:none; width:98%; margin:5px auto;}
table.hiddenTable th {border:none; padding:0.2em 0.3em;}
table.hiddenTable td {border:none; padding:0.2em 0.3em;}

table.hiddenTable td a{ color:#000000; text-decoration:none;}
table.hiddenTable td a:hover { color:#555555; text-decoration:underline;}
table.hiddenTable td h3 a{ color:#EE5103; text-decoration:none;}
table.hiddenTable td h3 a:hover { color:#555555; text-decoration:underline;}

span.UpdateTime { display:block; float:left; height:20px; line-height:20px;}

form.JumpForm { display:block; float:left; height:20px; padding-left:70px; padding-right:6px;}

/*Vedio Area*/
ul.vedioArea { padding:0; width:97%; margin:0 auto;}
ul.vedioArea li { list-style-type:none; display:block; width:50%; margin:auto; float:left;}
ul.vedioArea li img { border:none; text-align:center; padding:0.2em;}
ul.vedioArea a {}
ul.vedioArea a:hover {}
/*Member Area*/
div.MemberArea { width:301px; padding:0; margin:0.2em auto;}
div.MemberArea a { display:block; float:left; margin-right:5px; text-indent:-9999px;}
a.MemberAreaBtn01 { background:url(../images/icon/memberAreaBtn.jpg) no-repeat 0 0; width:143px; height:57px;}
a.MemberAreaBtn02 { background:url(../images/icon/memberAreaBtn.jpg) no-repeat -158px 0; width:143px; height:57px;}
a.MemberAreaBtn03 { background:url(../images/icon/memberAreaBtn.jpg) no-repeat 0 -57px; width:143px; height:64px;}
a.MemberAreaBtn04 { background:url(../images/icon/memberAreaBtn.jpg) no-repeat -158px -57px; width:143px; height:64px;}


/*more botton*/
p.moreBtn { text-align:right; padding:0 20px 0 0; margin:0;}
p.moreBtn a{ color:#333; text-decoration:none}
p.moreBtn a:hover{ text-decoration:underline}
/* ==================== Navigator ==================== */
div.through { margin: 14px 0 10px 4px; padding:0 ;background:#ecf9ff; position:relative;}
.l { float:left; padding-bottom:2px; width:100%;}
div.through ul { clear:both}
ul.Report,ul.observation, ul.typhoon, ul.marine, 
ul.knowledge, ul.about, ul.service, ul.earthquakemenu, ul.media, ul.LifeWeather {padding:0; margin:0 0 10px 0;}
div.through li { padding-left:18px; font-size:100%; line-height:1.5;list-style-type:none;list-style-position: outside;}
/*div.through li:hover{ background-color:#237ACC; }*/
div.through li a { color:#0153a5; text-decoration:none; font-size:15px; font-weight:400; background:url(../images/icon/arrow02.png) no-repeat 0 -23px; padding-left:8px;}
div.through li a:hover {text-decoration: underline;color:#69af0f;font-weight:600; background:url(../images/icon/arrow02.png) no-repeat 0 2px; padding-left:8px;}
/*第二層*/
ul.Report ul, ul.observation ul, ul.typhoon ul, ul.marine ul, 
ul.knowledge ul, ul.about ul, ul.service ul, ul.earthquakemenu ul, ul.media ul, ul.LifeWeather ul {padding:12px 0; margin:0 6px; border:#e6eff8 1px solid; background-color:#fff;}

ul.Report ul li, ul.observation ul li, ul.typhoon ul li, ul.marine ul li, 
ul.knowledge ul li, ul.about ul li, ul.service ul li, ul.earthquakemenu ul li, ul.media ul li, ul.LifeWeather ul li {padding-left:15px; line-height:1.5;list-style-type:none;list-style-position: outside;}

ul.Report ul li a, ul.observation ul li a, ul.typhoon ul li a, ul.marine ul li a, 
ul.knowledge ul li a, ul.about ul li a, ul.service ul li a, ul.earthquakemenu ul li a , ul.media ul li a {color:#434343; text-decoration:none; font-size:13px!important ; font-weight:300;  background:url(../images/icon/arrow03.png) no-repeat 0 -23px; padding-left:8px;}
ul.Report ul li a:hover, ul.observation ul li a:hover, ul.typhoon ul li a:hover, ul.marine ul li a:hover, 
ul.knowledge ul li a:hover, ul.about ul li a:hover, ul.service ul li a:hover, ul.earthquakemenu ul li a:hover , ul.media ul li a:hover {text-decoration: underline;color:#69af0f;font-weight:300; background:url(../images/icon/arrow03.png) no-repeat 0 2px; padding-left:8px;}

div.through h3 { 
	background:#95caf6 url(../images/template/navigatorH3bg.png) repeat-x 0 0;
	color:#03477f; font-size:15px;
	line-height:1.8;
	padding:0;
	margin:0 0 10px 0;
	min-height:29px;
	text-align:center;
	-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius:4px 4px 0 0;

}

/* ==================== footer ==================== */
/*Footer Area*/
#Footer{ color:#626262; text-align:left;clear: both;}
div.FooterIn { background:#e9ebfd url(../images/template/FooterInBg.png) repeat-x 0 0; margin:4px; padding:15px 22px;
border:1px #c2d1fe solid;
-moz-border-radius:10px;
}
#Footer img { border:none;}
div.FooterContentOne{ padding:0; height:25px;}
div.FooterContentOne ul{ padding:0; margin:0;}
div.FooterContentOne li{ display:inline-block;font-size:12px; color:#4785cf;}
div.FooterContentOne li a{ color:#4785cf; text-decoration:none;}
div.FooterContentOne li a:hover {text-decoration: underline;}
div.FooterContentTwo {height:96px; border-top:#cbd8fd 1px solid; padding-top:7px;color: #4785CF;}
div.FooterContentTwo h5{ display:block;  float:left; width:50px; font-size:12px; color:#4785cf; font-weight:normal; padding:0; margin:0; line-height:1.2;}
div.FooterContentTwo ul{ padding:0; margin:0; float:left; }
div.FooterContentTwo li{ padding:2px; margin:0; list-style:none; display:inline;}
div.FooterContentTwo li a{ text-decoration:none;color: #4785CF;}
div.FooterContentTwo li a:hover {text-decoration: underline;}

div.FooterContentThree { text-align:left;}
div.FooterContentThree ul{ padding:0; margin:0;}
div.FooterContentThree li{display: inline; padding:0;font-size:12px; color:#4785cf;}
div.FooterContentThree li span{ color:#287fc1; padding:3px;}
div.FooterContentThree li a{ color:#287fc1; width:8.2em; text-decoration:none;}
div.FooterContentThree li a:hover { text-decoration: underline;}
#Footer address{ font-style:normal;font-size:12px;}

/* -----------------------------------
Marquee
----------------------------------- */

div#abgne_marquee {

	position: relative;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	width: 375px;
	height: 25px;
	/*border: 0px solid #ccc;*/
}
div#abgne_marquee ul, div#abgne_marquee li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#abgne_marquee ul {
	position: absolute;
}
div#abgne_marquee ul li a {
	display: block;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	height: 25px;
	line-height: 25px;
	text-decoration: none;
} 

td.thisday{ background-color:#A7CDFD;}

/* -----------------------------------
NavPath detail
----------------------------------- */
#NavPath{ background:#fff;line-height:1; font-size:13px; padding:0 10px; margin:8px 0 0 5px; }
#NavPath span{ display:block; float:left; padding:0 5px; color:#444444;}
#NavPath a{ display:block; float:left; color:#444444; text-decoration:none;}
#NavPath a:hover{ text-decoration:underline;}
#NavPath a.currentPage{ color:#0054a6;text-decoration:none;}
#NavPath a.currentPage:hover{ color:#0054a6;text-decoration:underline;}

.modifyedDate { color:#0054a6; font-family:Arial, Helvetica, sans-serif; padding-left:15px !important; margin:8px 0; } /*更新日期*/

#cloudtabs-1 span, #cloudtabs-2 span, #cloudtabs-3 span, #cloudtabs-4 span, #cloudtabs-5 span { display:block; margin: 0 auto; width:290px;} /*地圖置中*/

/*For Education跑馬燈*/
.BoxTable02blue{ background-color:#e1edf8;width:94%!important; margin:10px 1px 10px 15px; overflow: hidden;}
.BoxTable02blue ul li span{ border:none; padding:0 3px; line-height:25px}

/*Weather Info*/

.publicpic img { border:none;}
.publictitle a { text-decoration:none; color:#0054A6;}
.publictitle a:hover { text-decoration:underline; color:#69AF0F;}



/*Footermenu下方選單*/
#Footermenu{ float:left;clear: both; width:99%;border:#d1d1d1 1px solid; margin:6px;}
#Footerlist{ float:left; width:10%; min-height:190px; padding:10px 0 0 10px; margin:0;}
#Footerlist h4{color:#333; padding:0; margin:0; font-weight:normal;font-size: 13px;}
/*#Footerlist h4:before{ content:"‧"; margin-left:-10px;}*/
#Footerlist ul { padding:0; margin:0 0 0 10px;}
/*#Footerlist ul { padding:10px 0 0 20px; margin:0;}*/
#Footerlist li {list-style-type:none; margin:0; padding:0; color:#4785cf;}
/*#Footerlist li span {color:#333; padding:0 0 0 -12px;}*/
#Footerlist li a { color:#4785cf; text-decoration:none;}
#Footerlist li a:hover { color:#69af0f; text-decoration:underline; }
.Changecolor{ background-color:#e9ebfd;}

Body#Forecast div#Footermenu div.NavForecast,
Body#Life div#Footermenu div.NavLife,
Body#Observe div#Footermenu div.NavObserve, 
Body#Prevent div#Footermenu div.NavPrevent,
Body#Climate div#Footermenu div.NavClimate, 
Body#Earthquake div#Footermenu div.NavEarthquake,
Body#Knowledge div#Footermenu div.NavKnowledge, 
Body#About div#Footermenu div.NavAbout,
Body#Service div#Footermenu div.NavService, 
Body#Media div#Footermenu div.NavMedia
{ background-color:#e9ebfd;}


/*Life 自行車*/

#area6 h4, #area7 h4 { padding:0 0 0 13px; margin:5px 0 5px 13px; line-height:13px;
font-size:13px; color:#0055a6; background:url(../images/icon/Life_arrow.gif) no-repeat 0 0;}
#area6 table.BoxTable, #area7 table.BoxTable { width:95%;}
#area6 table.BoxTable td, #area7 table.BoxTable td  { width:16%;}

ul.HomeNews02 li span.Col04 { display:block; float:left; line-height:18px; color:#000; width:62%; overflow: hidden;}


.Surfacemaplist { overflow: auto; width:auto!important; height:600px;} 

.access {position:absolute; z-index:0; left: 0px; top: 0px;}
.access a{ color:#fff; text-decoration:none; }
/*.ie6acc { position:relative;}*/
.ie6acc {left: 160px; top: 130px; z-index:10; position: absolute;}