@charset "utf-8";
/*-----------------------↓基礎設定[全網站試用]↓----------------------*/
body{
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

.clear{clear:both;} /*清除區塊浮動效果*/
.inputTxt {  /*表單輸入方塊*/
    margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	width:100px;
	height:13px;
	line-height: normal;
	background-color: #FFFFFF;
	border: 1px solid #CECECE;
}
.inputSelect { /*表單 下拉選單輸入方塊*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	width:100px;
	height:20px;
	line-height: normal;
	background-color: #FFFFFF;
	border: 1px solid #CECECE;
}
.word001 { /*字型效果 [黑 11 ] *//* 丁丁新增 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.type001 {/*message標題(淺藍)*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0095DA;
	font-weight: bold;
}
.type002 {/* 字型效果[灰 12 內縮] *//*edit by Sean 2007 10 15*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color:#646464;
	font-weight: normal;
	line-height: 1.5em; 
	margin-left: 21px;
	text-align: justify;
	text-indent: 2em;
}

.type0021 {/* 字型效果[灰 12]*/ /*edit by Sean 2007 11 09*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color:#646464;
	font-weight: normal;
	line-height: 1.5em; 
}
ol.type0021 {list-style-type:decimal;}
ol.type0022 {list-style-type: lower-alpha;}

.type003 { /* 字型效果[灰黑 12 粗] */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303030;
	font-weight: bold;
}

.type004 {/*字型效果[灰黑 12 粗] */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303030;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 7px;
}

.type005 {/*字型效果[淺藍 12 粗] */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0095DA;
	font-weight: bold;
	margin-top: 50px;
}
.word002 {/*字型效果 for pH rain tdunderline */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAF5F7;
}
.word003 {/*字型效果 for pH rain tdunderline */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align:center;
}

.rightimg { /*圖片 向右對齊*/
    background-color:#FFFFFF;
    float:right;
	border: 1px solid #DFDFDF;
	margin-top:2px;
	margin-left: 10px;
	margin-bottom:2px;
	padding: 5px;	
}
.leftimg { /*圖片 向左對齊*/
    background-color:#FFFFFF;
    float:left;
	border: 1px solid #DFDFDF;
	margin-top:2px;
	margin-right: 10px;
	margin-bottom:2px;
	padding: 5px;	
}
.centerimg { /*圖片 置中對齊*/
    background-color:#FFFFFF;
    float:center;
	border: 1px solid #DFDFDF;
	margin-top:2px;
	margin-left: 10px;
	margin-bottom:2px;
	padding: 5px;	
}
#space_10_5 { /*空白區塊*/
  height:50px;
}
.white { /*白色背景*/
  background-color: #FFFFFF;
  color: #000000;
}
.blue { /*藍色背景*/
  background-color: #EAF5F7;
  color: #000000;
}
.green { /*綠色背景*/
  background-color: #E3F0D1;
  color: #000000;
}
.gray { /*灰色背景*/
  background-color: #ECECEC;
  color: #000000;
}
.Illtitle_bg{
 background-color: #D6E6F5;
 color: #000000;
}


/*-----------------------↑基礎設定[全網站試用]↑----------------------*/

/*-----------------------↓右datacontent區  [ sitemap ]↓----------------------*/
.maptype1 {/*文字表頭式樣1*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#646464; /*edit by Sean 2007 11 09*/
	font-weight: bold;
	line-height: 1.5em; /*edit by Sean 2007 10 15*/
	background-color: #FFFFFF;
}
.maptype2 { /*文字表頭式樣2*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#646464;
	line-height: 1.5em; /*edit by Sean 2007 10 15*/
	background-color: #F2F3E2;
}
.maptype2 a { /*文字表頭式樣2 文字連結*/
	text-decoration: none
}
.maptype2 a:hover { /*文字表頭式樣2 文字連結*/
	text-decoration: underline
}
.maptype3 { /*文字表頭式樣3*//*文字(粗)*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	line-height: 1.5em; /*edit by Sean 2007 10 15*/
	background-color: #F2F3E2;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
/*-----------------------↑右datacontent區  [ sitemap ]↑丁丁1112----------------------*/
/*-----------------------↓右方datacontent部分 內容區↓----------------------*/
.CenterTitle  { /*標題*/
	float:left;
    margin-top: 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	padding: 0.24em 1.55em;
	background-image: url(../images/icon/direct.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	color: #46A8E5;
}

.LeftTitle  {  /*Unit*/
	float:left;
    margin-top: 26px;
	margin-left: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
}
/*-----------------------↑右方datacontent部分 內容區↑----------------------*/

/*-----------------------↓右方datacontent部分 內容區 下拉式表單↓----------------------*/
.CenterMenu  {/*下拉式表單標題*/
	float:left;
    margin-top: 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	padding: 0.24em 1.55em;
	display: block;
	color: #000000;
}
/*-----------------------↑右方datacontent部分 內容區 下拉式表單↑----------------------*/
/*-----------------------↓右方datacontent部分 標題區↓----------------------*/

#ContentTitle { /*標題區*/
    width:609px;
	height:1%;
}
#ContentTitle02 { /*標題區 [Radar Precipitation]*/
    width:609px;
	height:1%;
}
#ContentTitle_Long { /*標題區 [Earthquake Meteorological Instruments 24 hour Forecast Chart]*/
    width:780px;
	height:1%;
}
.Directory { /*標題區項目表列*/
	padding-top: 2px;
	height:1%;
	color: #000000;
/*	display:block;*/
}
div.Directory ul {/*標題區項目表列*/
    list-style: none;
    padding: 0;
    margin: 0;
	color: #000000;
}
div.Directory li { /*標題區項目表列*/
    float: right; /*edit by Sean 2007 /10 /17*/
    margin: 0;
	color: #000000;
}
div.Directory a ,div.Directory a:link ,div.Directory a:active ,div.Directory a:visited { /*標題區項目表列連結*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 0.24em 0.65em;
	background-image: url(../images/icon/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	text-decoration:none;
	color: #000000;
}
div.Directory a:hover { /*標題區項目表列連結*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 0.24em 0.65em;
	background-image: url(../images/icon/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	text-decoration: underline;
	color: #898989;
}
div.Directory #selected {  /*標題區項目表列連結[保留設定]*/
}
div.Directory #selected a { /*標題區項目表列連結*/
	text-decoration: underline;
}
/*-----------------------↑右方datacontent部分 標題區↑----------------------*/
/*-----------------------↓右方datacontent部分 標題區 文字選單↓----------------------*/
.topcontact { /*文字選單區*/
    padding-left:5px;
	display:block;
}
div.topcontact ul { /*文字選單區*/
    list-style: none;
    padding: 0;
    margin: 0;
}
div.topcontact li { /*文字選單區*/
    float: left;
    margin: 0;
}
div.topcontact a, div.topcontact a:visited { /*文字選單區*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0.24em 0.65em;
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	text-decoration:none;
	font-weight: bold;
	color: #0095DA;
}
div.topcontact a:hover { /*文字選單區*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0.24em 0.65em;
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	text-decoration: underline;
	font-weight: bold;
	color: #0095DA;
}
div.topcontact #selected { /*文字選單區*/
}
div.topcontact #selected a { /*文字選單區*/
	text-decoration: underline;
}
/*-----------------------↑右方datacontent部分 標題區 文字選單↑----------------------*/
/*-----------------------↓右方datacontent部分 ↓----------------------*/

.Issued  {/*datacontent區Issued */
	float:right;
    margin-top: 15px;
	margin-right: 3px;
	margin-bottom:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	text-align: right;
}

.box {/*datacontent區 表格位置*/
	width: 588px;
	margin-left: 15px;
}
.datatable {/*datacontent區 表格最外面的大框*/
    float:left;
	border: 1px solid #80A4D8;
	border-collapse: collapse;
	text-align: center;
	width:100%;
}
.datatable td {/*datacontent區 表格內容外框*/
    padding: 4px;
	border: 1px solid #80A4D8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	color: #666666;
}
.datatable th {/*datacontent區 表格上面及左邊表頭的外框*/
	border: 1px solid #80A4D8;
	background-color: #EBF4FB;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	text-align: center;
	padding-left: 4px;
}

.datatable01 th.fishDate {
	background-color: #EBF4FB;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
.datatable01{/*datacontent01區 表格最外面的大框*/
	  float:left;
	  width:100%;
	  text-align: center;
	
/*  border-collapse: collapse;
	text-align: center;
	background-color: #C9816A;
*/}
.datatable01 td {/*datacontent01區 表格內容外框*/
	border: 1px solid #80A4D8;
	background-color: #FFFFFF;
	color: #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
 /*   padding: 4px;
	border: 0.5px solid #C9816A;
*/}
.datatable01 th {/*datacontent01區 表格上面及左邊表頭的外框*/
	border: 1px solid #80A4D8;
	background-color: #3399CC;
	font-weight: bold;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
/*	border: 0.5px solid #C9816A;
	padding-left: 4px;
*/}

.taiwancam {/*taiwancam區 表格最外面的大框*/
	border: 1px solid #80A4D8;
	border-collapse: collapse;
	text-align: center;
	width:95%;

}
.taiwancam td {/*taiwancam區 表格內容外框*/
    padding: 4px;
	border: 1px solid #80A4D8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	color: #666666;

}
.taiwancam th {/*taiwancam區 表格上面及左邊表頭的外框*/
	border: 1px solid #80A4D8;
	background-color: #EBF4FB;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	text-align: center;
	padding-left: 4px;

}

/*-----------------------↑右方datacontent部分 ↑----------------------*/

/*-----------------------↓datacontent區 ↓----------------------*/

#bigline {/*java圖片系統套用外框*/
    float:right;
	width: 400px;
	height: 430px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom:2px;
	padding: 5px;
}
#Hueline {/*java圖片系統套用外框On Hue Enhancement*/
    float:right;
	border: 1px solid #DFDFDF;
	width: 399px;
	height: 398px;
	margin-top: 1px;
	margin-bottom:2px;
	padding: 5px;
}
#Hueline2 {/*java圖片系統套用外框On Hue Enhancement*/
    float:right;
	border: 1px solid #DFDFDF;
	width: 634px;
	height: 306px;
	margin-top: 1px;
	margin-bottom:2px;
	padding: 5px;
}
.DateHue  {/*On Hue Enhancement左邊文字區*/
	float:left;
	width: 192px;
    margin-top: 1px;
	padding: 0px 1px 7px 3px;
	display: block;
}
.DateMenu  {/* Satellite左邊 圖區*/
	float:left;
	width: 165px;
    margin-top: 1px;
	padding: 0px 0px 7px 0px;
}
.DateMenu2  {/*Satellite左邊中間*/
	float:left;
	width: 163px;
	height:auto;
	border-bottom: 1px solid #DFDFDF;
    margin-top: 7px;
	padding: 0px 1px 7px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#Precipitationline { /*java圖片系統套用外框Precipitation*/
	float:left;
	width: 422px;
	height: 100%;
	padding-top: 2px;
	padding-left: 5px;
}
#Precipitationline img { /*java圖片系統套用外框Precipitation*/
 	border: 1px solid #999999;
}

.DatePrecipitation  { /* Precipitation左邊 */
	float:left;
	width: 165px;
	margin-top: 1px;
	padding: 0px 0px 0px 3px;
}
.DatePrecipitation2  {/*Precipitation左邊中間*/
	float:left;
	width: 160px;
	height:auto;
	border-bottom: 1px solid #DFDFDF;
    margin-top: 7px;
	padding: 0px 3px 7px 3px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.DatePrecipitation3  {/*Precipitation左邊中間*/
	float:left;
	width: 163px;
	height:auto;
    margin-top: 7px;
	padding: 0px 0px 0px 0px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color:#903791;
}
.RGB { /*Satellite RGB圖片外框*/
    float:left;
	margin: 1px;
	width: 78px;
	background-color:#161F88;
	color: #FFFFFF;
	text-align: center;
}

.Visible { /*Satellite Visible圖片外框*/
    float:left;
	margin: 1px;
	width: 78px;
	background-color:#161F88;
	color: #FFFFFF;
	text-align: center;
}

.DateMenu3  {/*Satellite 左邊下面的字*/
	float:left;
	width: 150px;
	border-bottom: 1px solid #DFDFDF;
    margin: 7px  3px  7px  5px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #707070;
}

#Widthline {/*寬度略寬外框 [Current Weather Chart] */
    float:left;
	width: 550px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom:2px;
	padding: 2px;
}
#Widthline2 {/*寬度略寬外框 [Current Weather Chart] */
    float:left;
	width: 750px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom:2px;
	padding: 2px;
}

#bigbigline { /*java圖片系統套用外框Rader*/
    float:left;
	width: 430px;
	height: 100%;
	padding-top: 2px;
	padding-left: 5px;
}

.DateRader  {/*Rader左邊*/
	float:left;
	width: 165px;
	margin-top: 1px;
	padding: 0px 0px 0px 3px;
}
.DateRader2  {/*Rader左邊中間*/
	float:left;
	width: 160px;
    margin-top: 7px;
	padding: 0px 0px 5px 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.DateRader3  {/*Rader左邊中間*/
	float:left;
	width: 163px;
	height:auto;
    margin-top: 11px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #4B9848;}
	
.ImageLoop  { /*Week Forecast Chart八張圖的Image Loop*/
	float:left;
    margin-top: 26px;
	margin-left: 25px;
	padding: 3px 0px 3px 20px;
	text-align: left;
	background-image: url(../images/icon/loop.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	color: #40AEE1;
}
.ImageLoop a, .ImageLoop a:link, .ImageLoop a:visited, .ImageLoop a:hover { /*Week Forecast Chart八張圖的Image Loop*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	display: block;
	color: #0095DA;
}
.WFCLeft { /*Week Forecast Chart八張圖的外框*/
    border: 1px solid #DFDFDF;
    float:left;
	margin:0px 20px 15px 20px;
	padding: 5px;
	width: 230px;
}
#bigCenterline { /*系統套用"置中"外框[Wave Analysis 36 hour Wave Predictions ]*/
    float:center;
	width: 508px;
	height: 483px;
	margin-top: 1px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:2px;
}
.FullPlay  { /*表格外右上角Full-sized Display*/
	float:right;
	margin-right: 23px;
	padding: 3px 0px 3px 17px;
	text-align: right;
	background-image: url(../images/icon/fullsize.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
}
.FullPlay a, .FullPlay a:link, .FullPlay a:visited, .FullPlay a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	display: block;
	color: #0095DA;
}

.quakenum a, .quakenum a:link, .quakenum a:visited { /*最近地震清單使用*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #CC0000;
}

.quakenum a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #999999;
}

/*-----------------------↑datacontent區↑----------------------*/

/*-----------------------↓UVI系統 小米10/16增加↓----------------------*/
#UVIline {/*UVI系統套用外框*/
    float:right;
	width: 380px;
	height:400px;
	margin-top: 15px;
	margin-right: 3px;
	margin-bottom:2px;
}
.UVIDate  {/*UVI左邊*/
	float:left;
	width: 180px;
    margin-top: 1px;
	padding: 0px 2px 5px 2px;
	display: block;
}
.UVIDate2  {/*UVI左邊中間*/
	float:left;
	width: 160px;
	height:auto;
    margin-top: 25px;
	padding: 0px 5px 7px 5px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.UVIDate3  {/*UVI左邊中間*/
	height:57px;
}
#Fisheryline {/*Fishery系統套用外框*/
    float:right;
	border: 1px solid #DFDFDF;
	width: 374px;
	height:404px;
	margin-right: 3px;
	margin-bottom:2px;
}
#Fisheryline153 {/*Fishery系統套用外框*/
    float:right;
	border: 1px solid #DFDFDF;
	width: 374px;
	height:404px;
	margin-top:29px;
	margin-right: 3px;
	margin-bottom:2px;
}
.FisheryDate  {/*Fishery左邊*/
	float:left;
	width: 220px;
	border-bottom: 1px solid #DFDFDF;
    margin-top: 1px;
	padding: 0px 3px 7px 1px;
	display: block;
}
.FisheryDate2  {/*Fishery左邊中間*/
	float:left;
	width: 220px;
	height:auto;
    margin-top: 1px;
	padding: 3px 0px 1px 0px;
	display: block;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.FisheryClick {/*Fishery左邊Click資訊*/
	width:220px;
	padding-top:10;
	padding-left: 4px;
	text-align:left;
	color:#000000;
	border-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
}
.Fisheryinfo {/*Fishery左下More info資訊*/
	width:146px;
	padding-left: 4px;
	text-align:left;
	color:#666666;
	border-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	text-decoration: underline;
}
.FisheryDate3  {/*Fishery左邊中間*/
	float:left;
	width: 400px;
	height:auto;
    margin-top: 1px;
	padding: 2px 0px 2px 0px;
	display: block;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
#F_M_line {/*Fishery More另外連結頁面*/
	width: 400px;
	margin-top: 1px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2px;
	padding: 7px;
}
.F_M_line2  {/*Fishery More另外連結頁面 中間*/
    border-bottom: 1px solid #DFDFDF;
	float:center;
	width: 400px;
	height:auto;
    margin-top: 5px;
	padding-bottom:10px;
	display: block;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.topglobal { /*world city上面 按鈕*/
    float:left;
    width:609px;
    height:100px;
	padding-top:10px;
	background-image: url(../images/world/topglobal.png);
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
}
.W_Issued  { /*world city表格外右上角Issued*/
	float:right;
    margin-top: 38px;
	margin-right: 3px;
	margin-bottom:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	text-align: right;
}
.W_CityMenu  { /*world city上面 按鈕*/
    width:248px;
	height:70px;
	float:left;
    margin-top: 4px;
	margin-left:5px;
	display: block;
}
.W_MenuList  { /*world city上面 按鈕*/
	float:left;
	width:58px;
	height:64px;
	padding-left:3px;
	display: block;
}
.WorldCity_title { /* WorldCity 標題 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}
.WC_info {/* WorldCity 資訊表格 */
	border-collapse: collapse;
	width: 220px;
	height: 100%;
	background-position: left bottom;
	background-repeat: no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.WC_info td  {/* WorldCity資訊表格 */
	border: 1px solid #D6DDE6;
	padding-top: 5px;	
	padding-left: 7px;
	padding-bottom: 7px;
	background-color: #FBE9DC;
	color: #733E15;
}
.WC_info th {/* WorldCity表格標頭粗體字 */
    color: #106062;
	font-weight: bold;
	text-align: left;
	padding-left: 7px;
	font-size: 14px;
	background: url(../images/map/topright.png);
	background-color: #A5D4DC;
	background-position: right top;
	background-repeat: no-repeat;
}
#W_CTitle {/* WorldCity中間 */
    width:555px;
	height:400px;
}

#CurrentMap {/*Current Conditions系統套用外框*/

	position:absolute;
	left:246px;
	top:20px; 
	border: 1px solid #DFDFDF;
	width: 350px;
	margin-top: 1px;
	margin-bottom:1px;
	padding: 5px;
}

#Currentline {/*Marine Sea-Surface-conditions系統套用外框*/
	float:right;
	border: 1px solid #DFDFDF;
	width: 350px;
	margin-top: 1px;
	margin-bottom:1px;
	padding: 5px;
}
.CurrentMenu  {/*Current Conditions左邊*/
	float:left;
	width: 230px;
	height:350px;
    margin-top: 1px;
	padding: 0px 1px 7px 3px;
	display: block;
}
.CurrentMenu2  {/*Current Conditions左邊中間*/
	float:left;
	width: 210px;
	height:330px;
	border-bottom: 1px solid #DFDFDF;
    margin-top: 7px;
	padding: 0px 1px 7px 3px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.Current_info {/* Current Conditions左下連結 */
	border-collapse: collapse;
	width: 210px;
	margin-top:345px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#Newsline {/*News外框float:right;*/
    
	border: 1px solid #DFDFDF;
	width: 750px;
	margin-top: 1px;
	margin-right: 3px;
	margin-bottom:2px;
	padding: 7px;
}
.NewsTitle  { /*News標題*/
	float:left;
    margin-top: 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	padding: 0px 5px 0px 3px;
	display: block;
	color: #0095DA;
}
.video_txt {/* 即時影像左邊地點的字 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: underline;
}
.video_txt2 {/* 即時影像左邊地點的字 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
	line-height:18px;
}
#video_line {/* 即時影像外框 */
    width:384; 
    height:100;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.Webcam_data {/* 即時影像表格 */
}

.Webcam_data td {/* 即時影像表格內容 */
	text-align:center;
	border: 1px solid #DFDFDF;
	background-color: #FFFFFF;
	color: #333333;
}

.Webcam_data th {/* 即時影像表格標頭粗體字 */
    color: #333333;
	text-align:center;
	background-color: #D6E7F9;
}
.Marine {/* Marine地圖上的字 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
/*-----------------------↓表格(文字)↓----------------------*/
.tab01 {  /*表格文字(置中)*/
	background-color: #93C8F1;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303030;
	font-weight: bold;
	height:18px;
	padding-top:3px;
}
.tab02 {  /*表格文字(置中)*/
	background-color: #93C8F1;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303030;
	font-weight: bold;
	height:40px;
	padding-top:3px;
	
}
.tableft {/*表格文字(置左)*/

	background-color: #D6E6F5;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303030;
	font-weight: bold;
}
/*-----------------------↑表格(文字)↑----------------------*/
/*-----------------------↓表格↓----------------------*/
.Form00 {/*表格*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.Form00 td {/*表格內容*/    
	text-align:center;
	background-color: #D6E6F5;
}
.Form00 td a {/*表格內容*/
	text-decoration:none;
}
.Form00 td a:hover {/*表格內容*/
	text-decoration:none;
}
.Form00 th {/*表格標頭粗體字*/
    color: #333333;
	text-align:center;
	font-weight: bold;
	background-color: #93C8F1;
}
.Form00 th a {/*表格標頭連結*/
	text-decoration:none;
}
.Form00 th a:hover {/*表格標頭rollover*/
	text-decoration:none;
	color: #FF7301;
}
.Form00 td.active {/*表格左排*/
    background-color: #93C8F1;
	color: #2C5C88;
}
.Form00 td.whitetd {/*表格td*/
	background-color: #FFFFFF;
	color: #333333;
}
.Form00 th.red {/*雨水ph值文字強調(紅粗)*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
	font-style: italic;
}
.Form00 td.red, .datatable td.red {/*雨水ph值文字強調(紅粗)*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
	background-color: #FFFFFF;
	font-style: italic;
}
.Form00 td.grayred {/*強調紅字的底色*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
	background-color: #D6E6F5;
}
/*-----------------------↑表格↑----------------------*/
/*-----------------------↓文字置左表格↓----------------------*/
.Form_left {/* 文字置左表格*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.Form_left td {/*文字置左表格內容*/
    padding-left:30px;
	text-align:left;
	background-color: #D6E6F5;    
}
.Form_left td a {/*文字置左表格連結*/
	text-decoration:none;
}
.Form_left td a:hover {/*文字置左表格rollover*/
	text-decoration:none;
	color: #FF7301;
}
.Form_left td.whitetd {/*文字置左表格td*/
	background-color: #FFFFFF;
	color: #333333;
}
.Form_left td.active {/*文字置左左排表格內容*/
    background-color: #93C8F1;
	color: #2C5C88;
}
.Form_left th {/*文字置左左排表格標頭粗體字*/
    padding-left:20px;
    color: #333333;
	text-align:left;
	font-weight: bold;
	background-color: #93C8F1;
}
.Form_left th a, .Form_left th a:hover {/*文字置左左排表格標頭*//*文字置左左排表格標頭rollover*/
	text-decoration:none;
}
/*-----------------------↑文字置左表格↑----------------------*/

/*-----------------------↓News表格(文字置左)↓----------------------*/
.News {/* News表格 */
    margin:7px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:90%;
}
.News td {/* News表格內容 */
    border: 1px solid #71A9BC;
	text-align:left;
	background-color: #D6E6F5;
}
.News th {/* News表格標頭粗體字 */
    color: #333333;
	text-align:center;
	font-weight: bold;
	background-color:#93C8F1;
}
.News td a,.News th a  {/* News表格內容 */
	text-decoration:none;
}

.News td a:hover {/* News表格內容 */
	text-decoration:none;
	color: #FF7301;
}
.News td.active {
	background-color: #93C8F1;
	color: #2C5C88;
}
.News td.whitetd {
    border: 1px solid #71A9BC;
    color: #333333;
	text-align:left;
	font-weight: normal;
	background-color: #FFFFFF;
}
.News th a:hover {/* News表格內容 */
	text-decoration:underline;
}


/*-----------------------↑News表格(文字置左)↑----------------------*/

/*----------------------- ↓typhoon news ↓-----------------------*/
table.financial { /*typhoon表格 */
    color: #000000;
	margin-top:20px;
	margin-bottom:20px;
	border:0px;
	padding:0px;
	clear:both;
	font-size: 13px;
}
table.financial caption {/*typhoon表格 */
	font-weight:bold;
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;	
}
table.financial tr th { /*typhoon表格 */
	padding: 6px 4px 6px 10px;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E7E7E7;
}
table.financial tr td, table.financial tbody tr th { /*typhoon表格 */
	padding: 10px 4px 10px 10px;
	text-align:left;
	border-bottom:1px solid #CCCCCC;
}
.typhoonword1{ /*typhoon 文字 No Typhoon News */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
}
.typhoon_gray {/*typhoon 文字 */
	background-color: #ECECEC;
	color: #000000;
	border: 1px solid #666666;
}

/*-----------------------↑typhoon news↑-----------------------*/

.nwp_wc {/*message文字(綠色)*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009900;
	font-weight: bold;
}
.nwp_wc2 {/*message文字(紅色)*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}
.nwp_wc3 {/*message文字(藍色)*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066CC;
	font-weight: bold;
}
.login_wc1 {/*Sign in 文字(th表頭)*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303030;
	font-weight: bold;
	line-height: 1.5em;
	background-color: #D6E6F5;
}

.login_wc2 { /*Sign in 文字 password */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#0066CC; /*edit by Sean 2007 11 09*/
	font-weight: bold;
	line-height: 1.5em; /*edit by Sean 2007 10 15*/
	background-color: #eeede8;
}

.login_wc2 a { /*Sign in 文字 password */
 color:#0066CC;
 text-decoration: underline;
}

.login_wc2 a:hover{  /*Sign in 文字 password */
 text-decoration: none;
}
.word { font-family: Arial;font-size: 12px;color:#330000;
        text-align:center;
        margin-top:0; margin-bottom:0; 
}

.realtext{  /*realtime文字*/
margin-top: 2px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; 
font-weight: bold; 
padding: 0.1em 0; 
text-align:left; 
color: #333333;
#invalid_attr_id:left;
}
/*-----------------------↓Observation↓-----------------------*/
.redword { /*文字 [紅 11]*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}
.redword a{ /*文字連結 [紅 11]*/
	color: #333333;
}
.redword a:hover{  /*文字連結 [紅 11]*/
	color: #FF0000;
}
.realtable { /*realtime表格*/
	border: 1px solid #80A4D8;
	border-collapse: collapse;
	text-align: left;
	width:100%;
}
/*-----------------------↑Observation↑------------------------*/
/*-----------------------↓最下方buttom區 ↓----------------------*/

.footer {  /*button 區 隱私權宣告*/
	padding-top: 5px;
    padding-left:30px;
	display:block;
}
div.footer ul { /*button 區 隱私權宣告*/
    list-style: none;
    padding: 0;
    margin: 0;
}
div.footer li { /*button 區 隱私權宣告*/
    float: left;
    margin: 0;
}
div.footer a { /*button 區 隱私權宣告*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0.24em 0.65em;
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	text-decoration:none;
	color: #454545;;
}
.FooterContect  { /*button 區 隱私權宣告最下方文字*/
    width: 740px; 
	float:left;
    margin-top: 6px;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #A7A7A7;
}
.A  {/*button 區  無障礙A+圖示*/
	float:right;
    margin-top: 0px;
	margin-right: 15px;
	margin-bottom:2px;
}
/*-----------------------↑最下方buttom區 ↑----------------------*/