/*使用於itenki 互動專區 之css
-------------------------------------------------------------------------------------------------------/------------------------*/

/*標籤使用
-------------------------------------------------------------------------------------------------------/------------------------*/
body ,table ,div 
{ font-size:small; }

a:link   { text-decoration:none;  color:#fff; }
a:visited{ text-decoration:none;  color:#fff; }
a:hover  { text-decoration:none;  color:#FFF; }

h1 { font-size:medium;  font-weight:bold;  color:#369; }

h3 { display:inline; font-size:medium; font-weight:bold; color:#c30; }

p 
{ text-align:justify;  line-height:1.2em; }

img 
{ border:0; }

/*主  架  構
-------------------------------------------------------------------------------------------------------/------------------------*/
#MainShadow                                                                                            /* 外框陰影部分 */  
{ width: 923px; background-image:url(http://photo.tenki.tw/tenki/typhoon/shadow.gif);}                              
 
#MainFrame                                                                                             /* 固定整體網頁大小 */
{ width: 903px; }          
                                                                 
#MainTitle                                                                                             /* title */
{ width: 903px;  height:80px;}

#MainSubInfo { color:#333333;  width:863px;  }                                                                        /* 關於我們-公司連結資訊 */
#MainSubInfo a:link  { text-decoration:none; color: #000; font-weight:bold;}
#MainSubInfo a:visited{text-decoration:none; color: #000; font-weight:bold;}
#MainSubInfo a:hover { text-decoration:none; color: #000; font-weight:bold;}

#DivBlue                                                                                               /* 颱風背景圖 */
{ width:863px;  padding:20px;  text-align:left;}                                           
		   			
#MainTable                                                                                             /* 主要表格 */
{ width:863px;  vertical-align:top;  color:#FFFFFF;  background:#369; }                                                        
            
#Footer                                                                                                /* Footer */
{ text-align:center;  width:903px;  height:40px;  background-image:url(http://photo.tenki.tw/tenki/typhoon/footer.jpg);}
.subword  { color:#fff; }                                     
.swbowrd2 { color:#666; }                                     

/*可編輯區域
-------------------------------------------------------------------------------------------------------/------------------------*/

#TitleLink                                                                                             /* 公司主要連結 */
{ width:903px;  height:40px;  background:url(http://photo.tenki.tw/tenki/typhoon/bt_bg.gif); }

#TitleLinkTest
{ width:903px;  height:40px;  background:url(http://photo.tenki.tw/tenki/bt_bg.gif); }

#MainInfo                                                                                              /* 內容放置位置 */
{ width:713px;  border:#fff 1px solid;  vertical-align:top;  padding:10px; }															
															
  
/* 互動專區
-------------------------------------------------------------------------------------------------------/------------------------*/

.InteractTitle                                                                                         /* 互動首頁說明 */
{ width:600px;  height:150px;  margin:10px 5px 0 5px; float:left; padding:0 5px 0 5px;
  color:#006699;  background:url(http://photo.tenki.tw/tenki/Interact/BGtest.gif);}
.InteractTitle a:link   { color:#CC9933; }
.InteractTitle a:visited{ color:#cc9933;}
.InteractTitle a:hover  { color:#990033;}
  

.InteractRenew                                                                                         /* 互動首頁更新訊息 */
{ width:215px;  height:120px;  margin: 10px 10px 0 0;  float:right;  padding: 20px 10px 0 0;
  background:url(http://photo.tenki.tw/tenki/Interact/InteractRenew.png);   overflow:auto; text-align:justify;}

.InteractFastConnect                                                                                   /* 互動首頁 - 快速說明 */
{ width:66px;  height:330px;  margin:5px 0 5px 10px;  float:left; }
.InteractFastConnect img
{ width:66px;  height:66px;}

/*互動首頁 - tag介紹
-------------------------------------------------------------------------------------------------------/------------------------*/
#InteractIntro                                                                                         
{ width:514px;  height:320px;  margin:5px 0 5px 0;  padding:0 10px 10px 10px;  float:left;  background:url(http://photo.tenki.tw/tenki/Interact/InteractContent.png); }

.InteractIntroTagChange
{ height:25px;  margin:10px 0 5px 0; background:none;}  

	/*Tag No1 note 留言  
  	---------------------------------------------------------------------------------------------------/------------------------*/
    .ImgIntro01 { background:url(http://photo.tenki.tw/tenki/Interact/InteractContent.png); }
	
	.InteractIntroCon01                                                                                /* note - content */
	{ height:230px;  padding:5px; margin:5px; overflow:auto;}
	
	/*Tag No2 ablum 相簿  
  	---------------------------------------------------------------------------------------------------/------------------------*/
  	.ImgIntro02 { background:url(http://photo.tenki.tw/tenki/Interact/InteractContent02.png); }
	
	.InteractIntroPic02																				   /* album - Pic */
	{ width:240px; height:180px; margin:0 5px 5px 0;  padding:5px; }
  	.InteractIntroPic02 img {width:240px;  height:180px; }
	
	.InteractIntroCon02																				   /* album - content */
	{ width:200px;  height:180px; margin:0 0 5px 0; }
	
	.InteractIntroBut02
	{ width:400px;  height:68px; margin:0;  float:left;}					   /* album - other */
	
	/*Tag No3 Personal 個人專區  
  	---------------------------------------------------------------------------------------------------/------------------------*/
  	.ImgIntro03 { background:url(http://photo.tenki.tw/tenki/Interact/InteractContent03.png); }
	
	.InteractIntroPic03        																		   /* personal - Pic */
	{ width:167px;  height:270px; margin:5px;  float:left;  text-align:center; }
	
	.InteractIntroCon03																				   /* personal - content */
	{ width:313px;  height:230px;  margin:5px;  float:left;  overflow:auto; }
	
	/*Tag No4 wish 許願  
  	---------------------------------------------------------------------------------------------------/------------------------*/
	.ImgIntro04 { background:url(http://photo.tenki.tw/tenki/Interact/InteractContent04.png); }
	
	.InteractIntroPic04																				   /* wish - Pic */
  	{ width:167px;  height:270px; margin:5px;  float:left;  text-align:center; }

	.InteractIntroCon04																				   /* wish - Content */
	{ width:313px;  height:170px; margin:5px;  float:left; padding:5px;}
	
	.InteractIntroBut04																				   /* wish - button */
	{ width:313px;  height:40px; margin:5px;  float:left;  padding:5px;  text-align:center;  vertical-align:middle; }
	
	/*Tag No5 Life 生活資訊  
  	---------------------------------------------------------------------------------------------------/------------------------*/
	.ImgIntro05 { background:url(http://photo.tenki.tw/tenki/Interact/InteractContent05.png); }

	.InteractIntroPic05																				   /* life - Pic*/
  	{ height:180px; width:240px; margin: 0 5px 0 0; padding:5px;}
	.InteractIntroPic05 img { height:180px;  width:240px; }
  
	.InteractIntroCon05																				   /* life - content */
  	{ height:225px; width:240px;  padding:5px; margin:5px;}	
  
  	.InteractIntroBut05																				   /* life - button */
  	{ width:245px;  margin:0 5px 5px 0;  padding:5px 5px 5px 0; }
  
.InteractIntroInf
{ float:right;  margin-right:5px;  padding-right:0px; color:#369;}
.InteractIntroInf img { width:30px; height:30px;}

.InteractMessages01
{ display:block;  width:474px; }

.InteractMessages01 table
{ border-collapse:collapse; }

  
/* 互動首頁 - 天氣貼紙
-------------------------------------------------------------------------------------------------------/------------------------*/
.InteractLabel                                                                                         
{ width:214px;  height:290px;  margin:5px 10px 5px 5px;  float:right;  background:url(http://photo.tenki.tw/tenki/Interact/InteractLabel.png); 
  padding:40px 0 0 10px;}
.InteractLabel a:link   { color:#CC9933; }
.InteractLabel a:visited{ color:#cc9933;}
.InteractLabel a:hover  { color:#990033;}

/*氣象新聞
-------------------------------------------------------------------------------------------------------/------------------------*/
.NewsIndex
{ width:100%;  border-collapse:collapse; }
.NewsIndex td
{ padding:1%; color:#369; }
.NewsIndex p
{ line-height:1.5em; }

.NewsIndexContent
{ width:60%; background:#fff;  vertical-align:top;  }
.NewsIndexContent p
{ text-indent:2em;  color:#333; }

.NewsBlog
{ width:40%;  background:#eef; vertical-align:top;}

/*天氣服務
-------------------------------------------------------------------------------------------------------/------------------------*/
.ServiceIndextable
{ width:100%;  border-collapse:collapse; }
.ServiceIndextable td
{ border:1px solid #fff;  vertical-align:top; }
.ServiceIndextable img
{ }

.ServiceTable
{ width:100%; border-collapse:collapse;  }
.ServiceTable td
{ border:1px solid #ccc;  background:#fff;  vertical-align:top; }

.ServiceContent
{ margin:5px;  border:3px double #ccc; padding:3px;  color:#666; }

.ServiceContent p
{ padding-left:2em;}

.ServicePrice
{ margin-left:10%; margin-right:10%; padding:3px;  border:1px solid #c00;  vertical-align:top;}


/*旅遊專區
-------------------------------------------------------------------------------------------------------/------------------------*/

/* 可用長度為863px */

.TravelIndexMain
{  padding:10px;  border:1px solid #999; background:#fff; margin:20px; float:left;  }
.TravelIndexMain a:link   { color:#006600;}
.TravelIndexMain a:visited{ color:#006600;}
.TravelIndexMain a:hover  { color:#FF9900;}

.TravelIndexAdver
{ width:263px; padding:10px 0 10px 0;}

.TravelIndexButton01
{ width:220px;  height:75px; background:url(../images/travel/IndexButtion01.png); float:left; colOr:#fff; margin:0 50px 0 25px; padding:79px 15px 0 15px; }

.TravelIndexButton02
{ width:220px;  height:75px; background:url(../images/travel/IndexButtion02.png); float:left; color:#FFF; padding:79px 15px 0 15px; }

.TravelIndexButton03
{ width:550px;  height:120px; background:url(../images/travel/IndexButtion03.png); float:left; margin:10px 0 0 25px; color:#fff; }

/*旅遊專區 - 種類搜尋
-------------------------------------------------------------------------------------------------------/------------------------*/

.TravelTypeMain
{ width:598px;  border:1px solid #900;  border-top:1px solid #fff;  background:#fff;  margin:0 20px 20px 20px;  }

.TravelTypeAdver
{ width:260px; padding:10px 0 10px 0;}

.TravelTypeTitle
{ width:600px;  height:50px;  background:url(../images/travel/TypeSearchTitle.png); margin: 20px 20px 0 20px; }

.TravelTypeStep
{ margin:20px;  padding:10px;  border:1px dashed #69c; vertical-align:top;}

.TravelTypeSumit
{ background:#fcc; border:1px dashed #900; width:60px; padding:5px; height:2em;  margin-bottom:2em; }


.TravelTypeTitle02
{ width:600px;  height:50px;  background:url(../images/travel/TypeSearchTitle02.png); margin: 20px 20px 0 20px; }

.TravelTypeMain02
{ width:598px;  border:1px solid #39c;  border-top:1px solid #fff;  background:#fff;  margin:0 20px 20px 20px;  }

.TravelTypeSumit02
{ background:#cff; border:1px dashed #009; width:60px; padding:5px; height:2em;  margin-bottom:2em; }

.TyavelTypeTitle03
{ width:600px;  height:50px;  background:url(../images/travel/TypeSearchTitle03.png); margin: 20px 20px 0 20px; }

.TravelTypeMain03
{ width:598px;  border:1px solid #C93;  border-top:1px solid #fff;  background:#fff;  margin:0 20px 20px 20px;  }

/*颱風專區 - 背景圖和圖片
-------------------------------------------------------------------------------------------------------/------------------------*/

.ImgTitle                                                                                              /* title 圖片 */
{ width:903px;  height:80px;  background:url(http://photo.tenki.tw/tenki/typhoon/header.gif); }                        

.ImgDivBlue                                                                                            /* 淺藍色背景圖 - 有颱風 */
{ background:url(http://photo.tenki.tw/tenki/typhoon/DivBlue.jpg) #9cc no-repeat; }

.ImgNormal
{ background: #e3eef4;}

.ImgTarget                                                                                             /* 指定指數圖案大小顯示 */
{ margin-right:10px;  width: 330px; height:300px; }															
															
.ImgMainButton0                                                                                        /* 指定樣版按鈕圖片 */
{ width:150px;  height:30px;  background:url(http://photo.tenki.tw/tenki/typhoon/button00.jpg); }

.ImgMainButton1                                                                                        /* 指定樣版按鈕圖片 */
{ width:150px;  height:30px;  background:url(http://photo.tenki.tw/tenki/typhoon/button01.jpg); }

.ImgMainButton2                                                                                        /* 指定樣版按鈕圖片 */
{ width:150px;  height:30px;  background:url(http://photo.tenki.tw/tenki/typhoon/button03.jpg); }

.ImgMainButton3                                                                                        /* 指定樣版按鈕圖片 */
{ width:150px;  height:30px;  background:url(http://photo.tenki.tw/tenki/typhoon/button04.jpg); }

.ImgMainButton4                                                                                        /* 指定樣版按鈕圖片 */
{ width:150px;  height:30px;  background:url(http://photo.tenki.tw/tenki/typhoon/button05.jpg); }

.ImgMainButton5                                                                                        /* 指定樣版按鈕圖片 */
{ width:150px;  height:30px;  background:url(http://photo.tenki.tw/tenki/typhoon/button09.jpg); }

.ImgMainButton6                                                                                        /* 指定樣版按鈕圖片 */
{ width:150px;  height:30px;  background:url(http://photo.tenki.tw/tenki/typhoon/button06.jpg); }

.ImgMainButton7                                                                                        /* 指定樣版按鈕圖片 */
{ width:150px;  height:30px;  background:url(http://photo.tenki.tw/tenki/typhoon/button07.jpg); }

.ImgMainButton8                                                                                        /* 指定樣版按鈕圖片 */
{ width:150px;  height:30px;  background:url(http://photo.tenki.tw/tenki/typhoon/button08.jpg); }

/* 互動專區 - 背景 與 圖片
-------------------------------------------------------------------------------------------------------/------------------------*/
.ImgInteractFastConnect01
{ background:url(http://photo.tenki.tw/tenki/Interact/InteractButton_1.png); }

.ImgInteractFastConnect02
{ background:url(http://photo.tenki.tw/tenki/Interact/InteractButton_2.png); }

.ImgInteractFastConnect03
{ background:url(http://photo.tenki.tw/tenki/Interact/InteractButton_3.png); }

.ImgInteractFastConnect04
{ background:url(http://photo.tenki.tw/tenki/Interact/InteractButton_4.png); }

.ImgInteractFastConnect05
{ background:url(http://photo.tenki.tw/tenki/Interact/InteractButton_5.png); }

.ImgInteractStar
{ width:10px;  height:10px;  background:url(http://photo.tenki.tw/tenki/Interact/star.png); }

.ImgInteractTagButton01
{ width:50px;  height:25px;  background:url(http://photo.tenki.tw/tenki/Interact/InteractTagButton01.png); }

.ImgInteractTagButton02
{ width:50px;  height:25px;  background:url(http://photo.tenki.tw/tenki/Interact/InteractTagButton02.png); }

.ImgInteractTagButton03
{ width:50px;  height:25px;  background:url(http://photo.tenki.tw/tenki/Interact/InteractTagButton03.png); }

.ImgInteractTagButton04
{ width:50px;  height:25px;  background:url(http://photo.tenki.tw/tenki/Interact/InteractTagButton04.png); }

.ImgInteractTagButton05
{ width:50px;  height:25px;  background:url(http://photo.tenki.tw/tenki/Interact/InteractTagButton05.png); }

.ImgInteractTagButton11
{ width:50px;  height:25px;  background:url(http://photo.tenki.tw/tenki/Interact/InteractTagButton11.png); }

.ImgInteractTagButton12
{ width:50px;  height:25px;  background:url(http://photo.tenki.tw/tenki/Interact/InteractTagButton12.png); }

.ImgInteractTagButton13
{ width:50px;  height:25px;  background:url(http://photo.tenki.tw/tenki/Interact/InteractTagButton13.png); }

.ImgInteractTagButton14
{ width:50px;  height:25px;  background:url(http://photo.tenki.tw/tenki/Interact/InteractTagButton14.png); }

.ImgInteractTagButton15
{ width:50px;  height:25px;  background:url(http://photo.tenki.tw/tenki/Interact/InteractTagButton15.png); }

.ImgInteractIntroBut01
{ width:60px;  height:50px;  background:url(http://photo.tenki.tw/tenki/Interact/icon01.png); }

.ImgInteractIntroBut02
{ width:60px;  height:50px;  background:url(http://photo.tenki.tw/tenki/Interact/icon02.png); }

.ImgInteractIntroBut03
{ width:60px;  height:50px;  background:url(http://photo.tenki.tw/tenki/Interact/icon03.png); }

.ImgInteractIntroBut04
{ width:60px;  height:50px;  background:url(http://photo.tenki.tw/tenki/Interact/icon04.png); }

.ImgInteractIntroBut11
{ width:60px;  height:50px;  background:url(http://photo.tenki.tw/tenki/Interact/icon11.png); }

.ImgInteractIntroBut12
{ width:60px;  height:50px;  background:url(http://photo.tenki.tw/tenki/Interact/icon12.png); }

.ImgInteractIntroBut13
{ width:60px;  height:50px;  background:url(http://photo.tenki.tw/tenki/Interact/icon13.png); }

.ImgInteractIntroBut14
{ width:60px;  height:50px;  background:url(http://photo.tenki.tw/tenki/Interact/icon14.png); }

.ImgInteractInformation
{ width:30px;  height:30px;   background:url(http://photo.tenki.tw/tenki/Interact/Information.png);}

.ImgNewHead1
{ width:100%;  height:30px;  background:url(http://photo.tenki.tw/tenki/homepage_news_head1.gif); }

.ImgServiceTitle01
{ height:30px;  background:url(http://www.tenki.tw/images/service/about_forcast.gif);  margin:3px; }