body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, p {
	font-family :Helvetica;
	margin: 0;
	padding: 0;
	}

body {
	font-family :"微軟正黑體","Helvetica", "Arial", "華康黑體w5", "Microsoft JhengHei", "黑體-繁","Heiti TC", "sans-serif", ;
	font-size:13px;
	background: url(../images/bkg-top.gif) repeat-x top;
	}
a, a img  {color:#7b461b;; border: 0; text-decoration: none; }
a:hover     {color:#db8600; text-decoration: none;}

div#wrapper {
	margin: 0 auto 30px;
	width: 950px;
	}
.Accesskey {font-family :"Helvetica", "Arial";font-size:8px;color:#b6a99c ; margin:auto; position:absolute;}

.input1  {
	font-family: "微軟正黑體","Arial", "Helvetica", "geneva,sans-serif"; 
	font-size: 11px;
	color:#6f6f6f;
	border:0px; 
    background: transparent;
	padding:3px 5px 3px 0px;
    line-height: 15px; 
}


/*----------------------------------------
 行事曆
----------------------------------------*/
div#calendar {
	width: 850px; margin: 10px auto 15px; position: relative;
	 }

div#caln-date{
	margin:5px 3px 3px;
	background:url(caln-grid.gif) top repeat-y}
div#caln-date td {
	float:left;
	font-size:12px;
	text-align: center;
	color: #ffffff;
	line-height: 22px;
	display:block;
	width:26px;
	}
#caln-date a {
	float:left;
	font-size:12px;
	text-align: center;
	color: #ffffff;
	line-height: 15px;
	display:block;
	width:26px;
	padding:4px 0px 1px;
	text-decoration: none;
	}
div#caln-date a:hover {
	color: #faf6f0;
	background-color:#73d3cc;
	text-decoration: none;
	}

/*----------------------------------------
 bread
----------------------------------------*/
div#bread {
	width:100%;
	font-size:11px;
	border-bottom:1px solid #aba298;
	}
div#bread ul {
	padding:15px 25px 5px 10px;}
div#bread li {
	color:#6f655b;
	margin-right:10px;
	list-style:none;
	display:inline;}
div#bread li a {
	color:#6f655b;
	padding-right:10px;
	text-decoration:none;}
div#bread li a:hover {
	color:#9c5922;
	text-decoration:none;}



.text-w01 {/* caln-year */
	font: 12px 微軟正黑體, Helvetica, sans-serif;
	color: #ffffff;
	}

.text01 {/* caln-list */
	font: 15px 微軟正黑體, Helvetica, sans-serif;
	color: #2b2b2b;
	line-height:17px;
	}
.text01 a {
	color: #2b2b2b; text-decoration:none;}
.text01 a:hover {
	color: #db8600; text-decoration:none;}
.text02 {
	font: 15px 微軟正黑體, Helvetica, sans-serif;
	color: #2b2b2b;
	line-height:17px;
	}
.text02 a {
	color: #2b2b2b; text-decoration:none;}
.text02 a:hover {
	color: #db8600; text-decoration:none;}
.note {
	font: 12px 微軟正黑體, Helvetica, sans-serif;
	color: #5d5d5d;
	line-height:16px;
	}
.date-L {
	font: 60px 微軟正黑體, Helvetica, sans-serif;
	color: #ffa321;
	line-height:55px;
	font-weight:bold;
	}

.T01  {/* name */
	font: 15px 微軟正黑體, 華康黑體w5 ,Helvetica, sans-serif;
	color:#3f3a35;
	line-height:19px;
}
.T02  {/* article T */
	font: 20px 微軟正黑體, 華康黑體w5 ,Helvetica, sans-serif;
	color:#2b2b2b;
	line-height:23px;
	font-weight:bold;
}


/*----------------------------------------
 form
----------------------------------------*/
.col01 th {
	font-family: "微軟正黑體","Arial", "Helvetica", "geneva,sans-serif"; 
	font-size: 14px;
	padding:5px 10px 7px;
	color:#858280;
	background: url(../images/color_02-lightbrown.gif) bottom repeat-x;
}

.col01 td {/* 13px */
	padding:8px 5px 8px;
	font-family: "微軟正黑體","Arial", "Helvetica", "geneva,sans-serif"; 
	font-size: 14px;
	color:#2b2b2b;
	background: url(../images/dots_01.gif) bottom repeat-x;
}
.col01 a {
	color:#2b2b2b;
	text-decoration:none;
}
.col01 a:hover {
	color:#db8600;
	text-decoration:none;
}

.input-page  {
	font-family: "微軟正黑體","Arial", "Helvetica", "geneva,sans-serif"; 
	font-size: 13px;
	color:#faf6f0;
	background-color:transparent;
	border-style:solid;
	text-align:center; 
    border-color:transparent;
}


/* clearfix */
.clearfix {
	display: inline-block;
	min-height:1%;/* for IE7 */
	}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
	}

	

.list-menu {
	font: 13px 微軟正黑體, Helvetica, sans-serif;
	line-height:13px;
	color: #3f3a35;
	}
.list-menu a {
	padding:16px 12px 21px;
	background:url(../images/events-menu-bkg.gif) repeat-x bottom ;
	display:block;
	color: #faf6f0; text-decoration:none;}
.list-menu a:hover {
	
	background:url(../images/events-menu-bkgov.gif) repeat-x bottom center;
	color: #3f3a35; text-decoration:none;
	}
	
.text03 {/* 內文 */
	font: 13px 微軟正黑體, Helvetica, sans-serif;
	color: #2b2b2b;
	line-height:17px;
	}
.text03 img {/* 13px */
	margin:5px 5px 0px;
	vertical-align:bottom;
}
.photo{
padding:0px 0px 20px;
max-width:550px;
}

#menu_sub {
	height: auto;
	width: 135px;
	margin-top:20px;
	}
#menu_sub a {
	display: block;
	font-family:"微軟正黑體","華康黑體w7",  "Arial", "Helvetica", "sans-serif","Verdana",;
	font-size: 15px;
	color: #2b2b2b;
	text-align: right;
	border-bottom: 1px solid #db8600;
	padding:7px 15px 7px 0px;}
#menu_sub a:hover {
	color: #faf6f0;
	background-color:#dca251;
	border-bottom: 1px solid #db8600;
}

.item-list ul {
	list-style:none;
	}
.item-list li {
	font-family:"微軟正黑體","華康黑體w7",  "Arial", "Helvetica", "sans-serif","Verdana",;
	font-size: 15px;
	color: #2b2b2b;
	padding:2px 0px 2px 0px;}
.item-list li a {
	color: #2b2b2b;
	padding:0px 0px 0px 12px;
	background:url(../images/icon-arrow.gif) left top no-repeat;}
.item-list li a:hover {
	color: #db8600;;
}
.words {
text-align: justify;
text-justify: auto;
}


/*----------------------------------------
 top menu
----------------------------------------*/

#menu {
  position: relative;
  height: 25px;
  width: auto;
  margin:0px 0px 0px 190px;
}
#menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#menu > ul {
  position: relative;
  display: block;
  z-index: 500;
}

#menu:after,
#menu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#menu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  width:auto;
  height:25px;
  text-indent: -9999px;
}

#menu ul li a {
  display: block;
  height:25px;
  margin:0px 0px 0px 0px;
}

div#menu ul li.mu01 a:hover, .mu02 a:hover, .mu03 a:hover, .mu04 a:hover, .mu05 a:hover, .mu06 a:hover, .mu07 a:hover  {
	background-position:left bottom;
	background-repeat:no-repeat;
	text-transform: uppercase;
	}
div#menu ul li.mu01, .mu02, .mu03, .mu04, .mu05, .mu06, .mu07 {
	position:relative;}

#menu > ul > li.has-sub > a {
  padding-right: 32px;
}
#menu > ul > li:hover > a {
  color: #ffffff;
}
#menu li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}

div#menu ul li.mu01, .mu01 a {
	width:95px;/*設定連結區塊的寬度*/
	background:url(../images/office01.gif) left top no-repeat;
	}
div#menu ul li.mu02, .mu02 a {
	width:105px;/*設定連結區塊的寬度*/
	background:url(../images/office02.gif) left top no-repeat;
	}
div#menu ul li.mu03, .mu03 a {
	width:95px;/*設定連結區塊的寬度*/
	background:url(../images/office03.gif) left top no-repeat;
	}
div#menu ul li.mu04, .mu04 a {
	width:105px;/*設定連結區塊的寬度*/
	background:url(../images/office04.gif) left top no-repeat;
	}
div#menu ul li.mu05, .mu05 a {
	width:105px;/*設定連結區塊的寬度*/
	background:url(../images/office05.gif) left top no-repeat;
	}
div#menu ul li.mu06, .mu06 a {
	width:95px;/*設定連結區塊的寬度*/
	background:url(../images/office06.gif) left top no-repeat;
	}
div#menu ul li.mu07, .mu07 a {
	width:55px;/*設定連結區塊的寬度*/
	background:url(../images/office07.gif) left top no-repeat;
	}


#menu ul ul {
  position: absolute;
  left: -9999px;
  top: 25px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}

#menu > ul > li:hover > ul {
  left: -25px;
  top: 25px;
  opacity: 1;
}

#menu ul ul li a {
  width: 100px;
  border-bottom: 1px solid #fdba63;
  padding: 7px 15px;
  height:auto;
  text-indent:0em;
  font-size:1.0em;
  line-height:1.417em;
  color: #7a451f;
  background: #f0d5b2;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

#menu ul ul li:hover > a {
  background: #ffefdb;
  color: #7a451f;
}
#menu ul ul li:last-child > a,
#menu ul ul li.last > a {
  border-bottom: 0;
}
#menu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #f0d5b2;
  position: absolute;
  top: -12px;
  left: 50px;
}
/*----------------------------------------
 left side menu
----------------------------------------*/
.speechPage{
	width: 135px;
	height: 120px;
	background-image: url("../images/T05.gif");
}
.speechPage:hover{
	background-image: url("../images/T05_1.gif");
}
.signUpPage{
	width: 135px;
	height: 120px;
	background-image: url("../images/T06.gif");
}
.signUpPage:hover{
	background-image: url("../images/T06_1.gif");
}

.button {
  background-color: rgb(255,187,91);
  color: black;
  padding: 30px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  font-family: "微軟正黑體","Arial", "Helvetica", "geneva,sans-serif";
  cursor: pointer;
  margin: 4px 2px;
}

.button4 {border-radius: 12px;}