@charset "UTF-8";
/* CSS Document */
html {
    overflow-y:scroll;
}

body,ul,ol,li,dl,dt,dd,p,blockquote,h1,h2,h3,h4,h5,h6,div,img,table{
margin:0;
padding:0;
list-style:none;
border:none;
}

body{
background-color:#ffffff;
color:#333333;
text-align:left;
font-size:12px;
line-height:1.6;
font-family:sans-serif;
}

a:link{
color:#0d3481;
text-decoration:none;
}

a:visited{
color:#aba8c9;
text-decoration:none;
}

a:hover{
color:#6f85b6;
text-decoration:underline;
}

a:hover img{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

.clear{
clear:both;
}

.flr{
float:right;
}

.red{
color:red;
}

h1{
font-size:30px;
color:#000000;
}

h2{
font-size:16px;
clear:both;
}

h3{
font-size:12px;
background:url(../img/marker.gif) 1px 6px no-repeat;
border-bottom:solid 1px #333333;
margin-bottom:5px;
padding-left:11px;
}

h4{
font-size:14px;
font-weight:normal;
background-color:#eeeeee;
margin:0 50px 2px 50px;
padding:3px 0 0 8px;
}

h5{
font-size:14px;
font-weight:bold;
background-color:#eeeeee;
background:url(../img/dot.gif) center bottom repeat-x;
margin:5px;
padding-top:5px;
}

h6{
font-size:12px;
background-color:#eeeeee;
padding:2px 0 0 5px;
margin:10px 0 5px 0;
border-left:solid 4px #999999;
}

p{
margin-bottom:20px;
}

table{
margin:0 50px 20px 50px;
width:550px;
border-collapse:collapse;
}

table tr{
background:url(../img/dot.gif) center bottom repeat-x;
}

table td{
padding:3px 20px 3px 20px;
}

table th{
padding:3px;
font-weight:bold;
text-align:left;
width:330px;
}


#wrapper{
width:900px;
margin:0 auto 0 auto;
}

#header{
font-size:10px;
color:#0d3481;
padding-top:5px;
border-top:solid 4px #0d3481;
font-family:serif; /* all browsers */
    font-family:sans-serif¥9; /* IE8 hack */
    *font-family:sans-serif; /* IE7 hack */
    _font-family:sans-serif; /* IE6 hack */
}

body:nth-of-type(1) #header{ /* Chrome hack */
font-size:10px;
color:#0d3481;
padding-top:5px;
border-top:solid 4px #0d3481;
font-family:serif;
}

#header ul{
clear:both;
background-color:#0d3481;
height:30px;
}

#header li{
font-size:14px;
font-weight:bold;
float:left;
text-align:center;
display:block;
width:180px;
height:24px;
padding-top:6px;
}

#header a:link{
color:#ffffff;
text-decoration:none;
}

#header a:visited{
color:#ffffff;
text-decoration:none;
}

#header a:hover li{
background-color:#8f8bb7;
}

#header strong{
font-size:12px;
font-family:sans-serif;
border-bottom:solid 1px #0d3481;
}


#main{
float:left;
width:650px;
margin-top:30px;
}

#main p, #main ul, #apply{
margin-left:40px;
padding-left:10px;
border-left:solid 5px #0d3481;
}
#main p.nonborder{
margin-left:40px;
padding-left:10px;
border-left:solid 0px #0d3481;
}

#main #lecturer li{
clear:both;
margin:0 0 20px 80px;
}

#main #lecturer li img{
float:left;
margin:0 10px 10px 0;
padding:4px;
border:solid 1px #cccccc;
background-color:#ffffff;
}

#main #lecturer dd{
padding-left:150px;
}

#main #apply dt{
clear:both;
float:left;
padding-left:20px;
width:140px;
font-weight:bold;
}

#main #apply dd{
float:left;
}
#main #lecturer dt p{
margin-left:0px;
padding-left:0px;
border-left:0px;
}

#side{
float:right;
width:200px;
margin:30px 0 30px 0;
padding-top:25px;
}

#side a{
display:block;
margin-bottom:25px;
}
#side a.cat{
display:inline;
margin-bottom:3px;
}

#footer{
clear:both;
text-align:right;
}

#footer p{
border-top:solid 1px #0d3481;
padding-top:20px;
text-align:center;
font-size:10px;
}

/*Page Bute*/
.content-nav{
text-align:center;
margin-bottom:20px;
}
.content-nav > ul{
margin-left: 0px !important ;
padding-left: 0px !important ;
border-left: 0px !important ;
}
.content-nav ul li {
display:inline;
}
.content-nav ul li a {
text-decoration: none;
border: 1px solid #124D96;
padding: 3px 7px;
color: #124D96;
margin: 2px;
}

.content-nav ul li a:hover {
border: 1px solid #6f85b6;
color: #6f85b6;
}

.content-nav ul span.current_page {
padding: 4px 8px;
margin: 1px;
color: #fff;
background-color:  #124D96;
}



#slider-code { height: 172px; overflow:hidden; }
#slider-code .viewport { float: left; width: 900px; height: 172px; overflow: hidden; position: relative; }
#slider-code .buttons { display: none; margin: 0 10px 0 0; float: left; }
#slider-code .next { margin: 30px 0 0 10px;  }
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 10px 10px 0 0; height: 172px; width: 172px;}



/*活動報告*/
#main .activity_box p{
border-left:0px;
padding-left:10px;
clear:both;
}
.activity_box{
margin-top:10px;
margin-bottom:12px;
overflow:hidden;
}
.activity_box .title{
margin-left:40px;
border-left: solid 5px #0d3481;
font-size:140%;
padding-left:7px;
line-height:160%;
border-bottom:1px solid  #0d3481;
margin-bottom:5px;
}
.activity_box .date{
margin-left:40px;
margin-bottom:5px;
float:right;
}
.activity_box .cat_img{
margin-left:40px;
margin-bottom:5px;
float:left;
}
#report_wrap_box{
height:800px;
overflow-y:scroll;
overflow-x:hidden;
width:670px;
padding:0 10px 0 0;
}