﻿body
{
	margin-left:0px;margin-top:0px;padding-left:0px;padding-right:0px;font-size:12px;color: #000000;
}

#bodyDiv
{
	position:absolute;	
}
#mainDiv
{
	padding:0px;margin:0px;width:1000px;height:621px;position:absolute;
}
#bottonDiv
{
	top:621px;left:1px;width:1000px;height:90px;position:absolute;text-align:center;
	padding-top:15px;color:White;font-weight:bold;background-image:url(../images/bq.png);
}
#logoDiv
{
	left:1px;width:1001px;height:95px;position:absolute;
}
#topDiv
{
	vertical-align:middle;left:720px;width:250px;height:16px;position:absolute;
}
.topText
{
	height:27px;width:80px;padding-top:10px;text-align:center;font-weight:bold;color:#253451;
	float:left;filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1);cursor:hand;
}
.topText a
{
	text-decoration:none;
}
#menuDiv
{
	top:95px;width:167px;position:absolute;
}
#cententDiv
{
	left:169px;top:95px;width:831px;height:530px;position:absolute;border-right:solid #A0D3FF 1px;
}
#frm
{
	width:100%;height:100%;	
}
#messageDiv
{
	width:100%;height:35px;position:absolute;
}
#mapDiv
{
	left:8px;top:38px;width:455px;height:483px;position:absolute;
	background-image:url(../images/hy3.png);background-color:Transparent;	
}
#TFBCmap
{
	left:8px;
	top:10px;
	width:802px;
	height:435px;
	overflow:auto;
	position:absolute;
	overflow:hidden;
	float:left;
}
#mapDiv1
{
	left:8px;
	top:38px;
	width:455px;
	height:483px;
	position:absolute;
	background-image:url(../images/fjmap.png);
	background-color:Transparent;
}
#disLonlat
{
 padding-top:5px;
 padding-left:10px;
	width:450px;
	height:27px;
	position:absolute;
	z-index:11;
}
#map
{
	left:8px;
	top:38px;
	width:455px;
	height:483px;
	position:absolute;
	border:1px solid #d2d4d3;
}
#btnDiv
{
	cursor:hand;
	top:36px;
	width:8px;
	background-image:url(../images/jt1.png);
	background-repeat:repeat-y;
	height:490px;
	position:absolute;
}
	
#showMessageDiv
{
	top:37px;
	left:465px;
	width:360px;
	height:479px;
	position:absolute;
}
#showMessageDivFBC
{
	top:37px;
	left:465px;
	width:360px;
	height:430px;
	position:absolute;
}
#MsgRight
{
	top:35px;
	left:823px;
	width:9px;
	height:486px;
	position:absolute;
}
#MsgRight1
{
	left:824px;
	width:9px;
	height:486px;
	position:absolute;
}
#MsgRightimg
{
	top:35px;
	left:824px;
	width:9px;
	height:486px;
}
#infoDiv
{
	width:360px;
	border-left-color:#2b55a1;
	border-right-color:#2b55a1;
	border-left-style:solid;
	border-bottom-style:none;
	border-top-style:none;
	border-right-style:solid;
	border-right-width:1px;
	border-left-width:1px;
}
#hlybinfoDiv
{
	width:356px;
	background-color:#e4f7fd;
	border-color:#2b55a1;
}
#photoDiv
{
	width:346px;
}
#introduceDiv
{
	width:346px;
	overflow-y: auto;
	font-size:13px;
}
.tide1
{
	float:left;
	width:15px;
	height:15px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tide1.png',sizingMethod='scale');
	background-color:Transparent;
}
#tideDiv
{
	width:356px;
	height:210px;
}
#tideTableDiv
{
	width:356px;
	height:270px;
	margin-top:5px;
}
.list
{
	width:99%;
	text-align:center;
	border-top:1px solid #047CE7;
	border-left:1px solid #b3d5f6;
}
.list th
{
	background-image:url(../images/2_03.png);
	background-repeat:repeat-x;
	font-size:12px;
	color:#ffffff;
	font-weight:100;
	border-bottom:1px solid #047CE7;
	border-right:1px solid #047CE7;
	height:24px;
}
.list td
{
	 text-align :right;
	 padding-right:5px;
		font-size:12px;
		height:19px;
		color: #000000;
		border-bottom:1px solid #b3d5f6;
		border-right:1px solid #b3d5f6;
}
.list1
{
	width:99%;
	text-align:center;
	border-top:1px solid #047CE7;
	border-left:1px solid #b3d5f6;
}
.list1 th
{
	background-image:url(../images/list1.png);
	background-repeat:repeat-x;
	font-size:12px;
	color:#ffffff;
	font-weight:100;
	border-bottom:1px solid #047CE7;
	border-right:1px solid #047CE7;
	height:30px;
}
.list1 td
{
	 text-align :right;
	 padding-right:5px;
		font-size:12px;
		height:19px;
		color: #000000;
		border-bottom:1px solid #b3d5f6;
		border-right:1px solid #b3d5f6;
}
.change{ 
 background-color:#FFFFE1;
 color:Blue; 
 cursor:hand; 
 border:1px solid #5D9DD5;
 vertical-align:middle;
 display:block;

}
.back{
border:1px solid #5D9DD5;
color:Black;
cursor:hand; 
vertical-align:middle;
 display:block;
}
.changeover{ 
 background-color:#FFFFE1; 
  border:1px solid #5D9DD5;
 cursor:hand; 

 vertical-align:middle;
 display:block;

}
.changeoveron{ 
 background-color:#FFFFE1; 
  border:1px solid #5D9DD5;
 cursor:hand; 
 color:Blue;
 vertical-align:middle;
 display:block;

}
.backout{
color:Black;
cursor:hand; 
border:1px solid #5D9DD5;
vertical-align:middle;
 display:block;
}
.backouton{
background-color:#FFFFE1;
 border:1px solid #5D9DD5;
color:Blue;
cursor:hand; 
vertical-align:middle;
 display:block;
}
/*---海浪---*/
.changeW{ 
 color:Blue;

 vertical-align:middle;
 display:block;
 text-align:center;
}
.backW
{
	color:Black;

	vertical-align:middle;
	display:block;
	text-align:center;
}
.changeWtr
{
	background-color:#97CDF9;
	font-weight:bold;
	color:Blue;
}
.backWtr
{
	background-color:#e4f7fd;
}
/*---海浪---*/
.changeS{ 
 color:Blue; 
 cursor:hand; 
 vertical-align:middle;
 text-align:center;
 border:0px;

}
.backS{
color:Black;
cursor:hand; 
vertical-align:middle;
  text-align:center;
  border:0px; 
  
}

#WranNotice
{
	width:356px;
	height:478px;	
}
#Narrowdiv
{
	top:0px;
	left:295px;
	width:30px;
	height:35px;
	background-repeat:no-repeat;
	position:absolute;
	cursor:hand;
}

#Normaldiv
{
	top:0px;
	left:330px;
	width:30px;
	height:35px;
	background-repeat:no-repeat;
	position:absolute;
	cursor:hand;
}
#MaptypeDiv
{
	top:6px;
	left:335px;
	padding-top:3px;
	width:127px;
	height:26px;
	position:absolute;
	color:#ffffff;
	cursor:hand;
}
#yeqiandiv
{
	top:6px;
	left:455px;
	width:379px;
	height:26px;
	position:absolute;
	color:#ffffff;
	
}
#EQHdate
{
	top:6px;
	left:275px;
	width:369px;
	height:26px;
	position:absolute;
	color:#ffffff;
	padding-top:6px;
}
#ccyeqiandiv
{
	border-style: none;
	border-color: inherit;
	border-width: 0px;
left: 469px; 
		width: 369px; 
	top: 9px; 
		position:absolute;
		z-index:100;
}
.yeqianText
{
	margin-top:4px;
	margin-left:5px;
	height:25px;
	width:68px;
	background-image:url('../images/anniu2.png');
	background-repeat:no-repeat;
	padding-top:7px;
	text-align:center;
	color:#000000;
	float:left;
	cursor:hand;
	font-weight:bold;
}
.yeqianLink
{
	margin-top:4px;
	margin-left:5px;
	height:25px;
	width:68px;
	padding-top:7px;
	text-align:center;
	color:#ffffff;
	float:left;
	cursor:hand;
}

#RedTidewarninfo
{
	width:356px;
	height:378px;
}
.warnlist
{
	width:100%;
	text-align:center;

}

.warnlist td
{
	 text-align :right;
	 padding-right:5px;
	 font-size:12px;
	 height:19px;
	 color: #4f6b72;
}
#warntitle
{
	 border-bottom:2px solid #fe9901;	
}
#warncentent
{
	 border-top:3px solid #e6e6e6;	
	 height:70px;
}
#warnbotton
{
 background-image:url(../images/redbotton.jpg);
 	height:5px;
	width:357px;	
}
#RedTidewarnlist
{
	width:356px;
	height:90px;	
}
#newwarntitle
{
  border-bottom:2px solid #fe9901;	
  color:#34659d;
  font-size:12px;
  font-weight:bold;
  vertical-align:middle;
}
#newbotton
{
	background-image:url(../images/redbotton.jpg);
	background-repeat:repeat-x;
	height:5px;
	width:357px;
}
#newcentent
{
		padding-left:10px;
		text-align:left;
		width:346px;
		height:310px;
		overflow:auto;
		line-height:18px;
}
#newtitle
{
	border-top:3px solid #e6e6e6;	
	font-weight:bold;
	height:18px;
	text-align:center;
}
#newdate
{
	height:14px;
	text-align:center;	
	padding-right:5px;
	}

#WEATHERFORECAST
{
	width:356px;
	height:478px;		
}
#qxscTitle
{
   width:80px;
   color:#234232;
   font-weight:bold;
   height:30px;
   float:left;
   padding-top:8px;
}
#qxzlist
{
	 padding-top:5px;
	 padding-left:5px;
	height:30px;	
	text-align:left;
	width:230px;
	float:left;
}
#qxybTitle
{
	width:160px;
   color:#234232;
   font-weight:bold;
   height:20px;
   padding-top:8px;
	
}
.qxSelect
{
 width:80px;	
}
#scsj
{
 top:35px; left:3px;width:354px;height:250px;position:absolute;	
}
#ybsj
{
 top:300px; left:3px;width:354px;height:140px;position:absolute;
}
#yblb
{
top:31px; width:363px;	
}
#stfblb
{
	text-align:left;
	width:356px;
	height:30px;	
}
#bar
{
	left:1px;
	width:168px;
	height:35px;
	position:absolute;
	background-image:url(../images/cd3.png);
	background-repeat:repeat-x;
}
#menubg
{
  	top:35px;
  	left:1px;
	width:167px;
	height:35px;
	position:absolute;
	background-image:url(../images/list_back.png);
	background-repeat:repeat-y;

}
#menubgimg
{
	width:167px;
	position:absolute;
}
#menulist
{
	width:167px;
	height:447px;
	position:absolute;
}
#listtop
{
	width:150px;
	height:5px;
	padding :0px ; 
	margin : 0px ;
}
.listcenter
{
	width:167px;
	height:395px;
	background-image:url(../images/list_back.png);
	background-repeat:repeat-y;
}
#listbotton
{
	width:167px;
	z-index:12;
	margin-top : 0px ;
}
.menubtn1
{
	width:167px;
	height:37px;
	padding-bottom :0px ; 
	background-image:url(../images/List_Btn1.png);
	background-repeat:no-repeat;
}
.menubtn2
{
	width:167px;
	height:37px;
	padding-bottom :0px ; 
	background-image:url(../images/List_Btn2.png);
	background-repeat:no-repeat;
}
.menubtn3
{
	width:167px;
	height:37px;
	padding-bottom :0px ; 
	background-image:url(../images/List_Btn3.png);
	background-repeat:no-repeat;
}
.menubtn4
{
	width:167px;
	height:37px;
	padding-bottom :0px ; 
	background-image:url(../images/List_Btn4.png);
	background-repeat:no-repeat;
}
.menubtn5
{
	width:167px;
	height:37px;
	padding-bottom :0px ; 
	background-image:url(../images/List_Btn5.png);
	background-repeat:no-repeat;
}
.menubtn6
{
	width:167px;
	height:37px;
	padding-bottom :0px ; 
	background-image:url(../images/List_Btn6.png);
	background-repeat:no-repeat;
}
.btn
{
	width:140px;
	height:22px;
	background-image:url(../images/list_back.png);
	background-repeat:repeat-y;
	cursor:hand;
	font-size:14px;
	padding-left:27px;
	padding-top:10px;
}
.subbtn 
{
	filter: revealTrans(transition=23,duration=1);
	display:none;
}  

.btn A 
{
	COLOR: #336699;
	text-decoration: none;
	margin-left:10px;
}

#hymsgleft
{
	width:56px;
	height:35px;
	background-image:url(../images/cd4.png);
	float:left;
}
#hymsgcen
{
	width:776px;
	height:35px;
    float:left;
    background-image:url(../images/cd2.png);
	background-repeat:repeat-x;
}
#messagebg
{
	width:832px;
	height:35px;
	position:absolute;
}
#biaoshi
{
	padding-left:57px;
	padding-top:10px;
	width:196px;
	height:22px;
	position:absolute;
	color:#ffffff;
	top: 0px;
	left: 0px;
}
#DateSeatch
{
	left:230px;
	width:260px;
	position:absolute;
	padding-top:6px;
	color:#ffffff;
}
#selectType
{
	top:6px;
	left:450px;
	width:180px;
	height:30px;
	position:absolute;
	padding-top:6px;
	color:#ffffff;
}
#Dateinput
{
	background-image:url(../images/timecol.png);
    background-repeat:no-repeat; text-align:center;float:left; padding-top:3px;	
	width:104px; height:22px; color:#ffffff; margin-bottom:3px;	
}

/* .......}娼綅棰勬姤......*/
#FisherymapDiv
{
	left:3px;
	top:37px;
	width:455px;
	height:483px;
	position:absolute;
	background-color:Transparent;
	border:1px solid #639FDC;
}
#MapBottomDiv
{
	width:455px;
	height:483px;
	border:0px;
	background-color:#BDDCF7;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
}
#FisheryMapTopDiv
{
	width:455px;
	height:483px;
	border:0px;
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fishery.png',sizingMethod='scale');
	
}
#SeawaterMapDiv
{
	left:4px;
	top:36px;
	width:455px;
	height:483px;
	position:absolute;
	background-color:Transparent;
	border:1px solid #d2d4d3;
	background-repeat:no-repeat;
	background-image:url(../images/map2.png);
}
.seawaterimg
{
	z-index:1px;
	width:28px;
	height:28px;
	float:left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/seawater.png',sizingMethod='scale');
	background-color:Transparent;
}
.BtnDef
{
	color:Black;
	width:80px;
	height:20px;
	text-align:center;
	background-color:White;
	padding-top:7px;
	float:left;
	cursor:hand;
}
.BtnOn
{
	color:Black;
	width:80px;
	height:20px;
	text-align:center;
	background-color:#806AB5;
	padding-top:7px;
	float:left;
	cursor:hand;
}
#ccDateDiv
{
	padding-top:1px;
}
.ccyeqianText
{
	height:18px;
	width:72px;
	background-image:url('../images/Bar_btn_line.jpg');
	background-repeat:no-repeat;
	padding-top:10px;
	text-align:center;
	float:left;
	border:0px;
	cursor:hand;
	background-color:#EEEEEE;

}
.dfbBtnDiv
{
	width:100px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:6px;
	font-weight:bold;
	background-color:White;
}
.dfbBtnOnDiv
{
	width:100px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:6px;
	font-weight:bold;
	background-color:#806AB5;
}
.dfbQuXianDiv
{
	width:358px;
	height:159px;
	padding-bottom:3px;
}
.sjjs_dfbQuXianDiv
{
	width:885px;
	height:245px;
	padding-bottom:3px;
}
#flDiv
{
    width:350px;
    height:16px;
    position:absolute;
}
#wenyDiv
{
	 top:162px;
	 width:350px;
	 height:160px;
	 position:absolute;
}
#ssDiv
{
	 top:324px;
	 width:350px;
	 height:160px;
	 position:absolute;
}
#DHBinfo
{
	top:37px;
	left:466px;
	width:360px;
	height:479px;
	position:absolute;
}
#wyDiv
{
    width:350px;
    height:160px;
    position:absolute;
}
#prDiv
{
	 top:180px;
	 width:350px;
	 height:160px;
	 position:absolute;
}
#zyDiv
{
	 top:334px;
	 width:350px;
	 height:160px;
	 position:absolute;
}
#STHBinfo
{
	top:37px;
	left:466px;
	width:360px;
	height:479px;
	position:absolute;
}
#STHBinfo1
{
	top:37px;
	left:466px;
	width:360px;
	height:450px;
	position:absolute;
}
#wxytDiv
{
	position:absolute;
	top:35px;
	left:4px;
	width:820px;
	height:455px;
	margin-left:4px;
	background-color:#7CF3F9;
}
#ygDiv
{
	position:absolute;
	top:42px;
	width:360px;
	height:447px;
	margin-left:4px;
	overflow-y:auto;
}
#wxytImgDiv
{
	position:absolute;
	top:10px;
	left:7px;
	width:802px;
	height:435px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:hidden;
	float:left;	
}
#ygImgDiv
{
	position:absolute;
	top:10px;
	left:7px;
	width:340px;
	height:415px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:hidden;
	float:left;	
}
#dbldImgDiv
{
	position:absolute;
	top:10px;
	left:7px;
	width:802px;
	height:435px;
	overflow:hidden;
	float:left;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dbld_bg2.png',sizingMethod='scale');	
	background-image:url('../images/dbld_bg2.png');	*/
}

#dbldBgImg
{
	position:absolute;
	width:1000px;
	height:550px;
	overflow:hidden;
	z-index:901;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dbld_bg2.png',sizingMethod='scale');	
}

#dbldBottonDiv
{
	position:absolute;
	top:10px;
	left:7px;
	width:100%;
	height:100%;
	background-color:#7CF3F9;
	z-index:-1;
}

#wxytleftTop
{

	width:7px;
	height:10px;
	float:left;
	background-image:url('../images/wxyt_03.gif');	
}
#wxytmidTop
{
	width:802px;
	height:10px;
	float:left;
	background-image:url('../images/wxyt_04.gif');	
	background-repeat:repeat-x;
}
#ygmidTop
{
	width:338px;
	height:10px;
	float:left;
	background-image:url('../images/wxyt_04.gif');	
	background-repeat:repeat-x;
}
#wxytrightTop
{
	position:absolute;
	width:7px;
	height:10px;
	float:left;
	background-image:url('../images/wxyt_06.gif');		
}
#wxytleft
{
	position:absolute;
	top:10px;
	left:0px;
	width:9px;
	height:435px;
	float:left;
}
#ygleft
{
	position:absolute;
	top:10px;
	left:0px;
	width:9px;
	float:left;
}
#wxytright
{
	position:absolute;
	top:10px;
	left:809px;
	width:9px;
	height:435px;
	float:left;
}
#ygright
{
	position:absolute;
	top:10px;
	left:345px;
	width:9px;
	float:left;
}	
#wxytbottonDiv
{
	left:4px;
	top:480px;
	width:820px;
	height:30px;
	position:absolute;
	margin-left:4px;
	margin-left:4px;
}
#ygbottonDiv
{
	left:4px;
	top:450px;
	width:820px;
	height:30px;
	position:absolute;
	margin-left:4px;
	margin-left:4px;
}
#wxytBtnL
{
	width:14px;
	height:39px;
	float:left;
	background-image:url('../images/wxyt_13.gif');	
}
#ygBtnL
{
	width:14px;
	height:39px;
	float:left;
	background-image:url('../images/wxyt_13.gif');	
}
#wxytBtnM
{
	width:790px;
	height:39px;
	float:left;
	background-image:url('../images/wxyt_15.gif');
	background-repeat:repeat-x;	
}
#ygBtnM
{
	width:326px;
	height:39px;
	float:left;
	background-image:url('../images/wxyt_15.gif');
	background-repeat:repeat-x;	
}
#wxytBtnR
{
	position:absolute;
	width:12px;
	height:39px;
	float:left;
	background-image:url('../images/wxyt_16.gif');	
}
#ygBtnR
{
	position:absolute;
	width:12px;
	height:39px;
	float:left;
	background-image:url('../images/wxyt_16.gif');	
}
#ytPlay
{
	position:absolute;
	left:14px;
	width:30px;
	height:30px;
}	
#full
{
	position:absolute;
	left:32px;
	width:25px;
	height:25px;
}
.r-sliderObj 
{ 
	position:absolute;
	top:13px;
	left:100px;
	width:637px; 
	height:11px; 
	cursor:hand;	
	border:0px;
	
}
.sliderObj 
{ 
	position:absolute;
	top:13px;
	left:145px;
	width:625px; 
	height:11px; 
	cursor:hand;	
	border:0px;
	background-repeat:no-repeat;
}
#playtime
{
	position:absolute;
	top:8px;
	left:50px;
	width:80px;
	height:30px;
	z-index:120;
}
.sliderKedu1
{
	width:13px;height:11px;border:0px;float:left;
	background-image:url('../images/kedu1.jpg');background-repeat:no-repeat;
}
.sliderKedu2
{
	width:13px;height:11px;border:0px;float:left;
	background-image:url('../images/kedu2.jpg');background-repeat:no-repeat;
}
.sliderKedu3
{
	width:13px;height:11px;border:0px;float:left;
	background-image:url('../images/biao2.jpg');background-repeat:no-repeat;
}
.sliderKedu4
{
	width:13px;height:11px;border:0px;float:left;
	background-image:url('../images/biao1.jpg');background-repeat:no-repeat;
}
.playKedu1
{
	width:13px;height:11px;border:0px;float:left;
	background-image:url('../images/kedu1-1.jpg');background-repeat:no-repeat;
}
.playKedu2
{
	width:13px;height:11px;border:0px;float:left;
	background-image:url('../images/kedu2-1.jpg');background-repeat:no-repeat;
}
.playKedu3
{
	width:13px;height:11px;border:0px;float:left;
	background-image:url('../images/biao2-1.jpg');background-repeat:no-repeat;
}
.playKedu4
{
	width:13px;height:11px;border:0px;float:left;
	background-image:url('../images/biao1-1.jpg');background-repeat:no-repeat;
}
.r-sliderBar 
{ 
	width:9px;
	height:12px;
	cursor:hand; 
	background-image:url(../images/bar1.png);
	background-repeat:no-repeat;
}
.r-sliderBtn 
{ 
	width:21px;
	height:11px;
	cursor:hand; 
}
.wxytBarover
{
	width:9px;
	height:12px;
	cursor:hand;	
	background-image:url(../images/bar2.png);
	background-repeat:no-repeat;
}
.wxytBarout
{
	width:9px;
	height:12px;
	cursor:hand;
	background-image:url(../images/bar1.png);
	background-repeat:no-repeat;
}
.wxytBardown
{
	width:9px;
	height:12px;
	cursor:hand;
	background-image:url(../images/bar3.png);
	background-repeat:no-repeat;
}
.wxytBtnL
{
	width:21px;
	height:11px;
	cursor:hand; 
	background-image:url('../images/kj1.png');
	background-repeat:no-repeat;
}
.FBCBtnL
{
	width:21px;
	height:11px;
	cursor:hand; 
	background-image:url('../images/kj1.png');
	background-repeat:no-repeat;
}
.wxytBtnLover
{
	width:21px;
	height:11px;
	cursor:hand; 
	background-image:url('../images/kj2.png');
	background-repeat:no-repeat;
}
.wxytBtnR
{
	width:21px;
	height:11px;
	cursor:hand; 
	background-image:url('../images/kj3.png');
	background-repeat:no-repeat;
}
.FBCBtnR
{
	width:21px;
	height:11px;
	cursor:hand; 
	background-image:url('../images/kj3.png');
	background-repeat:no-repeat;
}
.wxytBtnRover
{
	width:21px;
	height:11px;
	cursor:hand; 
	background-image:url('../images/kj4.png');
	background-repeat:no-repeat;
}
.wxytPlay
{
	position:absolute;
	left:0px;
	top:5px;
	width:30px;
	height:30px;
	cursor:hand;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/wxytbtn1.png',sizingMethod='scale');
	background-color:Transparent;
}
.dbldPlay
{
	position:absolute;
	left:20px;
	top:5px;
	width:30px;
	height:30px;
	cursor:hand;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/wxytbtn1.png',sizingMethod='scale');
	background-color:Transparent;
}
.wxytPlayover
{
	position:absolute;
	left:0px;
	top:5px;
	width:30px;
	height:30px;
	cursor:hand;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/wxytbtn2.png',sizingMethod='scale');
	background-color:Transparent;
}
.dbldPlayover
{
	position:absolute;
	left:20px;
	top:5px;
	width:30px;
	height:30px;
	cursor:hand;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/wxytbtn2.png',sizingMethod='scale');
	background-color:Transparent;
}
.wxytPlaypause
{
	position:absolute;
	left:0px;
	top:5px;
	width:30px;
	height:30px;
	cursor:hand;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/wxytbtn3.png',sizingMethod='scale');
	background-color:Transparent;
}
.dbldPlaypause
{
	position:absolute;
	left:20px;
	top:5px;
	width:30px;
	height:30px;
	cursor:hand;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/wxytbtn3.png',sizingMethod='scale');
	background-color:Transparent;
}
.rdImg
{
	width:1000px;
	height:550px;	
	background-color:Transparent;
}

.wxytFangda
{
	position:absolute;
	left:15px;
	top:7px;
	width:25px;
	height:25px;
	cursor:hand;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/wxytbig1.png',sizingMethod='scale');
	background-color:Transparent;
}
.wxytFangdaover
{
	position:absolute;
	left:15px;
	top:7px;
	width:25px;
	height:25px;
	cursor:hand;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/wxytbig2.png',sizingMethod='scale');
	background-color:Transparent;
}
.wxytFangdaout
{
	position:absolute;
	left:15px;
	top:7px;
	width:25px;
	height:25px;
	cursor:hand;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/wxytbig1.png',sizingMethod='scale');
	background-color:Transparent;
}
.wxytFangdaon
{
	position:absolute;
	left:15px;
	top:7px;
	width:25px;
	height:25px;
	cursor:hand;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/wxytbig3.png',sizingMethod='scale');
	background-color:Transparent;
}
.wxytyeqianText
{
	height:27px;
	width:80px;
	background-image:url('../images/Bar_btn_line.png');
	background-repeat:no-repeat;
	padding-top:0px;
	text-align:center;
	float:left;
	cursor:hand;
	color:#ffffff;
}
/*---地波雷达---*/
#time
{
	z-index:170px;
	position:absolute;
	top:22px;
	left:100px;
	width:637px;
	height:12px;	
	float:left;
}
.day0
{
	z-index:170px;
	position:absolute;
	top:23px;
	color:Blue;
	left:70px;
	height:12px;	
	float:left;
}
.time0
{
	position:absolute;
	left:3px;
	float:left;
}
.time1
{
	position:absolute;
	left:80px;
	float:left;
}
.time2
{
	position:absolute;
	left:158px;
	float:left;
}
.time3
{
	position:absolute;
	left:236px;
	float:left;
}
.time4
{
	position:absolute;
	left:314px;
	float:left;
}
.time5
{
	position:absolute;
	left:392px;
	float:left;
}
.time6
{
	position:absolute;
	left:470px;
	float:left;
}
.time7
{
	position:absolute;
	left:548px;
	float:left;
}
.time8
{
	position:absolute;
	left:610px;
	float:left;
}
#tuli
{
	width:70px;
	height:165px;
	position:absolute;
	background-color:#FFDB7B;
	top:10px;
	left:25px;
	z-index:-1;
}
.dbld_pointimg
{
	width:27px;
	height:27px;
	background-image:url("../images/dbld_station.gif");
}
/*---地波雷达---*/
.ycLnameImg
{
	width:15px;
	height:26px;
	float:left;
	border:0;
	background-image:url("../images/yyqx_08.jpg");	
}
.ycMnameImg
{
	width:110px;
	height:26px;
	float:left;
	color:White;
	border:0;
	background-image:url("../images/yyqx_09.jpg");
}
.ycRnameImg
{
	width:14px;
	height:26px;
	float:left;
	border:0;
	background-image:url("../images/yyqx_10.jpg");
}
.bottomrImgDiv
{
	width:100;
	height:21px;
	float:left;
	border:0;
	background-image:url("../images/yyqx_18.jpg");	
}
.bottommImgDiv
{
	width:123px;
	height:21px;
	float:left;
	border:0;
	background-image:url("../images/yyqx_19.jpg");
}
.bottomlImgDiv
{
	width:125px;
	height:21px;
	float:left;
	border:0;
	background-image:url("../images/yyqx_20.jpg");
}
#fengsDiv
{
position:absolute;
 width:350px;
 height:160px;
}
#BGDiv
{
	top:235px;
	position:absolute;
	width:350px;
	height:160px;

}
#fslistDiv
{
	left:1px;
	top:235px;
	position:absolute;
	width:350px;
	height:160px;	
}
#windlevel
{
	width:100%;
	border-bottom:solid #888888 1px;
	border-left:solid #888888 1px;
	border-top:solid #888888 1px;
	text-align:center;
}
#windlevel th
{
	width:25%;
	background-image:url(../images/2_03.jpg);
	font-size:12px;
	color:#010101;
	font-weight:100;
	border-right:1px solid #888888;
	height:29px;
}
#windlevel .td1
{
    border-right:solid #888888 1px;
    background-color:#EBF8FE;
    height:21px;	
}
#windlevel .td2
{
	border-right:solid #888888 1px;	
	height:21px;
}
#WindNewtalbe
{
	width:330px;
	border-left:solid #888888 1px;
	border-top:solid #888888 1px;
	text-align:center;
}

#WindNewtalbe th
{
	background-image:url(../images/2_03.jpg);
	font-size:12px;
	color:#010101;
	font-weight:bold;
	font-weight:100;
	height:29px;
	text-align:center;
	border-right:solid #888888 1px;
	border-bottom:solid #888888 1px;
}
#WindNewtalbe td
{
    background-color:#EBF8FE;
    border-right:solid #888888 1px;
	border-bottom:solid #888888 1px;
    height:24px;	
    text-align:center;
}
#fxbDIV
{
	 top:330px;
	 width:352px;
	 height:160px;
	 position:absolute;
}
#fxb_title
{
	background-image:url(../images/fxb_bg.jpg);
	text-align:center;
	border:solid 1px #5eaeeb;
	height:27px;
}
#fxbInfo
{
 border-left:solid 1px #909090;
 border-right:solid 1px #909090;
}

#fxbInfo td
{
	text-align:left;
	font-size:12px;
	float:left;
	width:180px;
	height:30px;
	background-color:#fffbef;
}
#fxb_bottom
{
	text-align:center;
	font-size:12px;
	height:30px;
	border-bottom:solid 1px #909090;
	border-left:solid 1px #909090;
	border-right:solid 1px #909090;
	background-color:#fffbef;
	}
#qx1Div
{
	 width:350px;
	 height:230px;
	 position:absolute;
}
#qx2Div
{
	 top:240px;
	 width:350px;
	 height:230px;
	 position:absolute;
}

#JWDiv
{
	position:absolute;
	width:200px;
	height:20px;
	top:390px;
	left:8px;	
	color:White;
	font-weight:bold;
}
/*---赤潮动态---*/
#ccMsgDiv
{
	width:360px; 
	text-align:center;
	overflow-y:auto;
	overflow-x:hidden ;
	height:450px;
}
.ccdtXCJC
{
	margin-left:8px;
	width:352px;
	height:36px;
	color:Black;
	cursor:hand;
	font-weight:bold;
	background-image: url(../images/ccdttitle.png);
}
.ccdtXCJCcotent
{
	margin-left:8px;
	border-top:0px;
	width:352px;
	height:36px;
	background-image:url(../images/ccdtborder.png);
	 background-repeat:repeat-y;
}
.redtidea_btn1
{
    background-image: url(../images/redtidea_btn1.png);
    background-repeat:no-repeat;
     width: 65px; 
     height: 25px; 
     float: left;
      margin-top:6px;
      margin-left:3px;
      cursor:hand;
      text-align:center;
      padding-top:6px;
      color:White;   
}
.ccdtXCJCbottom
{
	margin-left:8px;
	width:352px;
	height:15;
	padding-bottom:5px;
	background-image:url(../images/ccdtbuttom.png);
	background-repeat:no-repeat;
}
.redtidea_btn2
{
    background-image: url(../images/redtidea_btn2.png);
    background-repeat:no-repeat;
     width: 65px; 
     height: 25px; 
     float: left;
     cursor:hand;
     margin-top:6px;
      margin-left:3px;
      text-align:center;
      padding-top:6px;
      color:White;
      font-weight:bold;
}
.ccdtContent
{
	width:352px;
	 line-height:19px;
	 overflow-y:auto;
	 background-image:url(../images/ccdtborder.png);
	 background-repeat:repeat-y;
}
.ccdtMin
{
	width:340px;
	padding-left:10px;
	padding-bottom:5px;
}
.ccdtTitle
{
	background-image: url(../images/ccdttitle.png);
	width:352px;
	height:36px;
	padding-left:10px;
	color:Black;
	width:352px;
	cursor:hand; 
	font-weight:bold;
	background-repeat:no-repeat;
}
.ccdtbottom
{
	width:352px;
	height:15;
	background-image:url(../images/ccdtbuttom.png);
}
#ccInfoDiv
{
	top:40px;
	left:2px;
	width:360px;
	position:absolute;	
}
#stfblb1
{
	top:30px;
	
	position:absolute;	
}
#wyDiv1	
{
	top:60px;
	position:absolute;	
	
}
#prDiv1
{
	top:195px;
	position:absolute;	
}
#zyDiv1
{
	top:330px;
	position:absolute;	
	
}
/*---赤潮动态---*/

/*主要港湾*/
#qsDiv
{
	top:37px;
	left:471px;
	width:360px;
	height:479px;
	position:absolute;
}
#MTYPEDiv
{
    width:350px;
    height:30px;
    position:absolute;	
}

#wjdDiv
{
	top:40px;
    width:350px;
    height:200px;
    position:absolute;
}
#hxtsyDiv
{
	 top:242px;
	 width:350px;
	 height:200px;
	 position:absolute;
}

.Tip
{
	 z-index: 20;
	 display: none;
}
.EQInfo
{
	padding:5px;
	width:100px;
	height:30px;
	background-color:White;
	display:none;	
}
.EQINFOTITLE
{
	 padding-top:5px;
	 padding-left:14px;
	 padding-bottom:5px;
	 font-size:13px;
	 font-weight:bold;
}
.EQINFOCENTENT
{
	 padding:5px;
}
.hjzltitle
{
	width:351px;
	height:24px;
	background-image:url(../images/hjzl1.png);
	text-align:center;
	font-size: 12pt; 
	font-weight:bold;
	color:#ffffff;
	padding-top:8px;
}
.hjzlcontent
{
	padding-left:5px;
	font-size:9pt;
	line-height:16px;
	background-image:url(../images/hjzl2.png);
	background-repeat:repeat-y;
	width:346px;
	height:420px;	
}
/*---渔业气象---*/
.yyqxTop
{
	width:346px;
	border-left-color:#2b55a1;
	border-right-color:#2b55a1;
	border-left-style:solid; 
	border-right-style:solid; 
	border-right-width:1px; 
	border-left-width:1px;
}
.yyqxContent
{
	width: 346px; 
	font-size:13px; 
	background-color:#e4f7fd; 
}
.tishi
{
	color:#000000; 
	height:17px;
}
.tishiTop
{
	text-align:left; 
	font-size:12px; 
	width: 346px;
	background-image:url(../images/yyqx_2.jpg);
}
/*---海水浴场---*/
.hsycdate
{
	color:White;
	font-size:16px;
	font-weight:bold;
	height:25px;
	text-align:center;
	background-image:url(../images/hsyc_1.png);
}
.contentTableL
{
	width:100px;
	background-image:url(../images/hsyc_2.png);
}
.contentTableR
{
	width:235px;
	background-image:url(../images/hsyc_3.png);
}
#hsycTip
{
	position:absolute;
	width:300px;
	height:300px;
	font-size:16px;
	font-weight:bold;
	padding-left:30px;
	text-align:left;
	top:100px;
}
.hsycTab
{
	width:334px; 
	border-bottom:solid 1px #A7CCEC;
	visibility:hidden;
	
}
.hsycContent
{
	height:23px;
	width:130px; 
	text-align:right;
	color:#243350;
	font-weight:bold;
	padding-right:15px;
}
.hsycData
{
	height:23px;
	width:235px;
	color:#253451;
	text-align:left;
	padding-left:5px;
}
.hsycContentT
{
	width:130px; 
	text-align:right;
	color:#243350;
	font-weight:bold;
	background-color:#C3E1FE;
	border-top:solid 1px #A7CCEC;
	border-bottom-width:0px;
	padding-right:15px;
	height:20px;
		border-left:solid 1px #A7CCEC;
	border-right:solid 1px #A7CCEC;
}
.hsycDataT
{
	width:200px;
	color:#253451;
	text-align:left;
	padding-left:20px;
	border-top:solid 1px #A7CCEC;
	border-bottom-width:0px;
	height:20px;
		border-left:solid 1px #A7CCEC;
	border-right:solid 1px #A7CCEC;
}
.hsycBorder
{
	background-color:#e4f7fd; 
	width:346px; 
	text-align:center;
	border-left-color:#2b55a1; 
	border-right-color:#2b55a1; 
	border-left-style:solid; 
	border-right-style:solid; 
	border-right-width:1px; 
	border-left-width:1px;
}
.hsycTopImg
{
	background-image:url(../images/hsyc_top.jpg);
	background-repeat:no-repeat;
	height:50px;
	width:348px;
	
}
/*
DataSearch
*/
#tablelist 
{
	text-align:center;
	width: 100%;
	border-color:#97AFd9;
} 
#tablelist td
{
	font-size:12px;
	color: #4f6b72;
	}
#tablelist th {
	width:100%;
	height:25px;
	font-family: "宋体";
	font-size: 16px;
	font-weight: bold;
	background-color: #BDD3FA;
	background-repeat: repeat-x;
    border:1px solid #97AFd9;
}
#list
{
	width:99%;
	text-align:center;
	border:1px solid #bcd1f0;
}
#list th
{
	background-color:#d8e7fd;
	font-size:12px;
	border:1px solid #bcd1f0;
	height:25px;
}
#list A {
	COLOR: #336699;
	text-decoration: none;
}
#list A:link {
	COLOR: #FF9900;
	text-decoration: none;
}
#list A:visited {
	COLOR: #336699;
	text-decoration: none;
}
#list A:hover {
	COLOR: #FF6633;
	text-decoration: none;
}

/*GridView样式*/
.GridViewStyle 
{    
	width:99%;
	text-align:center;
	border:1px solid #bcd1f0; 
} 
/*连接的样式*/
.GridViewStyle a 
{ 
   COLOR: #336699;
	text-decoration: none;
} 
.GridViewStyle A:link 
{ 
   COLOR: #FF9900;
	text-decoration: none;
}
.GridViewStyle  A:visited 
{ 
  COLOR: #336699;
	text-decoration: none;
}
.GridViewStyle  A:hover 
{ 
	COLOR: #FF6633;
	text-decoration: none;
}
.GridViewHeaderStyle 
{ 
	height:23px;
	background-color:#d8e7fd;
	font-size:12px;
} 
.GridViewHeaderStyle th 
{ 
    border-left: 1px solid #bcd1f0; 
    border-right: 1px solid #bcd1f0; 
} 
.GridViewFooterStyle 
{ 
    font-size:12px;
    
} 
.GridViewRowStyle 
{ 
 background-color:#F3F3F3; 
	height:20px;
	font-size:9pt; 
	color:#000000;
	
} 

.GridViewAlternatingRowStyle 
{ 
   background-color: #d8e7fd; 
	height:20px;
	font-size:9pt; 
} 
.GridViewSelectedRowStyle
{
	border-right:1px solid #bcd1f0;
	background-color:#BDD3FA;
}
.GridViewPagerStyle 
{ 
    font-size:9pt; 
}

/* 风暴潮 */
#drpTide
{
	position:absolute;
	left:650px;
	margin-left:5px;
	width:160px;
	padding-top:12px;
	color:#ffffff;
	float:left;
	}
#tfqxTitle
{
	 top:8px;
	 width:350px;
	 text-align:right;
	 height:350px;
	 position:absolute;
	 z-index:10;
	}
#tfqx1Div
{
	 top:8px;
	 width:350px;
	 height:200px;
	 position:absolute;
}
#tfqx2Div
{
	 top:175px;
	 width:350px;
	 height:140px;
	 position:absolute;
}
#FBCinfoDiv
{
     left:1px;
	 top:210px;
	 width:341px;
	 height:40px;
	 background-color:#EDF7FF;
	 position:absolute;
	 padding-left:10px;
	 font-weight:bold;
	 text-align:left;
}

#TFBCtop
{
	width:1000px;
	height:600px;
	border:0px;
	position:absolute;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hydt.png',sizingMethod='scale');
}
#TFLJ
{
	width:1000px;
	height:600px;
	border:0px;
	position:absolute;
	z-index:99;
}
#TFLJLine
{
	width:1000px;
	height:600px;
	border:0px;
	position:absolute;
	z-index:90;
}
#bottomPlay
{
	background-color:#2480E7;
	position:absolute;
	top:483px;
	left:8px;
	width:455px;
	height:40px;
	
}
.fbc-sliderObj 
{ 
	position:absolute;
	top:13px;
	left:100px;
	width:195px; 
	height:11px; 
	cursor:hand;	
	border:0px;
	
}
.day1
{
	position:absolute;
	left:3px;
	width:5px;
	float:left;
}
.day2
{
	position:absolute;
	left:30px;
	width:5px;
	float:left;
}
.day3
{
	position:absolute;
	left:56px;
	width:5px;
	float:left;
}
.day4
{
	position:absolute;
	left:82px;
	width:5px;
	float:left;
}
.day5
{
	position:absolute;
	left:108px;
	width:5px;
	float:left;
}
.day6
{
	position:absolute;
	left:134px;
	width:5px;
	float:left;
}
.day7
{
	position:absolute;
	left:161px;
	width:5px;
	float:left;
}
#colorLevelFBC
{
	position:absolute;
	top:30px;
	left:10px;
}
#colorLevel
{
	position:absolute;
	top:20px;
	left:470px;
}
.colorDiv
{
	width:28px; 
	height:20px;
}
.valueDiv
{
	width:28px; 
	text-align:right;
}
.linkImg
{
	width:161px;
	border:0px;
}
/*---赤潮知识---*/
#Navigation
{
	padding-left:207px;
	padding-top:10px;
	width:230px;
	height:22px;
	position:absolute;
	color:#ffffff;
}
#cczsContentArea
{
	width:100%;
	height:490px;
	position:absolute;
	top:35px;
	padding-left:5px;
}
.cczsType
{
	width:100%;
	height:20px;
	padding-top:5px;
	text-align:left;
	color:#0074EF;
	font-weight:bold;
	font-size:14px;
	background-color:#A6D1FF;
}
.cczsContent
{
	width:100%;
}
.cczstd
{
	border-bottom:solid 1px White;
}
.cczstitle
{
	padding-top:15px;padding-bottom:10px;font-size:16px;font-weight:bold;
}
.cczsSingle
{
	width:750px; height:460px;text-align:center;background-color:#EDF6FF;
	border:solid 1px #C9DCF0;padding-left:15px;padding-right:15px;margin-top:15px;
}
.cczstr
{
	background-color:#E1EEFC;width:100%;height:24px;text-align:left;
}
.cczstr0
{
	background-color:#B3E2FF;width:100%;height:25px;text-align:left;
}
.cczstr1
{
	background-color:#D9EBFF;width:100%;height:25px;text-align:left;
}
.linkimg
{
	z-index:100;padding-left:8px;padding-top:8px;
}
.defaultbotton
{
	z-index:-1;position:absolute;top:395px;
}
.cczsBtn
{
	BORDER-RIGHT: medium none; BORDER-TOP: medium none;BORDER-BOTTOM: medium none;BORDER-LEFT: medium none;
	background-image:url(../images/cczsBtn.jpg);
	width:51px;height:23px;
	
}
/*---赤潮预警---*/
.ccyjTab
{
	width:600px;padding-top:40px;
}
/*---排污口岸---*/
#pwkDateDiv
{
	width:300px;position:absolute;left:515px;top:8px;color:White;
}
#pwkDateTip
{
    position:absolute;top:45px;left:15px;font-weight:bold;font-size:15px;
    background-color:#F2F7FD;filter: Alpha(Opacity=90, FinishOpacity=70, Style=1, StartX=0, StartY=0, FinishX=300, FinishY=225);
}
/*---灾害公告---*/
#bar
{
	color:White;font-weight:bold;padding-top:10px;
}
/*---按钮---*/
.BtnSize2 { BORDER-RIGHT: medium none; BORDER-TOP: medium none; background-image:url(../images/BtnBgSize2.gif); BORDER-LEFT: medium none; WIDTH: 36px; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; HEIGHT: 18px }
.BtnSize3 { BORDER-RIGHT: medium none; BORDER-TOP: medium none; background-image:url(../images/BtnBgSize3.gif); BORDER-LEFT: medium none; WIDTH: 48px; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; HEIGHT: 18px }
.BtnSize4 { BORDER-RIGHT: medium none; BORDER-TOP: medium none; background-image:url(../images/BtnBgSize4.gif); BORDER-LEFT: medium none; WIDTH: 60px; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; HEIGHT: 18px }
.BtnSize5 { BORDER-RIGHT: medium none; BORDER-TOP: medium none; background-image:url(../images/BtnBgSize5.gif); BORDER-LEFT: medium none; WIDTH: 72px; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; HEIGHT: 18px }
.BtnSize6 { BORDER-RIGHT: medium none; BORDER-TOP: medium none; background-image:url(../images/BtnBgSize6.gif); BORDER-LEFT: medium none; WIDTH: 84px; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; HEIGHT: 18px }
/*---前台登录---*/
#dlmain
{
	background-image:url(../images/login.jpg);
	width:278px;height:187px;position:absolute;top:150px;left:255px;
}
#dlcontent
{
	position:relative;top:55px;left:100px;
}
.dltextbox
{
	border:solid 1px #91B8E6;height:16px;width:70px;	
}
.dlBtnsub
{
	BORDER-RIGHT: medium none; BORDER-TOP: medium none;BORDER-BOTTOM: medium none;BORDER-LEFT: medium none;
	background-image:url(../images/dlbtn.jpg);width:58px;height:21px;
}
.dlBtnreset
{
	BORDER-RIGHT: medium none; BORDER-TOP: medium none;BORDER-BOTTOM: medium none;BORDER-LEFT: medium none;background-image:url(../images/dlreset.jpg);
	width:58px;height:21px;
}
#dlbtn
{
	position:relative;top:75px;left:80px;
}
/*---遥感数据---*/
.ygsjImg
{
	border:0px; cursor:hand;	
}
.ygsjText
{
	width: 381px; float: left; height: 25px;font-weight:bold; padding-top:3px; font-size:14px; background-color:#8DC3FF; color:White; text-align:center;
}