/* CSS Document 用於含台灣地圖的頁面*/

#TMap { /*台灣地圖外框 [定位 寬度 高度 Z層級]*/
	left:215px;
	top:0px;
	width:163px;
	height:296px;
	z-index:1;
	position:absolute;
	visibility: visible;
}
#TaipeiCity { /*台灣地圖 台北市*/
	position:absolute;
	left:357px;
	top:146px;
	width:13px;
	height:19px;
	z-index:2;
	visibility: hidden;
}
/*首頁台灣地圖*/
.CenterArea { /*中部地區 TABLE*/
    float:left;
    padding-top:7px;
	padding-left:0px;
}
.NorthArea { /*北部地區 TABLE*/
	float:left;
    padding-top: 7px;
}
.SouthArea { /*南部地區 TABLE*/
    float:left;
    padding-top: 10px;
	padding-left:0;	
}
.EastArea { /*東部地區 TABLE*/
	float:left;
    padding-top: 10px;
}

.Archipelagoes {/*外島地區*/
float:left;
    padding-top: 10px;
	padding-left:0;	
}

/* ---------------------------↓箭頭定位↓------------------------ */
#North_dir { /*北部地區 箭頭定位*/
	position:absolute;
	left:416px;
	top:133px;
	width:7px;
	height:19px;
	z-index: 3;
}
#Eastdir {  /*東部地區 箭頭定位*/
	position:absolute;
	left:391px;
	top:343px;
	width:7px;
	height:19px;
	z-index:3;
}
#Southdir { /*南部地區 箭頭定位*/
	position:absolute;
	left:214px;
	top:347px;
	width:9px;
	height:11px;
	z-index:3;
}
#Centerdir { /*中部地區 箭頭定位*/
	position:absolute;
	left:188px;
	top:203px;
	width:11px;
	height:12px;
	z-index:6;
}
/* ---------------------------↑箭頭定位↑------------------------ */

/* ---------------------------↓北部地區 TABLE 區↓------------------------- */

.N_AreaList { /*北部地區 TABLE 區 */
	border-collapse: collapse;
	width: 190px;
	background-position: left bottom;
	background-repeat: no-repeat;
}
.N_AreaList td  { /*北部地區 TABLE 區 */
	border: 1px solid #D6DDE6;	
	padding-left: 5px;
	font-size: 12px;
}
.N_AreaList th { /*北部地區 TABLE 區 標頭粗體字*/
    color: #444444;
	font-weight: bold;
	padding-left: 5px;
	font-size: 14px;
	background-color: #d3e5f7;
	background-position: right top;
	background-repeat: no-repeat;
	text-align:center;
}
.N_AreaList tr:hover, .N_AreaList tr.hilite { /*北部地區 TABLE 區 連結背景變色*/
	background-color: #d3e5f7;
	color: #000000;
	font-size: 10px;
}
.N_AreaList td a { /*北部地區 TABLE 區 連結*/
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
/* ---------------------------↑北部地區 TABLE 區↑------------------------- */


/* ---------------------------↓東部地區 TABLE 區↓------------------------- */
.E_AreaList {/* 東部地區 TABLE 區 */
	border-collapse: collapse;
	width: 190px;
	background-position: left bottom;
	background-repeat: no-repeat;
}
.E_AreaList td  {/* 東部地區 TABLE 區 */
	border: 1px solid #D6DDE6;	
	padding-left: 5px;
	font-size: 12px;
	text-decoration: none;
	color:#000;
}
.E_AreaList th {/* 東部地區 TABLE 區 標頭粗體字 */
    color: #444444;
	font-weight: bold;
	padding-left: 5px;
	font-size: 14px;
	background-color: #d3f5f7;
	background-position: right top;
	background-repeat: no-repeat;
	text-align:center;
}
.E_AreaList td a{/* 東部地區 TABLE 區 連結 */
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

/* ---------------------------↑東部地區 TABLE 區↑------------------------- */

/* ---------------------------↓中部地區 TABLE 區↓------------------------- */
.C_AreaList {/* 中部地區 TABLE 區  */
	border-collapse: collapse;
	width: 190px;
	background-position: left bottom;
	background-repeat: no-repeat;
}
.C_AreaList td  {/* 中部地區 TABLE 區  */
	border: 1px solid #D6DDE6;	
	padding-left: 5px;
	font-size: 12px;
}
.C_AreaList th {/* 中部地區 TABLE 區 標頭粗體字  */
    color: #444444;
	font-weight: bold;
	padding-left: 5px;
	font-size: 14px;
	background-color: #eafbe4;
	background-position: right top;
	background-repeat: no-repeat;
	text-align:center;
}

.C_AreaList td a {/* 中部地區 TABLE 區 連結 */
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
/* ------------------------------------------------------------------ */
.S_AreaList {/* 南部地區 TABLE 區 */
	border-collapse: collapse;
	width:190px;
	background-position: left bottom;
	background-repeat: no-repeat;
}
.S_AreaList td  {/* 南部地區 TABLE 區 */
	border: 1px solid #D6DDE6;	
	padding-left: 5px;
	font-size: 12px;
}
.S_AreaList th {/* 南部地區 TABLE 區 標頭粗體字 */
    color: #444444;
	font-weight: bold;
	padding-left: 5px;
	font-size: 14px;
	background-color: #f7ead3;
	background-position: right top;
	background-repeat: no-repeat;
	text-align:center;
}
.S_AreaList tr:hover, .S_AreaList tr.hilite {/* 南部地區 TABLE 區 連結背景變色*/
	background-color:#f7ead3;
	color:#000000;
	font-size: 10px;
}
.S_AreaList td a {/* 南部地區 TABLE 區 連結 */
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
/* ------------------------------------------------------------------ */
.A_AreaList {/* 外島地區 TABLE 區 */
	border-collapse: collapse;
	width:190px;
	background-position: left bottom;
	background-repeat: no-repeat;
}
.A_AreaList td  {/* 外島地區 TABLE 區 */
	border: 1px solid #D6DDE6;	
	padding-left: 5px;
	font-size: 12px;
}
.A_AreaList th {/* 外島地區 TABLE 區 標頭粗體字 */
    color: #444444;
	font-weight: bold;
	padding-left: 5px;
	font-size: 14px;
	background-color: #dedede;
	background-position: right top;
	background-repeat: no-repeat;
	text-align:center;
}
.A_AreaList tr:hover, .S_AreaList tr.hilite {/* 外島地區 TABLE 區 連結背景變色*/
	background-color:#f7ead3;
	color:#000000;
	font-size: 10px;
}
.A_AreaList td a {/* 外島地區 TABLE 區 連結 */
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

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

.modifyedDatetwo{ float:left; width:260px;}
.modifyedDatethree{ color: #666; font-family:Arial, Helvetica, sans-serif; padding-left:15px ;margin:8px 0;float:left; width:250px;}
.Blueline{ border:#333 solid; width:300px; left:300px;}

/*紫外線頁面*/
.uvmap{ float:left; width:409px; height:500px; margin:15px;}
.uvuse{float:left;margin:15px 0 10px 10px;font-size:18px;}

/*紫外線頁面*/
.regionalmap{ float:left; width:355px; height:471px; margin:13px 13px 13px 10px;}

.allregionaluse{float:left; margin:15px 10px 15px 15px; width:35%;}
.regionaluse{float:left; margin:15px 0 0 0;width:40%;}

#SmallMap {
	position:absolute;
	left:380px;
	top:450px;
	width:116px;
	height:175px;
	z-index:27;
	visibility: visible;
	}


#area46692 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 3; visibility: visible; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46693 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46694 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46695 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46757 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46749 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46777 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46765 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46748 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46741 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46744 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46759 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46708 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46706 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46699 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46761 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46766 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46754 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46735 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46730 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46762 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46711 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46799 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46753 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46755 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46697 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0G65 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0C45 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0G64 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0K33 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0K24 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0E53 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0E42 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0Z06 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0R15 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0I01 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0D55 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0F86 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0V25 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0U71 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0F95 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0R27 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#areaC0S73 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
#area46688 {position:absolute; height:350px; width:235px; left: 4px; top: 96px; z-index: 2; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
/**/
#NArea {
	position:absolute;
	left:431px;
	top:452px;
	width:63px;
	height:42px;
	z-index:28;
	visibility: visible;
}
#CArea {
	position:absolute;
	left:410px;
	top:492px;
	width:44px;
	height:53px;
	z-index:29;
	visibility: hidden;
}
#SArea {
	position:absolute;
	left:406px;
	top:536px;
	width:47px;
	height:61px;
	z-index:30;
	visibility: hidden;
}
#EArea {
	position:absolute;
	left:437px;
	top:469px;
	width:33px;
	height:139px;
	z-index:31;
	visibility: hidden;
}
#IArea {
	position:absolute;
	left:380px;
	top:450px;
	width:25px;
	height:83px;
	z-index:32;
	visibility: hidden;
}

/*即時影像*/
#TMp02 {
	position:absolute;
	left:370px;
	top:220px;
	z-index:39;
	width:238px;
	height:313px;
}
#livetime {
	position:absolute;
	left:400px;
	top:170px;
	z-index:38;
	width:178px;
	height:282px;
	background:url(../images/realtime/realtimebg.jpg) no-repeat 0 0;
}
#livetv{
	position:absolute;
	left:590px;
	top:170px;
	z-index:37;
	width:381px;
	height:288px;
	background:url(../images/realtime/livetimebg.jpg) no-repeat 0 0;
}
.livetvup{ width:360px; height:240px; padding:37px 0 0 10px;}
#livetimeinfo{
	position:absolute;
	left:163px;
	top:478px;
	z-index:38;
	width:800px;
	height:800px;
}
#livetimeinfo02{
	position:absolute;
	left:590px;
	top:485px;
	z-index:39;
	width:381px;
	height:43px;
	text-align:left;
}
#livetimeinfo03{
	position:absolute;
	left:165px;
	top:516px;
	z-index:40;
	width:420px;
	height:118px;
	text-align:left;
	}
.livetimeinfo04{ font-size:12px; color:#237acc; padding:5px 0 5px 5px; float:left; width:150px;}
.livetimeinfo05{ font-size:12px; color: #333; padding:5px 0 5px 5px; float: right; width:150px;}
#livetimeinfo06{
	position:absolute;
	left:590px;
	top:515px;
	z-index:40;
	width:380px;
	height:118px;
	text-align:left;
	}
	
.big01{ float:left; width:210px;padding:0 200px 0 15px;}
.big02{ float:left;position:absolute;}
.big03{ float:left; width:180px;padding:0 0 0 30px;}

/*海溫頁面*/
#Temperaturemap{position:absolute; z-index:1; left:165px; top:245px;}
#wmtp01{
	position:absolute;
	width:124px;
	height:47px;
	z-index:2;
	left: 194px;
	top: 10px;
	visibility: hidden;
}
#wmtp03{
	position:absolute;
	width:155px;
	height:152px;
	z-index:4;
	left: 82px;
	top: 10px;
	visibility: hidden;
}
#wmtp04{
	position:absolute;
	width:64px;
	height:68px;
	z-index:5;
	left: 6px;
	top: 187px;
	visibility: hidden;
}
#wmtp06{
	position:absolute;
	width:67px;
	height:52px;
	z-index:6;
	left: 12px;
	top: 229px;
	visibility: hidden;
}
#wmtp05{
	position:absolute;
	width:119px;
	height:57px;
	z-index:7;
	left: 15px;
	top: 279px;
	visibility: hidden;
}
#wmtp07{
	position:absolute;
	width:81px;
	height:38px;
	z-index:8;
	left: 62px;
	top: 347px;
	visibility: hidden;
}
#wmtp08{
	position:absolute;
	width:104px;
	height:30px;
	z-index:9;
	left: 98px;
	top: 382px;
	visibility: hidden;
}
#wmtp09{
	position:absolute;
	width:119px;
	height:112px;
	z-index:10;
	left: 166px;
	top: 272px;
	visibility: hidden;
}
#wmtp10{
	position:absolute;
	width:108px;
	height:138px;
	z-index:11;
	left: 195px;
	top: 269px;
	visibility: hidden;
}
#wmtp11{
	position:absolute;
	width:98px;
	height:125px;
	z-index:12;
	left: 213px;
	top: 152px;
	visibility: hidden;
}
#wmtp12{
	position:absolute;
	width:84px;
	height:79px;
	z-index:13;
	left: 250px;
	top: 77px;
	visibility: hidden;
}
#wmtp13{
	position:absolute;
	width:65px;
	height:65px;
	z-index:14;
	left: 7px;
	top: 129px;
	visibility: hidden;
}
#wmtp14{
	position:absolute;
	width:75px;
	height:65px;
	z-index:15;
	left: 14px;
	top: 57px;
	visibility: hidden;
}
#wmtp15{
	position:absolute;
	width:141px;
	height:42px;
	z-index:16;
	left: 11px;
	top: 324px;
	visibility: hidden;
}
#wmtp16{
	position:absolute;
	width:119px;
	height:87px;
	z-index:17;
	left: 35px;
	top: 163px;
	visibility: hidden;
}
.Temperaturepic{position:absolute;z-index:20;left:515px;top:245px;}
.Temperaturepictwo{ border:#8297d6 1px solid; padding:5px; border-collapse:collapse; }
.Temperatureinfo{position:absolute;z-index:21;left:515px;top:650px;}

/*漁業氣象*/
#fisherymap01{
	position:absolute;
	width:124px;
	height:47px;
	z-index:2;
	left: 192px;
	top: 10px;
	visibility: hidden;
}
#fisherymap03{
	position:absolute;
	width:155px;
	height:152px;
	z-index:4;
	left: 80px;
	top: 9px;
	visibility: hidden;
}
#fisherymap04{
	position:absolute;
	width:64px;
	height:68px;
	z-index:5;
	left: 6px;
	top: 187px;
	visibility: hidden;
}
#fisherymap06{
	position:absolute;
	width:67px;
	height:52px;
	z-index:6;
	left: 9px;
	top: 231px;
	visibility: hidden;
}
#fisherymap05{
	position:absolute;
	width:119px;
	height:57px;
	z-index:7;
	left: 14px;
	top: 278px;
	visibility: hidden;
}
#fisherymap07{
	position:absolute;
	width:81px;
	height:38px;
	z-index:8;
	left: 61px;
	top: 347px;
	visibility: hidden;
}
#fisherymap08{
	position:absolute;
	width:104px;
	height:30px;
	z-index:9;
	left: 96px;
	top: 382px;
	visibility: hidden;
}
#fisherymap09{
	position:absolute;
	width:119px;
	height:112px;
	z-index:10;
	left: 164px;
	top: 238px;
	visibility: hidden;
}
#fisherymap10{
	position:absolute;
	width:108px;
	height:138px;
	z-index:11;
	left: 190px;
	top: 237px;
	visibility: hidden;
}
#fisherymap11{
	position:absolute;
	width:98px;
	height:125px;
	z-index:12;
	left: 225px;
	top: 151px;
	visibility: hidden;
}
#fisherymap12{
	position:absolute;
	width:84px;
	height:79px;
	z-index:13;
	left: 249px;
	top: 84px;
	visibility: hidden;
}
#fisherymap13{
	position:absolute;
	width:65px;
	height:65px;
	z-index:14;
	left: 8px;
	top: 126px;
	visibility: hidden;
}
#fisherymap14{
	position:absolute;
	width:75px;
	height:65px;
	z-index:15;
	left: 12px;
	top: 57px;
	visibility: hidden;
}
#fisherymap15{
	position:absolute;
	width:141px;
	height:42px;
	z-index:16;
	left: 10px;
	top: 323px;
	visibility: hidden;
}
#fisherymap16{
	position:absolute;
	width:119px;
	height:87px;
	z-index:17;
	left: 55px;
	top: 162px;
	visibility: hidden;
}
#fisherymapuse{position:absolute; z-index:1; left:165px; top:180px;}
.fisherymaplist{
	position:absolute;
	z-index:20;
	left:500px;
	top:180px;
	width:30%;
}
.fisherymaplistone{float:left; font-size:12px; width:90%;}

/*及時海象*/
#Surface01{
	position:absolute;
	width:124px;
	height:47px;
	z-index:2;
	left: 192px;
	top: 10px;
	visibility: hidden;
}
#Surface03{
	position:absolute;
	width:155px;
	height:152px;
	z-index:4;
	left: 82px;
	top: 5px;
	visibility: hidden;
}
#Surface04{
	position:absolute;
	width:64px;
	height:68px;
	z-index:5;
	left: 7px;
	top: 187px;
	visibility: hidden;
}
#Surface06{
	position:absolute;
	width:67px;
	height:52px;
	z-index:6;
	left: 30px;
	top: 231px;
	visibility: hidden;
}
#Surface05{
	position:absolute;
	width:119px;
	height:57px;
	z-index:7;
	left: 24px;
	top: 278px;
	visibility: hidden;
}
#Surface07{
	position:absolute;
	width:81px;
	height:38px;
	z-index:8;
	left: 52px;
	top: 347px;
	visibility: hidden;
}
#Surface08{
	position:absolute;
	width:104px;
	height:30px;
	z-index:9;
	left: 96px;
	top: 380px;
	visibility: hidden;
}
#Surface09{
	position:absolute;
	width:119px;
	height:112px;
	z-index:10;
	left: 165px;
	top: 271px;
	visibility: hidden;
}
#Surface10{
	position:absolute;
	width:108px;
	height:138px;
	z-index:11;
	left: 192px;
	top: 270px;
	visibility: hidden;
}
#Surface11{
	position:absolute;
	width:98px;
	height:125px;
	z-index:12;
	left: 214px;
	top: 152px;
	visibility: hidden;
}
#Surface12{
	position:absolute;
	width:84px;
	height:79px;
	z-index:13;
	left: 249px;
	top: 84px;
	visibility: hidden;
}
#Surface13{
	position:absolute;
	width:65px;
	height:65px;
	z-index:14;
	left: 8px;
	top: 121px;
	visibility: hidden;
}
#Surface14{
	position:absolute;
	width:75px;
	height:65px;
	z-index:15;
	left: 12px;
	top: 57px;
	visibility: hidden;
}
#Surface15{
	position:absolute;
	width:141px;
	height:42px;
	z-index:16;
	left: 20px;
	top: 323px;
	visibility: hidden;
}
#Surface16{
	position:absolute;
	width:119px;
	height:87px;
	z-index:17;
	left: 56px;
	top: 155px;
	visibility: hidden;
}
#Surfacemapuse{position:absolute; z-index:1; left:165px; top:155px;}
.Surfacemaplist{
	position:absolute;
	z-index:20;
	left:505px;
	top:155px;
	width:50%;
}
.Surfacemaplistone{float:left; font-size:15px;}
.Surfacemaptt { float:inherit;}

table.SurfacemapTableInside{ width:98%; border:#8297d6 1px solid; padding:0;border-collapse:collapse; }
table.SurfacemapTableInside tr{}
table.SurfacemapTableInside 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.SurfacemapTableInside tbody th{ 
 font-weight:normal; background-color:#edf0f9; text-align:left;
 border-bottom:#8297d6 1px solid; border-left:#8297d6 1px solid; padding:2px 2px 2px 2px; color:#237acc; font-weight:bold;}
table.SurfacemapTableInside td{border-bottom:#8297d6 1px solid; border-left:#8297d6 1px solid; text-align:center;padding:2px 2px 2px 2px; font-family:Verdana, Arial, Helvetica, sans-serif;}
table.SurfacemapTableInside td a{ color:#2f83cb; text-decoration:none;}
table.SurfacemapTableInside td a:hover{ color:#2f83cb; text-decoration:underline;}

/*漁業氣象(台灣近海)*/
#inshore01{
	position:absolute;
	width:124px;
	height:47px;
	z-index:2;
	left: 192px;
	top: 10px;
	visibility: hidden;
}
#inshore03{
	position:absolute;
	width:155px;
	height:152px;
	z-index:4;
	left: 82px;
	top: 5px;
	visibility: hidden;
}
#inshore04{
	position:absolute;
	width:64px;
	height:68px;
	z-index:5;
	left: 7px;
	top: 187px;
	visibility: hidden;
}
#inshore06{
	position:absolute;
	width:67px;
	height:52px;
	z-index:6;
	left: 30px;
	top: 231px;
	visibility: hidden;
}
#inshore05{
	position:absolute;
	width:119px;
	height:57px;
	z-index:7;
	left: 24px;
	top: 278px;
	visibility: hidden;
}
#inshore07{
	position:absolute;
	width:81px;
	height:38px;
	z-index:8;
	left: 52px;
	top: 347px;
	visibility: hidden;
}
#inshore08{
	position:absolute;
	width:104px;
	height:30px;
	z-index:9;
	left: 96px;
	top: 380px;
	visibility: hidden;
}
#inshore09{
	position:absolute;
	width:72px;
	height:112px;
	z-index:10;
	left: 163px;
	top: 239px;
	visibility: hidden;
}
#inshore10{
	position:absolute;
	width:108px;
	height:138px;
	z-index:11;
	left: 191px;
	top: 238px;
	visibility: hidden;
}
#inshore11{
	position:absolute;
	width:98px;
	height:125px;
	z-index:12;
	left: 224px;
	top: 151px;
	visibility: hidden;
}
#inshore12{
	position:absolute;
	width:84px;
	height:79px;
	z-index:13;
	left: 249px;
	top: 84px;
	visibility: hidden;
}
#inshore13{
	position:absolute;
	width:65px;
	height:65px;
	z-index:14;
	left: 8px;
	top: 121px;
	visibility: hidden;
}
#inshore14{
	position:absolute;
	width:75px;
	height:65px;
	z-index:15;
	left: 12px;
	top: 57px;
	visibility: hidden;
}
#inshore15{
	position:absolute;
	width:141px;
	height:42px;
	z-index:16;
	left: 20px;
	top: 323px;
	visibility: hidden;
}
#inshore16{
	position:absolute;
	width:119px;
	height:87px;
	z-index:17;
	left: 56px;
	top: 155px;
	visibility: hidden;
}
#inshore17{
	position:absolute;
	width:72px;
	height:65px;
	z-index:18;
	left: 297px;
	top: 7px;
	visibility: hidden;
}
#inshoremapuse{position:absolute; z-index:1; left:165px; top:190px;}
.inshoremaplist{position:absolute;z-index:20;left:545px;top:190px; /*width:40%;*/}
.inshoremaplistone{float:left; font-size:16px;/* width:60%;*/}

.spic img{ height:35px; width:35px;}

/*天氣概況*/
.w01{float:left; margin:0; width:90%; border:#8297d6 1px solid; padding:10px;  border-collapse:collapse; font-size:16px; line-height:1.5;}

.i04{float:left; margin:10px; padding:5px; width:630px;border:#8297d6 1px solid;}
.fullsize{ margin:10px 0 0 570px;}
.i05{float:left; margin:10px; padding:5px; border:#8297d6 1px solid;}
.i08{float:left; margin:10px; padding:5px; border:#8297d6 1px solid;}
.i07{float:left; margin:10px; padding:5px; width:230px;border:#8297d6 1px solid;}
.i07fullsize{margin:10px 0 0 450px;}
.QPFleft{ float:left; padding:10px 2px 10px 2px;}
.QPFinfo{ width:700px;line-height:150%; color:#666;}
#ContainerInThree{width:90%;min-height:758px; float:left;}
.week{ margin-top:25px; float:right;}

#TMp03 {
	position:absolute;
	left:160px;
	top:160px;
	z-index:39;
	width:238px;
	height:313px;
}
/*facebook*/
.facebook{ float:left; width:80%; margin:10px;}
.facebookinfo{ font-size:16px; line-height:1.5; padding:0 0 20px 0;}
table.BoxTableff{ width:98%; border:#8297d6 1px solid; padding:0; margin:0 auto 20px auto; border-collapse:collapse; }
table.BoxTableff tr{}
table.BoxTableff 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.BoxTableff tbody th{ 
 font-weight:normal; background-color:#edf0f9; text-align: center; border-bottom:#8297d6 1px solid; border-left:#8297d6 1px solid; padding:5px 5px 5px 10px; color:#237acc; font-weight:bold;}
table.BoxTableff td{border-bottom:#8297d6 1px solid; border-left:#8297d6 1px solid; padding:5px 5px 5px 10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
table.BoxTableff td a{ color:#2f83cb; text-decoration:none;}
table.BoxTableff td a:hover{ color:#2f83cb; text-decoration:underline;}

/*epaper*/
.epaper{ float:left; width:100%; margin:10px;}
.epaperbb{ padding:10px 0 10px 0;}
table.BoxTableee{ width:98%; border:#8297d6 1px solid; padding:0; margin:0; border-collapse:collapse; }
table.BoxTableee tr{}
table.BoxTableee thead th{ font-weight:normal; background-color:#edf0f9; text-align: left; border-bottom:#8297d6 1px solid; border-left:#8297d6 1px solid;padding:5px; color:#237acc; font-weight:bold; font-size:16px;}
table.BoxTableee tbody th{ 
 font-weight:normal; background-color:#edf0f9; text-align: left; border-bottom:#8297d6 1px solid; border-left:#8297d6 1px solid; padding:10px; color:#237acc; font-weight:bold;font-size:16px; line-height:1.8;}
table.BoxTableee td{border-bottom:#8297d6 1px solid; border-left:#8297d6 1px solid; padding:10px; font-family:Verdana, Arial, Helvetica, sans-serif;letter-spacing:0.2em;}
table.BoxTableee td a{ color:#2f83cb; text-decoration:none;}
table.BoxTableee td a:hover{ color:#2f83cb; text-decoration:underline;}
/*rss*/
table.rss{ width:98%;  padding:0; margin:0; border-collapse:collapse; }
table.rss tr{}
table.rss thead th{ font-weight:normal; background-color:#edf0f9; text-align: left; padding:3px; color:#237acc; font-weight:bold; font-size:16px;border:none;}
table.rss tbody th{ font-weight:normal; background-color:#edf0f9; text-align: left;  padding:3px; color:#237acc; font-weight:bold;font-size:16px; line-height:1.8;border:none;}
table.rss td{ padding:10px; font-family:Verdana, Arial, Helvetica, sans-serif;border:none;}
table.rss td a{ color:#2f83cb; text-decoration:none;border:none;}
table.rss td a:hover{ color:#2f83cb; text-decoration:underline;border:none;}
/*pda*/
.epda{ float:left; margin:10px;}
.pdano1{float:left; width:90%; padding:0 0 10px 0;}
.pdaaaa{ float:left; width:40%;}
.pdaaaa2{ float:left; width:40%; text-align:center;}
table.boxpda{ width:98%; border:#8297d6 1px solid; padding:0; margin:0; border-collapse:collapse; }
table.boxpda tr{}
table.boxpda thead th{ font-weight:normal; background-color:#edf0f9; text-align: left; border-bottom:#8297d6 1px solid; border-left:#8297d6 1px solid;padding:5px; color:#237acc; font-weight:bold; font-size:16px;}
table.boxpda tbody th{ 
 font-weight:normal; background-color:#edf0f9; text-align: left; border-bottom:#8297d6 1px solid; border-left:#8297d6 1px solid; padding:10px; color:#237acc; font-weight:bold;font-size:16px; line-height:1.8;}
table.boxpda td{border-bottom:#8297d6 1px solid; border-left:#8297d6 1px solid; padding:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:1.5;}
table.boxpda td a{ color:#2f83cb; text-decoration:none;}
table.boxpda td a:hover{ color:#2f83cb; text-decoration:underline;}
.livetimeinfo22{ float:left; padding:350px 0 20px 0; width:800px;}

#ffleft{ float:left;}

/*app*/
.appbg01{ float:left; background:url(../images/template/appbg_01.jpg) no-repeat 0 0; width:800px; height:20px;}
.appbg02{ float:left; background:url(../images/template/appbg_02.jpg) repeat-y 0 0; width:800px;}
.appbg03{ float:left; background:url(../images/template/appbg_03.jpg) no-repeat 0 0; width:800px; height:25px;}
.apptitle{ font-size:16px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif, "微軟正黑體"; font-weight:bold;}
.appleft{ float:left; padding:0 10px 0 20px; width:390px;}
.appinfo{ float:left; font-size:16px; line-height:1.5; padding:10px 0 5px 0;}
.appinfo02{ font-size:12px; line-height:1.5; padding:10px 0 5px 0;}
.appinfo02 ul {list-style:none;}
.appright{ float:left; width:380px;}
.apppic{float:left;padding:115px 10px 0 20px;}
.apppic img{ padding:5px;}
.iphone{ float:left; width:149px; height:273px; padding:0 0 0 40px;}
.qr{ float:left; padding:95px 0 5px 10px; width:150px;}
.iDownload{ float:left; padding:5px 0 0 10px;}


/*  Doris20110819新增  fish map  */
#inshore_area1{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: visible;
}
#inshore_area2{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: hidden;
}
#inshore_area3{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: hidden;
}
#inshore_area4{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: hidden;
}
#inshore_area5{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: hidden;
}
#inshore_area6{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: hidden;
}
#inshore_area7{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: hidden;
}
#inshore_area8{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: hidden;
}
#inshore_area9{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: hidden;
}
#inshore_area10{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: hidden;
}
#inshore_area11{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: hidden;
}
#inshore_area12{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: hidden;
}
#inshore_area13{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: hidden;
}
#inshore_area14{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: hidden;
}
#inshore_area15{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: hidden;
}
#inshore_area16{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: hidden;
}
#inshore_area17{
	width:240px;
	margin:5px;
	float:left;
	position:absolute;
	left:0;
	top: 0;
	visibility: hidden;
}