body,table{
  margin:0px;
  font-size:12px;
  font-family:Courier New;
}
body{
  background-color:#f6f6f6;
}

#main_table{
  margin: 0px auto;
  border:0px;
  margin-top:5px;
}

.border_h{height:20px;}
.border_w{width:20px;}
.border_wh{width:20px;height:20px;}

#top_border{background:#f6f6f6 url(images/top.png) repeat-x;}
#top_left{background:#f6f6f6 url(images/border1.png) no-repeat;}
#top_right{background:#f6f6f6 url(images/border2.png) no-repeat;}

#bottom_border{background:#f6f6f6 url(images/bottom.png) repeat-x;}
#bottom_left{background:#f6f6f6 url(images/border3.png) no-repeat;}
#bottom_right{background:#f6f6f6 url(images/border4.png) no-repeat;}

#middle_left{background:#f6f6f6 url(images/left.png) repeat-y;}
#middle_right{background:#f6f6f6 url(images/right.png) repeat-y;}
#middle_cotent{background:#ffffff;}

#main_content{
display: inline-block;
text-align: left;
width:75%;
vertical-align:top;
}

#center_content{
  text-align: left;
}
#left_content{
padding-top:10px;
display: inline-block;
text-align: left;
width:23%;
}

/* left menu */
.lefttitle{
margin:5px 0px 0px 0px;
height:24px;
cursor:pointer;
background-image:url(images/dot-blue.gif);
background-repeat:no-repeat;
background-position:center right;
font-size:16px;
font-weight:bold;
border-bottom:1px solid #e3e3e3;
}
div.leftmenu div{
height:24px;
font-size:13px;
padding:8px 3px 3px 10px;
cursor:pointer;
border-bottom:1px solid #e3e3e3;
color:#427A9B;
font-weight:bold;
}
.leftmenu a{
text-decoration:none;
}
.leftmenunodehover{
background-color:#427A9B;
}

.leftmenu a:link, .leftmenu a:visited, .leftmenu a:active, .leftmenu a:hover{
color:#427A9B;
}

#bottom{
text-align: center;
}

.logo_link{
color:#000000;
text-decoration:none;
}

.header_title{
  padding: 2px 0px 15px 15px;
  text-align:left;
}

.header_option{
border-bottom: 1px solid #6c6c6c;
margin-bottom: 1px;
}

.header_option ul{
padding: 3px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: normal 12px Verdana;
text-align: left;
}

.header_option li{
display: inline;
margin: 0;
margin-left:1px;
padding-right:2px;
text-decoration: none;
}

.header_option li a{
text-decoration: none;
padding: 3px 7px;
border: 1px solid #2d2b2b;
color: #2d2b2b;
}

.header_option li.selected a{
text-decoration: none;
padding: 3px 7px;
border: 1px solid #2d2b2b;
background: #ffffff url(images/blue.gif) top left repeat-x;
border-bottom-color: white;
}

.header_option li a:visited{
color: #2d2b2b;
}
.header_option li a:hover{
text-decoration: none;
padding: 3px 7px;
border: 1px solid #2d2b2b;
background: #ffffff url(images/blue.gif) top left repeat-x;
border-bottom-color: white;
}

.input1 {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #6c6c6c;
	background-color:transparent;
}

.btn1 {
	color:#ffffff;
	border:1px solid #2c2c2c;
	background-color:#a6a6a6;
	text-align:center;
}

.hint1 {
	color:#ff0000;
}

.title1 {
	font-size:16px;
	font-weight:bold;
	text-align:left;
	margin-top:15px;
	margin-left:15px;
}

.title2 {
	font-size:23px;
	font-weight:bold;
	text-align:center;
}

.title3 {
	font-size:15px;
	font-weight:bold;
	text-align:left;
	margin-top:5px;
	margin-left:15px;
}

.note0 {
	color:#CC3300;
	font-size:13px;
	text-align:left;
	margin:5px 0px 5px 0px;
	background:url(images/note.gif) no-repeat;
	padding-left:22px;
	line-height:15px;
}

.note1 {
	font-size:9px;
	font-weight:normal;
}
.td01 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; PADDING-TOP: 7px; BORDER-BOTTOM: #cccccc 1px solid; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #ededed; TEXT-ALIGN: center;
}
.td02 {
	TABLE-LAYOUT: fixed; PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 6px; WORD-BREAK: break-all; LINE-HEIGHT: 20px; PADDING-TOP: 7px; BORDER-BOTTOM: #cccccc 1px solid; WORD-WRAP: break-word; TEXT-ALIGN: center;
}
.td03 {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 6px; LINE-HEIGHT: 23px; PADDING-TOP: 7px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #fffbeb
}
.td_1st{BORDER-TOP: #cccccc 1px solid;}

a:link,a:visited { color:#427A9B;text-decoration:none;}
a:hover{ color:#ff9900;}
a:active { color:#427A9B;text-decoration:none;}

#bottom a:link,#bottom a:visited,#bottom a:hover,#bottom a:active{ color:#000000;}

.index_box{
  text-align:left;margin:3px;float:left;
}

.shadow_box .top_right{
  background: url(images/top-right.png) no-repeat top right;
  padding-top:3px;
}
.shadow_box .center_right{
  background: url(images/center-right.png) repeat-y top right;
}
.shadow_box .bottom_right{
  background: url(images/bottom-right.png) no-repeat top right;
  height:23px;
}
.shadow_box .bottom_left{
  background: url(images/bottom-left.png) no-repeat top left;
  height:23px;
}

.index_content{
  padding-left:20px;
}

.index_content .item_box{
  border-bottom:1px solid #e3e3e3;height:28px;
}

.index_content .item_content{
  float:left;margin-top:7px;
  font-family:新細明體;
}

.cal_item{
  float:left;width:95px;padding:3px;margin:3px;
  border-bottom:1px solid #cecece;border-right:1px solid #cecece;
  border-top:1px solid #ffffff;border-left:1px solid #ffffff;
}

.cal_itemhover{
  background-color:#427A9B;
  border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;
  border-top:1px solid #cecece;border-left:1px solid #cecece;
}

.cal_itemhover2{
  color:#ff9900;
  background-color:#427A9B;
  border-bottom:1px solid #cecece;border-right:1px solid #cecece;
  border-top:1px solid #cecece;border-left:1px solid #cecece;
}

/* 回應 */
.comment_box{margin:2px 5px;border:1px solid #ffffff;clear:both;}
.comment_admin{text-decoration:underline;}
.comment_option{visibility:hidden;cursor:pointer;}
.comment_time{color:#a3a3a3;font-size:10px;visibility:hidden;}
.comment_zone_zero{}/*沒有回應*/
.comment_zone_less{border:1px solid #c3c3c3;overflow-y:auto;}/*七個回應以內*/
.comment_zone_many{height:150px;border:1px solid #c3c3c3;overflow-y:auto;}/*八個回應以上*/