<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*class="pngimg"*/
body {
	height: 100%;
	margin: 0px;
	font-family: "微軟正黑體";
	background-color: #FFFFFF;
	/*background-image: url(../img/bg/bg-all.jpg);
	background-repeat: repeat-x;*/
}
img,img a{
	border:0px;
}
.bg_border{
	position:absolute;
	display:none;
	min-height:500px;
	width:100%;
	height:100%;
}
ul,li{
	list-style:none;
	margin:0px;
	padding:0px;
}
#starmove {
	position:absolute;
	display: block;
	width:100%;
	height:354px;
	background: url(../img/bg/starmoving.png) repeat-x 0 0;
	z-index:886;
}
#starmove2{
	opacity:0.3;
	filter:alpha(opacity=30);
}
.footerBorder {
	/*background: url(../img/bg/bg-bottom.png) no-repeat bottom center;*/
	position:fixed;
	z-index:78;
	bottom:0px;
	width:100%;
	height:110px;
	padding-top:270px;
}
.footerBorder,.footerBorder a{
	text-decoration: none;
	font-weight: 14px;
	font-weight: bolder;
	color: #595757;
}
.moon1 {
	display:none;
	/*opacity:0;
	filter:alpha(opacity=0);*/
	bottom:0px;
	position:fixed;
	z-index:77;
	width:100%;
	height:727px;
	background: url(../img/bg/moon1.png) no-repeat center bottom;
}
.moon2 {
	display:none;
	/*opacity:0;
	filter:alpha(opacity=0);*/
	bottom:95px;
	position:absolute;
	z-index:77;
	width:100%;
	height:381px;
	background: url(../img/bg/moon2.png) no-repeat center bottom;
}
.naviBorder {
	background: url(../img/navi/bg.jpg) #10223c no-repeat fixed;
	height: 100%;
	width: 73px;
	overflow: visible;
	/*position: absolute;*/
	position: absolute;
	z-index: 9996;
	left: -72px;
	display: table;
}
.fb-share {
	float: left;
	height: 47px;
	width: 32px;
	position: absolute;
	z-index: 889;
	margin-top: 5px;
	margin-left: 2px;
}
.fb-share2 {
	float: left;
	height: 47px;
	width: 32px;
	position: absolute;
	z-index: 889;
	margin-top: 5px;
	margin-left: 40px;
}
.naviBorder ul{
	float: left;
	padding: 0px;
	margin-top: 60px;
	margin-left: 3px;
	width: 69px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.naviBorder li{
	width:69px;
	height:auto;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
	text-align:center;
}
.mainBorder {
	margin-left:55px;
	position:absolute;
	z-index:990;
	height: auto;
	width: 100%;
	float:left;
}
.logoBorder{
	width:980px;
	height:111px;
	float:left;
	margin-top:2%;
	z-index:990;
}
.indexLogoTwBorder {
	float: left;
	height: 100px;
	width: 373px;
}
.indexLogoEnBorder {
	float: left;
	height: 111px;
	width: 474px;
}
.racetimeline {
	float: left;
	height: auto;
	width: 373px;
	font-size: 16px;
	color: #f6ff0a;
	font-weight: bolder;
	margin-top:-22px;
	letter-spacing:1px;
	clear: both;
	margin-left: 12px;
}
.raceBorder{
	margin-top:25px;
	width:980px;
	height:auto;
	float:left;
}
.racetimer {
	font-weight:bolder;
	margin-left:15px;
	font-size:15px;
	float: left;
	height: auto;
	width: auto;
	color:#fff;
	line-height:24px;
	padding:5px;
	border-left:3px #fff solid;
	text-shadow:1px 1px 3px hsla(0,0%,0%,.7);
}
.racetimer a{
	color: #FF0;
	/*text-shadow: 1px 1px 3px hsla(0,0%,0%,.7);*/
	text-decoration: none;
}
.racetimer a:hover{
	color: #FF0;
	/*text-shadow: 1px 1px 3px hsla(0,0%,0%,.7);*/
	text-decoration: none;
}
.indeBorder,.orginBorder{
	width: 480px;
	float: left;
	margin-left: 50%;
	margin-top: 3%;
	color: #006c84;
	font-size: 15px;
	font-weight: bold;
}
.orginBorder a{
	color: #006c84;
	text-decoration: none;
}
.orginBorder a:hover{
	color: #006c84;
	text-decoration: underline;
}
.downloadBorder{
	width: 720px;
	float: left;
	margin-left: 15%;
	margin-top: 3%;
	color: #1f5883;
	font-size: 14px;
	line-height: 30px;
}
.caseubBorder{
	width: 720px;
	float: left;
	margin-left: 15%;
	margin-top: 3%;
	color: #1f5883;
	font-size: 15px;
	height: 435px;
	overflow: auto;
	font-weight: bold;
}
.white14B{
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
.orginBorder,.downloadBorder{
	line-height:20px;
	font-weight:bold;
	
}
.checkprogram {
	float: left;
	height: 103px;
	width: 83px;
	margin-left: 165px;
	margin-top: 20px;
}
.pagelogo {
	float: left;
	height: 64px;
	width: 447px;
	margin-top: 37px;
}
.programBorder{
	z-index:996;
	position:absolute;
	float:left;
	margin-top:11%;
	height:491px;
	width:0%;
	background:rgba(255,255,255,0.7);
}
.programLeftBorder {
	float: left;
	height: auto;
	width: 420px;
	margin-left:55px;
	margin-top:49px;
}
.programRightBorder{
	float: left;
	height: auto;
	width: 465px;
	margin-top:49px;
}
.programRightBorder table{
	box-shadow:1px 1px 3px hsla(0,0%,0%,.6);
}
.icon_blue1,.icon_blue2,.icon_blue3,.icon_blue4,.icon_blue5{
	margin:3px;
	line-height:25px;
	width:80px;
	color:#fff;
	font-size:14px;
	font-weight:bolder;
	border-radius:3px;
	box-shadow:1px 1px 3px hsla(0,0%,0%,.6);
	text-align:center;
}
.icon_blue1{
	background:#32d5e8;
}
.icon_blue2{
	background:#00a7bb;
}
.icon_blue3{
	background:#15656e;
}
.icon_blue4{
	background:#052e33;
}
.icon_blue5{
	background:#011a1d;
}
.black14B22H{
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
}
.black15Br25H{
	color:#000;
	line-height:25px;
	font-weight:bolder;
}
.program,.class{
	/*margin-top:45px;*/
	float:left;
}
.class{
	margin-left:55px;
}
.program .btubox{
	width:506px;
	height:49px;
	position:absolute;
	z-index:9999;
	margin-left:16%;
	margin-top:0px;
}
.class .btubox{
	width:506px;
	height:49px;
	position:absolute;
	z-index:9999;
	margin-left:16%;
	bottom:0px;
}
.program .btubox .line{
	width:506px;
	height:4px;
	float:left;
	background:url(../img/program/line_green.png);
}
.class .btubox .line{
	width:506px;
	height:4px;
	float:left;
	background:url(../img/program/line_purple.png);
}
.program .btubox .btu{
	width:143px;
	height:45px;
	margin-left:150px;
}
.class .btubox .btu{
	width:143px;
	height:45px;
	margin-left:150px;
}
.black14{
	font-size:14px;
	color:#000;
}
.green14B{
	color:#008d32;
	font-size:14px;
	font-weight:bold;
}
.black1316H{
	color:#000;
	font-size:13px;
	line-height:16px;
}
.classitems {
	float: left;
	height: 250px;
	width: 180px;
	margin-right: 10px;
	margin-left: 10px;
	border-right:1px #fff solid;
	padding:6px 20px 6px 6px;
	font-size:14px;
	font-weight:bold;
	margin-top:60px;
	line-height:22px;
}
.classitems h1{
	color: #105d3c;
	font-size: 20px;
	font-weight: bold;
}
.class{
	display:none;
}
.sitepage{
	position:absolute;
	z-index:998;
	height:20px;
	width:auto;
	margin-left:26px;
	margin-top:8%;
}
.caseBorder {
	float: left;
	height: auto;
	width: 885px;
	margin-top: 45px;
	margin-left: 5px;
	background:rgba(0,0,0,.6);
	padding:3px 6px 18px 6px;
	color:#fff;
	font-size:14px;
}
.casetitle {
	background-color: #120f20;
	float: left;
	height: 35px;
	width: 98%;
	border: 1px solid #575555;
	padding-left:2%;
	color:#fff;
	font-size:14px;
	line-height:35px;
	letter-spacing:1px;
}
.caseBorder ul{
	margin-top:38px;
	margin-left:15px;
	margin-right:15px;
}
.caseBorder li{
	padding-bottom:8px;
	padding-top:8px;
	border-bottom:1px solid #575555;
}
.date{
	font-size:13px;
	color:#878787;
}
#feelbox1,#feelbox2,#feelbox3,#feelbox4,#feelbox5{
	display:none;
	position:absolute;
	margin-top:200px;
}
.videoBorder{
	float:left;
	width:970px;
	margin-top:8px;
}
.videobox{
	width:265px;
	height:175px;
	float:left;
	margin-left:13px;
	margin-right:13px;
	background:rgba(0,0,0,.7);
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 18px;
	padding-right: 8px;
	padding-bottom: 17px;
	padding-left: 7px;
}
.linkoutbox {
	display:none;
	position:absolute;
	background:rgba(0,0,0,.7);
	float: left;
	height: 167px;
	width: 253px;
	color:#fff;
	font-size:13px;
	padding-left:12px;
	padding-top:8px;
}
.linkoutbox .btu{
	position:absolute;
	float:left;
	margin-left:90px;
	margin-top:42px;
	width:55px;
	height:55px;
}
#Image26,#Image27{
	display:none;
}
.btubox{
	width:72px;
	height:31px;
	margin-left:825px;
	margin-top:22px;
	float:left;
}
.activeborder{
	float:left;
	height:420px;
	margin-top:8px;
	width:950px;
	margin-left:25px;
}
.activebox{
	/*position:absolute;*/
	width:200px;
	float:left;
	margin:5px;
	height:200px;
	padding:5px;
	background:rgba(0,0,0,.7);
}
.activeboxL{
	/*position:absolute;*/
	width:auto;
	float:left;
	margin:5px;
	height:200px;
	padding: 5px 15px 5px 15px;
	background:rgba(0,0,0,.7);
}
.activehover,.activehoverL{
	display: none;
	position: absolute;
	width: 195px;
	background: rgba(0,0,0,.6);
	height: 70px;
	margin-top: 130px;
	/*bottom:0px;*/
	z-index: 997;
	padding-left: 5px;
	padding-top: 5px;
	float: left;
	padding-right: 5px;
}
.activehoverL{
	width:400px;
	padding-left:5px;
	padding-top:5px;
}
.activehover a,.activehoverL a,.activehover,.activehoverL{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}
.activehover a:hover,.activehoverL a:hover{
	color:#6FC;
}
/*老師介紹 特效*/
#basic-modal-content,#basic-modal-content2 {display:none;}
/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
.activephotobox{width:612px;height:630px;}
.teacherbox{height:395px; width:493px; background:url(../img/program/teacher_bg.png) no-repeat;}
#simplemodal-container { color:#000; background-color:#fff; border:4px solid #fff;}
#simplemodal-container p{ color:#000; font-size:14px; margin-top:35px;margin-left:16px; line-height:22px; width:280px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/program/close1.png) no-repeat; width:38px; height:38px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 { margin-left:15px;color:#84b8d9;}
/*活動花絮*/
.showbox {
		width: 860px;
		height: 460px;
		vertical-align: middle;
	}
	.abgne-block-20120106,.abgne-block-20120107 {
		margin-top:-40px;
		width: 630px;
		overflow: hidden;
	}
	.abgne-block-20120106 a,.abgne-block-20120107 a {
		margin-right: 10px;
	}
	.abgne-block-20120106 a img,.abgne-block-20120107 a img {
		width: 58px;
		height: 38px;
		overflow:hidden;
		margin-bottom:5px;
		vertical-align: middle;
	}.naviline {
	background-image: url(../img/navi/line.png);
	background-repeat: no-repeat;
	height: 1px;
	width: 53px;
	margin-right: auto;
	margin-left: auto;
}
#scrollnavi {
	overflow: visible;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 9996;
	background-color: #10223c;
	background-image: url(../img/navi/bg.jpg);
	background-repeat: repeat-y;
}
.red {
	color: #F00;
}
</pre></body></html>