﻿/*--reset開始--*/
/* Start of Master Stylesheet */
html
{
  margin: 0;
  padding: 0;
  border: 0;
} 

body {
  margin: 0;
  padding: 0;
  border: 0;
}

/* Headlines */
/* Global Defaults */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
}

/* Text Style */
p,li, ul, ol, blockquote, q, acronym, abbr,
	{
  margin: 0;
  padding: 0;
  border: 0;
  }
  
select, input
	{
	padding:0px;
	margin:0px;
	}

/* Table Style */
table
	{
  margin: 0;
  padding: 0;
  border:0;
  border-collapse:collapse;
  border-spacing:0;
  }

/* Link and images */	
a, a:link, a:visited, a:active, a:hover
	{
	cursor:pointer;
	text-decoration:none;
	}
	
img {
  border: none;
  vertical-align:middle;
}	

/* Forms */
form {
  margin: 0;
  padding: 0;
  display: inline;
}
label {
  cursor: pointer;
}
/* End of Master Stylesheet */
/*--reset結束--*/



/*--定義全頁面通用基本樣式--*/

/*--定義頁面的樣式--*/
body
	{ 
	background-image: url(../../public/images/main_bg.jpg);	 /*--設定軸面顏色--*/
	font: small Arial, Helvetica, sans-serif;/*--字體與大小--*/
	margin:0px; 
	padding:0px;		/*--頁面邊距--*/
	line-height: 1.8;
    background-repeat: repeat-x;
	background-position:top;
	}

/*--定義頁面中的超鏈接樣式表--*/
a:link {text-decoration: none; color: #4B4B4B;}		/*--未參觀過的連結--*/
a:visited {text-decoration: none; color: #4B4B4B;}	/*--參觀過的連結--*/
a:hover {text-decoration: underline; color: #CC3300;}	/*--當滑鼠移到連結上的時候--*/
a:active {text-decoration: none;}			/*--執行中的連結--*/
a.here {font-weight:bold; text-decoration: underline; color: #CC0000;}

/*--定義頁面中的tab樣式表--*/
.tab{
	font-size:small;
	width:90px;
	text-align:center;
	vertical-align:middle;
	background-image:url(../../public/images/tab.gif);
	border:0px;
	}

.tab a:link {        	/*--未參觀過的連結--*/
	text-decoration: none; 
	color: #6a2c03; 
	}
	
.tab a:visited {         /*--參觀過的連結--*/
	text-decoration: none; 		    
	color: #6a2c03;
	}
	
.tab a:hover {    		/*--當滑鼠移到連結上的時候--*/
	text-decoration: underline; 
	color: #990000;
	}

/*--定義 tab下的Table 樣式--*/

table.tab_w{
	width:100%;
	margin:0px 0px 15px 0px;
	}

table.tab_w td{
	width:100%;
	border:1px #ccc solid;
	padding:5px;
	margin:0px 10px 15px 10px;
	background-image:url(../../public/images/tab_w_bg.jpg);
	}

/*--定義頁面結構--*/

#logo
	{
	width: 440px;
	height: 60px;
	float:left;
	text-indent: -9999px;
	}
#AccesskeyL
	{
	width: 0px;
	height: 0px;
	float:left;
	}
#AccesskeyB
	{
	width: 0px;
	height: 0px;
	float:left;
	}
/*--定義頁面外圍控制及整體配置的寬度--*/
.wrapper
	{
	width:950px;
	color:#000000;
	margin:0px auto; padding:0px;
	border-left:#ccc 1px solid;
	border-right: #ccc 1px solid;
	background:#fff;
	background-image:url(repeat_1.jpg);
	background-repeat:no-repeat;
	}

/*--定義 頁首區塊 的樣式--*/
.header
	{
	width:100%;
	height:120px;
	background-image:url(header_1.jpg);
	background-repeat:no-repeat;
	color:#cccccc;
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 3px 0px 0px;
	vertical-align:top;
	}
.header a:link {text-decoration: none; color: #4b4b4b;}		/*--未參觀過的連結--*/
.header a:visited {text-decoration: none; color: #4b4b4b;}	/*--參觀過的連結--*/
.header a:hover {text-decoration: underline; color: #cc3300;}	/*--當滑鼠移到連結上的時候--*/

/*--定義 主視覺區 的樣式--*/
.main
	{

	}

/*--定義 內容放置區塊 的樣式--*/
.content
	{
	width:780px;
	font: small Arial, Helvetica, sans-serif;
	margin:0px;
	padding:12px 20px 0px 20px;
	line-height: 1.8;
	text-align:left;
	}

/*--定義 側邊區塊 的樣式--*/	
.sidebar
	{
	font-size: small;
	padding:0px 4px 0px 0px;
	}

/*--定義 頁尾區塊 的樣式--*/
.footer
	{
	width:100%;
	background-image:url(footer_1.jpg);
	color:#4B4B4B;
	font-size:small;
	margin:0px;
	padding:0px 10px 0px 10px;
	text-align:left;
	vertical-align:top;
	}
	
/*--定義menu的超鏈接樣式表--*/
.panel	{
	width:170px;
	vertical-align:top;
	}

.panel_nav	{
	border:0;
	padding:0px;
	margin:10px 0px 0px 0px;
	}

.nav
	{
	COLOR: #cdcdcd;
	letter-spacing:1px; /*設定文字間繫*/
	font-size: medium;
	font-weight:bold;
	margin:1px;
	padding:20px 0px 30px 190px;
	text-align:left;
	}
.nav a:link {text-decoration: none; color: #003366;}		/*--未參觀過的連結--*/
.nav a:visited {text-decoration: none; color: #003366;}	/*--參觀過的連結--*/
.nav a:hover {text-decoration: underline; color: #cc3300;}	/*--當滑鼠移到連結上的時候--*/

.subnav
	{
	font-size: small;
	color: #c86014;
	padding:0px 0px 0px 15px;
	text-align:left;
	}
	
.subnav a
	{
	
	}

.nav_select
	{
	color: #999999;
	font-size: small;
	background-image:url(../../public/images/SpryAssets/menu.jpg);
	border:1px solid #cccccc;
	height:50px;
	text-align:center;
	}

.nav_select a
	{
	font-size: medium;
	font-weight:bold;
	}

/*--定義 主選單 樣式--*/
.menu
	{
	width:100%;
	color: #FFFFFF;
	font-size: 14px;
	margin:1px; 
	padding:0px 0px 0px 0px;
	letter-spacing:2px; /*設定文字間繫*/
	text-align:center;
	vertical-align:top;
    border: 0px;
	}

.menu_date
	{
	width:100%;
	color: #9f9e9c;
	font-size: small;
	font-weight:lighter;
	margin:0px;
	padding:10px 0px 10px 0px;
	letter-spacing:1px;
	text-align:center;
	vertical-align:top;
	}
	
/*--定義 主選單 樣式--*/
.column
	{
	width:172px;
	color: #9f9e9c;
	font-weight:bold;
	margin:0px; 
	padding:13px 3px 5px 3px;
	letter-spacing:1px;
	text-align:left;
	vertical-align:top;
	}
	

/*--定義頁面功能--*/

/*--定義 主要標誌 的位置或樣式--*/
.logo
	{
	float:left;
	}

/*--定義 sitemap 的樣式--*/
.sitemap
	{
	color:#999999;
	padding:5px 0px 0px 0px;
	text-align:right;
	}
	
/*--定義 搜尋列 的樣式--*/
.search
	{
	padding:60px 10px 0px 0px;
	text-align:right;
	}

.searchtxt
	{
	color:#fff;
	}

/*--定義 標題 的樣式--*/
.title
	{
	font-size: medium;
	font-weight:bold;
	color: #ea632b;
	padding:2px 0px 2px 20px;
	text-align:left;
	}

/*--定義 <p>標籤 的樣式--*/
p
	{
	text-indent:2em;
	padding:0px 25px 0px 30px;
	}

/*--定義 <span>標籤 的樣式--*/
span
	{
	
	}

/*--定義 quicklink 的樣式--*/
.quicklink
	{
	text-align:center;
	padding:0px;
	}

/*--定義 熱門文字 的樣式--*/
.hot
	{
	font-size: medium;
	color:#c00;
	font-weight:bold;	
	background-repeat:no-repeat;
	width:143px;
	height:60px;
	padding:60px 12px 10px 85px;
	line-height: 1.5;
	}

.hot a
	{
	color: #cc0000;
	}

.nohot{
	font-size: medium;
	color:#000;
	font-weight:bold;
	background-image:url(../../public/images/nohot.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:143px;
	height:60px;
	padding:80px 12px 10px 30px;
	line-height: 1.5;
	}
	
.video
	{
	width:200px;
	text-align:left;
	vertical-align:top;
	}

.special
	{
	background-image:url(../../public/images/special_1.jpg);
	background-repeat:no-repeat;
	width:240px;
	text-align:left;
	vertical-align:top;	
	padding:10px 5px 10px 10px;
	}

.serv
	{
	width:190px;
	height:80px;
	}
	
.serv_link
	{
	font-size: medium;
	font-weight:bold;
	letter-spacing:2px;
	}

/*--定義 class="img"之圖片 的樣式--*/
.img
	{
	padding:2px;
	margin-top:15px;
	margin-left:10px;
	margin-bottom:5px;
	border: 0px;
	float:right;
	}

.img_front
	{
	padding:2px;
	margin-top:15px;
	margin-right:10px;
	margin-bottom:5px;
	border: 0px;
	float:left;
	}

.img_ad
	{
	padding:1px;
	margin:5px;
	margin-bottom:3px;
	border: 0px;
	}
	
.img_footer
	{
	padding:0px;
	margin:25px 10px 10px 10px;
	float:right;
	}

.img_logo{
	padding:10px 50px 10px 50px;
}

.img_banner{
	padding:5px 0px 5px 0px;
	text-align:center;
	}
	
/*--定義 文繞圖之圖片 的樣式--*/
.img_right
	{
	font-size: small;
	color: #21adce;
	margin: 5px 0px 5px 10px;
	padding:2px;
	border: 1px solid #cccccc;
	text-align:center;
	float:right;
	}

.img_left
	{
	font-size: small;
	color: #21adce;
	margin: 5px 8px 5px 0px;
	padding:2px;
	border: 1px solid #cccccc;
	text-align:center;
	float:left;
	}



/*--定義在Table中Button樣式(不在Table表的內容行中)--*/
.button
	{
	font-size:small;
	text-align:center;
	padding-top:2px;
	color:#b98227;
	border:1px solid #b98227;
	background-color: #fef9d1;
	}

/*--定義 顏色 的樣式--*/	
.white	{
	color: #ffffff;
	}

.gray	{
	color: #666666;
	}

.orange	{
	color: #d59e26;
	}

.red	{
	color: #ff3c2d;
	}

.black	{
	color: #682e03;
	font-size: 11px;
	}

.medium	{
	font-size: medium;
	}

.large	{
	font-size: large;
	}
	
	
/*--定義右側選單的樣式--*/
.line {
	padding:10px 5px 5px 5px;
	}
.date2 {
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	color: #666666;
	font-weight: bolder;
}

/*--定義 index 的樣式--*/
#viewer {margin-top:40px;height:50px; width:520px; clear:both; overflow:hidden; border:0px;}
#viewerFrame {width:510px; clear:both; padding:0 0 0 8px;}
#viewer img {width:160px; height:45px; margin:5px; display:inline; border:0;}
#viewer a {display:block; float:left; width:170px; height:100px;}

#viewer1 {margin-top:40px;height:50px; width:520px; clear:both; overflow:hidden; border:0px;}
#viewerFrame1 {width:510px; clear:both; padding:0 0 0 8px;}
#viewer1 img {width:160px; height:45px; margin:5px; display:inline; border:0;}
#viewer1 a {display:block; float:left; width:170px; height:100px;}


#viewer3 {margin-top:40px;height:50px; width:520px; clear:both; overflow:hidden; border:0px;}
#viewerFrame3 {width:510px; clear:both; padding:0 0 0 8px;}
#viewer3 img {width:160px; height:45px; margin:5px; display:inline; border:0;}
#viewer3 a {display:block; float:left; width:170px; height:100px;}

#btn1, #btn2, #btn3, #btn4, #btn5, #btn6{ font-size:11px; color:#666; margin-right:10px}

/*-- 推薦主題 --*/
table.index_link td {width:525px; height:135px;}
table.index_link td a img  {margin:5px 5px 3px 5px; border:1px #ccc solid;}
table.index_link td a:link img  {filter: gray}
table.index_link td a:visited img {filter: gray}
table.index_link td a:hover img {filter: normal}
table.index_link td a:active img {filter: normal}
.js_suggest {background: url(../../public/images/js_sugbg.jpg) top left no-repeat;}
.js_edu {background: url(../../public/images/js_edubg.jpg) top left no-repeat;}
.js_public {background: url(../../public/images/js_publicbg.jpg) top left no-repeat;}

/*-- 公告專區 --*/
table.index_link_ad td a img.smallad	{width:160px; height:50px; border:1px #ccc solid; padding:0px; margin:5px 0px 3px 0px; float:left}
table.index_link_ad td a:link img  {filter: gray}
table.index_link_ad td a:visited img {filter: gray}
table.index_link_ad td a:hover img {filter: normal}
table.index_link_ad td a:active img {filter: normal}

#ctl00_ContentPlaceHolder1_td_FireAlert	{margin-top:30px}


/*-- 快捷服務 --*/
.servicelink	{border:0px #ccc solid; padding:0px; margin:2px 0px 2px 0px; float:left}


/*--定義ecard的樣式--*/

.ecardtable{
	border: 1px solid #CCC;
	width: 620px;
	letter-spacing: 1px;
}

.ecardnote{
	text-align:left;
}

.ecard_textright{
	text-align:right;
}

.ecard_img{
	margin: 0px 0px 20px 0px;
}

.textarea{
	border: 1px solid #ccc;
	letter-spacing:1px;
}

/*--定義ecard樣式結束--*/



