/* CSS Communication*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　Style of page sharing
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ======================================================================================
 	    Design reset
====================================================================================== */


*{
	margin: 0;
	padding: 0;
	font-style: normal;
}

body {  width:1000px;
        margin: 0 Auto;
        color: #1C1CFD; 
	font-family:	"微軟正黑體", "新細明體", "細明體", "標楷體";
	font-size: 12px;
	text-align: left;
	background: #FFFFFF;
  scrollbar-highlight-color: #fcfcb4;
  scrollbar-track-color: #fcfcb4;
  scrollbar-face-color: #ffde81;
  scrollbar-3dlight-color: #d8fc24;
  scrollbar-base-color: #240048;
  scrollbar-arrow-color: #FF9900;
  scrollbar-shadow-color: #FF9900;
  scrollbar-darkshadow-color: #000024;	
}
// 參考 color: #5a0a1e;    background: url(03img/bg.gif) #d6bc83;
	
body,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4 {
	font-weight: bold;
	font-size: 16px;
	line-height: 1em;
	margin:0;
	padding: 0;
	}

img,table { border: none;}

th, td, textarea { font-size: 12px; }

ol,ul {	list-style: none;}

address,em,cite { font-style: normal;}

img{ border: 0; vertical-align: bottom;	}



/* --------------------------------------------------------------------------------------
 共通設定
--------------------------------------------------------------------------------------- */

/* ------Link color-------------- */

a { overflow: hidden; text-decoration: none; }
a:link { color: #1C1CFD; }
a:visited { color: #A53128; }
a:hover { color: #5a0a1e; text-decoration: underline; }



/* float解除 -------------------- */

.clear {
	overflow: hidden;
	display: block !important;
	display: inline-block;
}

/* ======================================================================================
 	　　Layout
====================================================================================== */




/* ======================================================================================
   頁簽導覽列
====================================================================================== */
#bn {
position: relative; 
width:500px;
height:37px;
margin-top:0px;
background-color: #FFFFFF;
}

#bn ul {
margin:0 auto;
margin-left:10px;
padding:0;
list-style-type: none;
overflow:auto;
}

#bn ul li {
float:left;
}

#bn li a:link,#bn li a:visited {
/* 固定高度，要用block */
display:block;
height:23px;
width: 220px;
font-family: 微軟正黑體;
font-size: 16px;
text-align: center;
/*為使文字置中，要設line-height調整*/
line-height:20px;
float: left;
margin-right: 5px;
margin-top: 6px;
padding: 5px 2px 3px 2px;
text-decoration: none;
color: #1C1CFD;
/* 圓角，但IE無效
border-top-left-radius:10px;
border-top-right-radius:10px;
*/
}

li#bn1 a:link,li#bn1 a:visited,li#bn1 a:active {
background:linear-gradient(45deg, #fcfcb4 40%,#FF9900 90%);
color:#B2B2B2;
/*for IE*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcb4', endColorstr='#FF9900',GradientType=1 );
}

li#bn1 a:hover {
font-weight: bold;
background: linear-gradient(to bottom, #FFEE40 0%,#FFFFFF 100%);
/*for IE*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFEE40', endColorstr='#FFFFFF',GradientType=0 );
}

li#bn1w a:link,li#bn1w a:visited {
background: white;
font-weight: bold;
border-left:8px solid #1880D8;
}

li#bn1w a:hover {
border-bottom-color: white;
}


li#bn2 a:link,li#bn2 a:visited,li#bn2 a:active {
background:linear-gradient(45deg, #D7E9F9 40%,#00AFE6 90%);
/*for IE*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D7E9F9', endColorstr='#00AFE6',GradientType=1 );
}

li#bn2 a:hover {
font-weight: bold;
background: linear-gradient(to bottom, #FFEE40 0%,#FFFFFF 100%);
/*for IE*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFEE40', endColorstr='#FFFFFF',GradientType=0 );
}

li#bn2w a:link,li#bn1w a:visited {
background: white;
font-weight: bold;
border-left:8px solid #1880D8;
}

li#bn2w a:hover {
border-bottom-color: white;
}

/* ======================================================================================
   左欄
====================================================================================== */
#navi_left {
	background: #fcfcb4;
	float: left;
	width: 175px;
	}
	
#navi_left h2,h3 {
	color: #1C1CFD;
	font-size: 16px;
	}
	
#navi_left h2{
	background: #ffde81;
	border-top: 2px solid #6c5a44;
	border-bottom: 2px solid #6c5a44;
	font-weight: bold;
	padding: 7px 9px;
	}
	
#navi_left h3 {
	background: none;
	padding: 7px 9px;
	}

#navi_left ul {
	background:url(03img/navi_bg.gif);
	font-size: 12px;
	line-height: 1.2em;
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
	}
	
#navi_left li {
	padding: 3px 0 4px;
	}
	
#navi_left p {
	line-height: 1.3em;
	padding: 2px 9px 10px;
	}

/* --------------------------------------------------------------------------------------
	  樹狀
-------------------------------------------------------------------------------------- */

.campaign_ttl {
	background:url(03img/title_01_bg.gif) no-repeat;
	color: #A53128;
	font-size: 20px;
	height: 20px;
	margin-bottom: 15px;
	padding: 20px 0;
	text-align: center;
	}


/* --------------------------------------------------------------------------------------
	右欄
-------------------------------------------------------------------------------------- */
#right {
	float: right;
	width: 286px;
	}

#news {
	border: 1px solid #FF9900;
	border-bottom: 8px solid #FF9900;
	padding: 4px 10px;
	}
	
.news_title h2{
	font-size: 16px;
	font-weight: bold;
	font-weight: normal;
	line-height: 1em;
	margin:0;
	padding: 7px 0 0 30px;
	}

.news_title {
	background-image:url(04img/title_news.jpg);
	color: #1C1CFD;
  font-family: 微軟正黑體;		
	height: 30px;
	text-align: left;
	}
	
.news_link {
	padding: 10px 0;
	}

.news_list {
	padding: 10px 13px 3px;
	border-right: 1px solid #9c004c;
	border-bottom: 4px solid #9c004c;
	border-left: 1px solid #9c004c;
	line-height: 1em;
	clear: both;
}


dl {
	border-bottom: dotted 2px #9c004c;
	clear: both;
	margin: 0;
	padding: 5px 0;
	}
	
dt {
	color: #C3461E;
	float: left;
	margin: 0;
	padding: 0;
	width: 6em;
	}
	
dd {
	margin: 0;
	padding: 0;
	margin-left: 6em;
	}
	
.dl_bottom {
	border-bottom: 1px solid #FFF;
	}