@charset "utf-8";
html, body { height: 100%;}
.blue { color:#1612cb;}
.red { color:#F03;}
.pink { color:#db034b;}
strong { font-weight:bold;}

body { background:#FFF url(../images/topbar.gif) top center no-repeat;}
div { display:block;}
#wrapper {
	position: relative;
	width:950px;
	min-height: 100%;
	*display: table; /* For IE7 Hack */
	*height: 100%; /* For IE7 Hack */
	margin:0 auto;
}

/* header */
#header {
	width:100%;
	height:566px;
}
.logo {
	background:url(../images/index_01.gif) top center no-repeat;
	width:950px;
	height:56px;
	text-indent:-9999px;
}
.main {
	width:950px;
	height:510px;
}
.main span {
	display:inline-block;
	width:475px;
}
.leftimg { float:left;}
.rightimg { float:right;}

/* container */
#container { width:950px;}

#lectures {
	position:relative;
	width:950px;
	height:450px;
}
#lectures li {
	display:block;
	width:950px;
	height:90px;
}
.taipei { background:url(../images/index_09.gif) 0 0 no-repeat;}
.hsinchu { background:url(../images/index_08.gif) 0 0 no-repeat;}
.taichung { background:url(../images/index_06.gif) 0 0 no-repeat;}
.tainan { background:url(../images/index_07.gif) 0 0 no-repeat;}
.kaohsiung { background:url(../images/index_10.gif) 0 0 no-repeat; text-indent:-9999px;}

#lectures li a {
	display:block;
	float:right;
	margin-top:26px;
	margin-right:36px;
	width:102px;
	height:42px;
	text-indent:-9999px;
}
.taichung a, .hsinchu a { background:url(../images/btn_yellow.gif) center center no-repeat;}
.taichung a:hover, .hsinchu a:hover { background:url(../images/btn_hover_yellow.gif) center center no-repeat;}

.tainan a, .taipei a { background:url(../images/btn_blue.gif) center center no-repeat;}
.tainan a:hover, .taipei a:hover { background:url(../images/btn_hover_blue.gif) center center no-repeat;}

.form {	padding:0 20px 0;}

/* footer */
#footer { width:950px;}

.floatMenu{
	width:110px;
	margin-left:950px;
	position:fixed;
	top:60%;
}
.pointer {
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
	background-color:#fff;
	text-indent:0;
	display:inline-block;
	font-size:1em;
	font-style:normal;
	height:32px;
	line-height:32px;
	width:100px;
	text-decoration:none;
	text-align:left;
	margin-bottom:5px;
	padding-left:10px;
	border-left: #C71518 5px solid;
}
.pointer:hover{ border-left: #F15053 12px solid;}