body{ margin: 0; font-family: 微軟正黑體, Arial, Helvetica, Georgia, Sans-serif; font-size: 12px; text-align: left; vertical-align: top; }
table{ margin:0 auto; }
h1{ font-size: 24px; padding: 0 0 10px 0; line-height:150%; }
h2{	padding-top:8px; font-weight:bold; font-size: 18px; line-height:125%; }
h3{ font-size: 16px; line-height:200%; }
h4{
    color: #ccc;
    font-size: 14px;
    line-height: 200%;
    display: block;
    height: 30px;
}
h5{ color: #666; font-size: 16px; font-weight:bold; }
h6{ font-size: 13px; color:#fff; line-height:150%; margin-top:20px; }
a:link, a:visited{ text-decoration:none; color:#FF3; }
a:hover{ text-decoration: none; color:#FFF; }
#layout { margin:10px auto; width:945px; overflow: hidden; }
#sidebar{ background-color:#444; float:left; width:240px; padding-bottom: 3000px; margin-bottom: -3000px; }
#logo{ margin:8px auto; height:175px; }
#logo img{ margin:0 auto; }
#nav { margin:10px 25px 0 20px; height:auto; }
#nav li{  }
#nav li a{ display:block; line-height:30px; background-image:url(../images/nav_01.jpg); background-repeat:no-repeat; height:30px; transition:background-image 0.2s linear; }
#nav li a:hover{ display:block; background-image:url(../images/nav_02.jpg); height:30px; transition:background-image 0.2s linear; }
.homebtn{ float:right; margin:5px 25px 0 20px; height:auto; opacity:1; transition:opacity 0.2s linear; }
.homebtn:hover { opacity:0.7; filter:alpa(opacity=70); /* old IE */ transition:opacity 0.2s linear; }
.fb-like-box { float:left; margin:20px 0; width:238px; height:310px; }

/* content start */
#content { float:right; height:auto; width:694px; }
#banner {
	background-color: #EEE;
	width: 694px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	height: auto;
}
#news { background-color:#EEE; margin:0 0 12px 0; width:694px; }
.news-box { margin:0 auto; width:679px; }
.news-box img { margin:7px; }
/* content end */

/* page start */
#page{ background-color:#eee; margin:0 auto 10px auto; width:694px; }
#page p{ text-align:center; color:#333; font-size: 16px; font-weight:bold; }
#title{ padding-top:15px; margin:0 15px; width:auto; height:50px; }
.title_bar { display: block; height: 36px; padding: 7px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; line-height: 36px; font-size:24px; color :#888; }
.title_bar span { vertical-align:middle; }
.title_bar img { vertical-align:middle; }
.title_arrow { padding:18px; width:36px; height:36px; background:url(../images/title_arrow.png) no-repeat;  }
.page-box { padding-top:5px; padding-bottom:25px; margin:0 0 0 28px; width:679px; }
.page-box  .button { margin:0 7px 15px 7px; opacity:1; transition:opacity 0.2s linear; }
.page-box  .button:hover { opacity:0.7; transition:opacity 0.2s linear; }
.notice img{ background-color:#fff; padding:3px; border:1px solid #ccc; transition:opacity 0.2s linear; }
.notice img:hover{ opacity:0.7; filter:alpa(opacity=70);  /* old IE */ border:1px solid #aaa; transition:opacity 0.2s linear; }
/* page end */

#footer { background-color:#444; float:left; height:100px; width:694px; text-align:center; position: relative; }