﻿body{ 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #f9f9f9;	
}
table{
	font-size:12px;
	line-height:1.2em;
	letter-spacing:1pt;
	font-family: "Arial", "Helvetica", "sans-serif";
}
td{
	WORD-BREAK: break-all;
}

.repeatx {
	background-repeat: repeat-x;
}
.repeaty {
	background-repeat: repeat-y;
}
.repeat0 {
	background-repeat: no-repeat;
}
.word {
	font-size:12px;
	color: #000000;
	letter-spacing:1px;
}
.word2 {
	font-size:10px;
	color: #a8a8a8;
}
.word3 {
	font-size:12px;
	color: #5cb4d5;
}
.word4 {
	font-size:12px;
	color: #737373;
}
.word_title {
	font-size:13px;
	font-weight:bold;
	color: #188751;
}
.word_white {
	font-size:16px;
	font-weight:bold;
	color: #FFFFFF;
}

a.link_news:link {
	font-size:12px;
	font-weight:normal;
	color: #08638d;
	text-decoration: none;
}
a.link_news:visited {
	font-size:12px;
	font-weight:normal;
	color: #696969;
	text-decoration: none;
}
a.link_news:hover {
	font-size:12px;
	font-weight:normal;
	color: #090;
	text-decoration: none;
}
a.link_news:active {
	font-size:12px;
	font-weight:normal;
	color: #007b17;
	text-decoration: none;
}

/* 10px字連結 */

a.link_news2:link {
	font-size:10px;
	font-weight:normal;
	color: #777777;
	text-decoration: none;
}
a.link_news2:visited {
	font-size:10px;
	font-weight:normal;
	color: #777777;
	text-decoration: none;
}
a.link_news2:hover {
	font-size:10px;
	font-weight:normal;
	color: #14bbc6;
	text-decoration: none;
}
a.link_news2:active {
	font-size:10px;
	font-weight:normal;
	color: #14bbc6;
	text-decoration: none;
}

h1, h2 {
	margin:0;
	padding:0;
}
.header{
	background:url(images/body_01.jpg) no-repeat left top;
	position:relative;
}
.header h1 a{
	padding:0;
	margin:0;
	width:250px;
	height:70px;
	display:block;
	text-indent:-9999px;
}
.top-link{
	position:absolute;
	top:0px;
	right:30px;
	width:350px;
}
.top-link ul{
	list-style-type:none;
	padding:0;
}
.top-link li{
	float:left;
	padding:0 5px 0 20px;
	background:url(images/topline.gif) no-repeat center left;
}
.left-menu ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
.left-menu li a{
	width:184px;
	height:46px;
	display:block;
	background-repeat:no-repeat;
	background-position:center;
}
.left-menu li .left-menu-01{
	background-image:url(images/left-menu-01.jpg);
	text-indent:-9999px;
}
.left-menu li .left-menu-01:hover{
	background-image:url(images/left-menu-hover-01.jpg);
}
.left-menu li .left-menu-02{
	background-image:url(images/left-menu-02.jpg);
	text-indent:-9999px;
}
.left-menu li .left-menu-02:hover{
	background-image:url(images/left-menu-hover-02.jpg);
}
.left-menu li .left-menu-03{
	background-image:url(images/left-menu-03.jpg);
	text-indent:-9999px;
}
.left-menu li .left-menu-03:hover{
	background-image:url(images/left-menu-hover-03.jpg);
}
.left-menu li .left-menu-04{
	background-image:url(images/left-menu-04.jpg);
	text-indent:-9999px;
}
.left-menu li .left-menu-04:hover{
	background-image:url(images/left-menu-hover-04.jpg);
}
.index-news{
	margin:5px 10px 0px 15px
}
.index-news h2{
	background-position:left top;
	background-repeat:no-repeat;
	height:30px;
}
.index-news table{
	border-bottom: #CCC 1px solid;
	border-top: #CCC 1px solid;
}
.index-news td{
	padding:6px;
	border-bottom:#CCC 1px dashed;
}
.h2-1{
	background-image:url(images/index-title-01.jpg);
	text-indent:-9999px;
}
.h2-2{
	background-image:url(images/index-title-02.jpg);
	text-indent:-9999px;
}
.h2-3{
	background-image:url(images/index-title-03.jpg);
	text-indent:-9999px;
}
.h2-4{
	background-image:url(images/index-title-04.jpg);
	text-indent:-9999px;
}
.index-photo {
	margin:5px 10px 0px 15px
}
.index-photo h2{
	background-position:left top;
	background-repeat:no-repeat;
	height:30px;
}
.index-photo table{
	border:1px #CCCCCC solid;
	background:url(images/index-news-bg.jpg) repeat-x left top;
}
.index-photo td{
	padding:5px;
	line-height:1.5;
}
.index-photo p{
	padding:0;
	margin:5px 0;
}
.word_title a{
	text-decoration:none;
	color: #188751;
}
.word_title a:hover{
	color:#630;
}
.footer-link{
	margin:40px 0 0 80px;
}
.footer-link a{
	width:200px; 
	height:70px; 
	display:block; 
	text-indent:-9999px;
}
.menu{
	background:url(images/menu.gif) no-repeat left top;
	height:74px;
	padding:0 12px 0 15px;
	z-index:1000 !important;
	position:relative;
}
.menu ul{
	list-style-type:none;
	padding:0;
}
.menu li{
	position:relative;
	z-index:1000;
	float:left;
}
.menu .menu-01{
	background:url(images/btn_02.gif) no-repeat left top;
	width:106px;
	height:74px;
	display:block;
	text-indent:-9999px;
}
.menu .menu-01:hover{
	background:url(images/btn_ov_02.gif) no-repeat left top;
}
.menu .menu-02{
	background:url(images/btn_03.gif) no-repeat left top;
	width:93px;
	height:74px;
	display:block;
	text-indent:-9999px;
}
.menu .menu-02:hover{
	background:url(images/btn_ov_03.gif) no-repeat left top;
}
.menu .menu-03{
	background:url(images/btn_04.gif) no-repeat left top;
	width:93px;
	height:74px;
	display:block;
	text-indent:-9999px;
}
.menu .menu-03:hover{
	background:url(images/btn_ov_04.gif) no-repeat left top;
}
.menu .menu-04{
	background:url(images/btn_05.gif) no-repeat left top;
	width:93px;
	height:74px;
	display:block;
	text-indent:-9999px;
}
.menu .menu-04:hover{
	background:url(images/btn_ov_05.gif) no-repeat left top;
}
.menu .menu-05{
	background:url(images/btn_06.gif) no-repeat left top;
	width:93px;
	height:74px;
	display:block;
	text-indent:-9999px;
}
.menu .menu-05:hover{
	background:url(images/btn_ov_06.gif) no-repeat left top;
}
.menu .menu-06{
	background:url(images/btn_07.gif) no-repeat left top;
	width:93px;
	height:74px;
	display:block;
	text-indent:-9999px;
}
.menu .menu-06:hover{
	background:url(images/btn_ov_07.gif) no-repeat left top;
}
.menu .menu-07{
	background:url(images/btn_08.gif) no-repeat left top;
	width:93px;
	height:74px;
	display:block;
	text-indent:-9999px;
}
.menu .menu-07:hover{
	background:url(images/btn_ov_08.gif) no-repeat left top;
}
.menu .submenu{
	position:absolute;
	left:-10px;
	top:65px;
	width:100px;
	padding:1px;
	visibility:hidden;
	z-index:1000;
	list-style-type:none;
	border:1px solid #dadada;
	background-color:#fbfcfc;
	border-radius:10px;
	padding:10px;
}
.menu .submenu li{
	clear:both;
	width:100%;
	position:relative;
}
.menu .submenu a{
	text-decoration:none;
	color:#666;
	padding:6px 0;
	border-bottom:#CCC 1px dotted;
	display:block;
}
.menu .submenu a:hover{
	color:#00a2ed;
}

.menu .submenu .submenu1{
	position:absolute;
	left:100px;
	top:-10px;
	width:100px;
	padding:1px;
	visibility:hidden;
	z-index:1100;
	list-style-type:none;
	border:1px solid #e1e1e1;
	background-color:#f0f0f0;
	border-radius:10px;
	padding:10px;
}
.menu .submenu .submenu1 li{
	clear:both;
	width:100%;
}
.menu .submenu .submenu1 a{
	text-decoration:none;
	color:#666;
	padding:6px 0;
	border-bottom:#CCC 1px dotted;
	display:block;
}
.menu .submenu .submenu1 a:hover{
	color:#00a2ed;
}
.menu ul li:hover ul, .menu ul a:hover ul{
	visibility:visible;
}
.menu .submenu li:hover ul, .menu .submenu a:hover ul{
	visibility:visible;
}



/* ================================  表單樣式  ================================ */
#rtmsg{
	position:relative;
	float:left;
	width:700px;
	height:20px;
	z-index:1;
	left: 110px;
	top: 20px;
}
ul.marquee {
	/* required styles */
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;

	/* optional styles for appearance */
	width: 600px;
	height: 25px; /* height should be included to reserve visual space for the marquee */


}
/*   變化的banner   /////*/
#TopAD .Adbody {
}

#TopAD .Adbody a{	
}
#TopAD .TopAdleft{z-index:1; position: relative; margin-top:-21px; margin-left: 900px;}
#TopAD .TopAdright{width:980px; z-index:1; position: relative;}


#TopAD .link ul {
	padding:0;
	margin:0;
	list-style-type: none;
	display: block;
	padding-top:1px;
}
#TopAD .link ul li {
	width: 18px;
	height: 18px;
	float: left;
	display: block;
	color: #fff;
	text-align: center;
	margin: 1px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#TopAD .link ul li.on {
	background: #fff;
	color: #000;
}
#TopAD .link ul li.off {
	
	background: #000;
	color: #fff;
}

/*///////////////////////*/
ul.marquee li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */

	/* optional styles for appearance */
	font: 14px Arial, Helvetica, sans-serif;
	padding: 10px 5px;
}
/* ================================  字型樣式  ================================ */
pre {
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap !important;
    word-wrap: break-word;
    white-space: normal;
}


div.syntaxhighlighter div.line td.content { 
  word-wrap: break-word;      /* IE 5+ */
  white-space: pre;           /* CSS 2.0 */
  white-space: pre-wrap;      /* CSS 2.1 */
  white-space: pre-line;      /* CSS 3.0 */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap;  /* HP Printers */
  width:490px; 
  overflow:auto; 
  display:block;
}

.cusMenu1 { color: #A09076; border:dashed 1px #A09076; }
.cusMenu2 { color: #463D37; border:dashed 1px #000; }
.pagebg1	{ background: #eee; border:1px #CCC solid;}
.pagebg2	{ background: #ffffff; border:1px #666 solid; }


.index_calendar_nothing_day_week{
	color:#CC6600;
}
.index_calendar_nothing_today_week{
	color:#CC6600;
}

/* 連結樣式_行事曆(六日紅色字與連結)*/
a.calendar_week:link {	
	color:#CC6600;
	text-decoration: none;
}
a.calendar_week:visited {	
	color: #CC6600;
	text-decoration: none;
}
a.calendar_week:hover {	
	color: #CC6600;
	font-weight: bold;
	text-decoration: underline;
}
a.calendar_week:active {	
	color:#CC6600;
	text-decoration: none;
}
/*------------------------------------------------*/
/* 連結樣式_行事曆(非六日連結)*/
a.calendar:link {	
	color:#000000;
	text-decoration: none;
}
a.calendar:visited {	
	color: #000000;
	text-decoration: none;
}
a.calendar:hover {	
	color: #CC6600;
	font-weight: bold;
	text-decoration: underline;
}
a.calendar:active {	
	color:#CC6600;
	text-decoration: none;
}
/*------------------------------------------------*/

#apDiv2 {
	position:absolute;
	width:128px;
	z-index:1;
	background-color: #ECECEC;
	filter:alpha(opacity:100);
	font-family:"微軟正黑體";
	font-size:13px;
	white-space:nowrap;
	border:2px outset #CCC;
	left: 170px;
	top: 14px;

}
#apDiv2 ul {padding:0; margin:0; list-style:none; line-height:20px;}
#apDiv2 ul li {float:left; position:relative;}
#apDiv2 ul li a{	float:left; position:relative;	color:#000;	text-decoration:none;	padding-left:2px;	font-size:15px;}
#apDiv2 ul li a:hover{	visibility:visible;	background-color:#FFF;	color:#000;	filter:alpha(opacity:100);		padding-left:5px;	font-size:15px;}

.film{
	margin:0 50px 0 20px;
}
.film h2{
	color:#1a6ba9;
	margin-bottom:15px;
	padding-left:40px;
	height:40px;
	line-height:40px;
	background:url(images/1369915919_video.png) no-repeat left top;
}
a img {
	border: none;
}

	.errorMessage {
		width:700px;
		border: 1px solid #800;
		background: #fee;
		padding: 1em;
		margin: 1em 0;
	}
	.sureMessage {
		width:700px;
		border: 1px solid #3FC;
		background:#CFF;
		padding: 1em;
		margin: 1em 0;
	}
