@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
a {
	text-decoration: none;
}
body {
	font-family: Verdana, Geneva, sans-serif, "細明體", "新細明體";
	font-size: 13px;
	line-height: 22px;
	color: #333333;
	background-color:#E6E6E6;
	background-repeat:repeat-x;
	background-position:top;
}
p {
	margin-bottom: 15px;
}
#container {
	background-color: #FFFFFF;
	width: 942px;
	padding-right: 9px;
	padding-left: 9px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
}
#header {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E7E7E7;
	border-left-color: #E7E7E7;
	width: 940px;
	background-color: #003bb5;
	position: relative;
}
.boxLanguage {
	line-height: 33px;
	height: 33px;
	color: #999999;
}
.boxLanguage a {
	color: #6F9DFF;
	line-height: 33px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
}
.boxLanguage a:hover {
	color: #FFFFFF;
}

.boxLanguage span {
	float:right;
}

.boxLanguage span a {
	color: #FFFFFF;
}

.boxLanguage span a:hover {
	color: #F00;
}

.logo {
	position: absolute;
	left: 0px;
	top: 0px;
}
.banner {
	width: 940px;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #6F9DFF;
	border-bottom-color: #6F9DFF;
	text-align: right;
	height: 145px;
	position: relative;
	background-image: url(../templates/images/banner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #6F9DFF;
}
.banner img{
	height:125px;
}
.banner div#banner_info{
	position:absolute;
	top:129px;
	height:20px;
	width:930px;
	color:#CCCCCC;
	background-color:#001B51;
	left:0px;
	padding: 0 5px 0 5px;
	line-height: 20px;
	font-size: 12px;
	/*filter:alpha(opacity=70);*/ /* IE */
	/*-moz-opacity:0.7;*/ /* Moz + FF */
	/*opacity: 0.7;*/
}

.banner div#banner_info span#gameday{
	float:left;
}

.nav {
	background-image: url(../templates/images/nav_bg.jpg);
	background-repeat: repeat-x;
	width: 940px;
	height: 35px;
}
.navList1 {

}
.navList1 li {
	float: left;
	height: 35px;
	position: relative;
	
}
.navList1 li a{
	line-height: 35px;
	display: block;
	color: #DFEAFF;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	padding-right: 15px;
	padding-left: 15px;
}
.navList1 li a:hover {
	background-repeat: repeat-x;
	background-image: url(../templates/images/nav_bg02.jpg);
	line-height: 35px;
	height: 35px;
	color: #FFF;
	}
.navList1_01{
	background-image: url(../templates/images/nav_bor.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 1px;
}
.navList1on_01:hover{
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../templates/images/nav_bor.jpg);
	padding-right: 1px;
	line-height: 35px;
	height: 35px;
}

.navList1_01 .navList2  {
	position: absolute;
	width: 200px;
	display: none;
	left: 0px;
	top: 35px;
	overflow: hidden;
}
.navList1on_01 .navList2 {
	display: block;	
	position: absolute;
	width: 200px;
	left: 0px;
	top: 35px;
	overflow: hidden;
	z-index:9999;
	background-color: #3e4449;
	filter:alpha(opacity=90); /* IE */
	-moz-opacity:0.9; /* Moz + FF */
	opacity: 0.9; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}
.navList2 li {
	line-height: 30px;
	height: 30px;
	float: none;
	white-space: nowrap;
	position: static;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	width: 200px;
}

.navList1 .navList2 li a {
	text-indent: 0px;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 30px;
	height: 30px;
	display: block;
	color: #FFFFFF;
	width:200px;
	text-align: left;
	font-size: 13px;
	font-weight: normal;
}
.navList1 .navList2 a:hover{
	color: #333333;
	background-color: #cfd9e0;
	background-image: none;
}

#content {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E7E7E7;
	border-left-color: #E7E7E7;
	width: 940px;
	float: left;
}
.leftContent {
	float: left;
	width: 605px;
	padding-right: 10px;
	padding-left: 15px;
	padding-bottom: 1px;
	text-align:left;
}
.navigation {
	font-size: 12px;
	color: #333333;
	margin-bottom: 15px;
}
.navigation a {
	font-weight: bold;
	color: #666666;
	padding-right: 5px;
	padding-left: 0px;
}
.pageContent {
	width: 605px;
}

.contentTitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #898989;
	margin-bottom: 20px;
	width: 605px;
}
.contentTitle h2 {
	font-family: "微軟正黑體";
	color: #b2010f;
	line-height: 30px;
	padding-left: 10px;
	font-size: 18px;
}

.rightContent {
	float: left;
	width: 285px;
	padding-bottom: 1px;
	padding-top: 37px;
	padding-right: 15px;
	padding-left: 10px;
}
.rightContentBox {
	border: 1px solid #999999;
	width: 283px;
	margin-bottom: 15px;
}
.rightContentBox h3 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4D4D4D;
	padding-left: 10px;
	line-height: 30px;
	font-family: "細明體", "新細明體";
	font-size: 15px;
}
.rightContentBoxText {
	padding: 10px;
	font-size: 12px;
}
.rightContentBoxText img {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	width: 120px;
}
.rightContentBoxTitle {
	font-weight: bold;
	font-size: 13px;
}
.rightContentBox2 {
	width: 285px;
	margin-bottom: 15px;
}
.midContent {
	width: 902px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}





#footer {
	margin-left:1px;
	background-image:url(../templates/images/about_bar_bg.jpg);
	clear: both;
	width: 942px;
	text-align: center;
	margin-left:0px;
}
.clearBoth {
	font-size: 0px;
	line-height: 0px;
	clear: both;
	height: 0px;
}
.nextPage {
	width: 257px;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
}


.Pagination {
	float: left;
	line-height: 30px;
	margin-right: 10px;
	margin-left: 10px;
}

.Pagination a {
	margin-right: 2px;
	margin-left: 2px;
	padding-right: 1px;
	padding-left: 1px;
	color: #333333;
}

.Pagination a:hover {
	text-decoration: underline;
	color: #D0101B;
}
.PrecedingBut, .BehindBut {
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 30px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

.PrecedingBut {
	background-image: url(../templates/images/goToPage_bg01.gif);
}

.BehindBut {
	background-image: url(../templates/images/goToPage_bg02.gif);
	
}

.PrecedingBut a , .BehindBut a {
	display: block;
	line-height: 30px;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -20000px;
	overflow: hidden;
}
.PrecedingBut a:hover , .BehindBut a:hover {
	background-repeat: no-repeat;
	background-position: 1px 1px;
	width: 30px;
}
.PrecedingBut a:hover{
	background-image: url(../templates/images/goToPage_bg01.gif);
}

.BehindBut a:hover{
	background-image: url(../templates/images/goToPage_bg02.gif);
}

#footer_event{
	text-align:left;
	padding-top: 12px;
}
#footer_event div#aboutCourse{
	width:500px;
	font-size:11px;
	line-height:13px;
	font-family:Verdana, Geneva, sans-serif;
	margin-top: 7px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#footer_event span.title{
	font-weight:bold;
}
/*tabs  分頁CSS*/

.displayCount{
	float:left;
}

.displayLinks{
	float:right;
}	

.goBack{
	background-image:url(../templates/images/goBack.gif);
	background-position:0% 90%;;
	background-repeat:no-repeat;
	padding:5px 5px 5px 20px;
	height:16px; width:50px;
	float:right;
	margin:10px 0 10px 0;
}

#youtube_video{
	text-align:center;
}
#youtube_video li{
	list-style:none;
	margin-bottom:5px;
}

