body.chiText
{
	font-family: 微軟正黑體;
	font-weight: bold;
}

body.engText
{
	font-family: Arial, comic sans ms;
}

body
{
	font-size: 12pt;
	color: #000000;
}

input[type=text]
{
	font-family: comic sans ms, 微軟正黑體;
	font-size: 12pt;
	color: #000000;
}

body
{
	margin: 0px;
	overflow:hidden;
}

span
{
	display: inline-block;
}

input[type=button], .Button
{
	cursor: pointer;
}

#news {
	width: 308px;
	height: 305px;
	overflow-x: hidden;
	overflow-y: auto;
}
#leaderBoard {
	width: 308px;
	height: 305px;
	font-size: 10pt;
	overflow: hidden;
}

.MSCLinka:visited, .MSCLinka:link{
	color: #ffff00;
	text-decoration: none;
	font-family: Arial;
	font-weight: Bold;
}

.UnitHeadrUnderLine {
	text-decoration: underline;
	cursor:pointer;
}
.UnitHeader {
	font-size:16pt;
}
.tableTop {
	background-image:URL("../Image/bg_tableofcontent_top.png");
	width:600px;
	height:50px;
}
.tableTop2 {
	background-image:URL("../Image/bg_tableofcontent_top2.png");
	width:620px;
	height:50px;
}
.tableMiddle {
	background-image:URL("../Image/bg_tableofcontent_middle.png");
	width:600px;
}
.tableMiddle2 {
	background-image:URL("../Image/bg_tableofcontent_middle.png");
	width:620px;
}
.tableBottom {
	background-image:URL("../Image/bg_tableofcontent_bottom.png");
	width:600px;
	height:50px;
}
.tableBottom2 {
	background-image:URL("../Image/bg_tableofcontent_bottom2.png");
	width:620px;
	height:50px;
}
.tableSpace {
	height:30px;
}
.DetailSwitch {
	cursor:pointer;
	width:50px;
	text-align:left;
}
.DetailSwitch img {
	width:50px;
}

.Type_0 td{
	border-top: #CCC 1px solid; 
	border-left:#CCC 1px dashed;	
	border-right:#CCC 1px dashed;	
	border-bottom: solid 2px #FFFFFF;
	width: 58px;
}

.Type_0 td a
{
    position:relative;
    top:0px;
    left:0px;
}

tr.Type_A td {
	border-left:#CCC 1px dashed;	
	border-right:#CCC 1px dashed;
	border-bottom:#CCC 1px solid;
	font-size:10pt;
	width:58px;
	font-family: "Comic Sans MS", cursive;
}

.Type_0 .Type_B {
	border-top:none; 
	border-left:none;	
}

.col1{background-color:transparent;}
.col2{background-color:#FFBCFF;}
.col3{background-color:#00C9FF;}
.col4{background-color:#FFF281;}
.col5{background-color:#00FFCC;}
.col6{background-color:#FBBC58;}
.col7{background-color:#FF3A00;}
.col8{background-color:#7F1ECC;}
.col9{background-color:#DBFFFF;}
.col10{background-color:#D9E020;}

#verInvalid2 {
	display:none;
	_display:block;
}

#LoginFrom {
	_display:none;
}

.closeBtn:hover
{
	text-decoration: underline;
	cursor:pointer;
}

.MSCLinka:visited, .MSCLinka:link{
	color: #ffff00;
	text-decoration: none;
	font-family: Arial;
	font-weight: Bold;
}

.MSRLinka:visited, .MSRLinka:link{
	color: #ffffff;
	text-decoration: none;
	font-family: Arial;
	font-weight: Bold;
}

.mobileBtn{
	width:100px;
	height:46px;
	float:left;
	vertical-align: middle;
	cursor:pointer;
	color:#000000;
	margin-right:20px;
	z-index:20;
}

.mobileBtnBg{
	width:130px;
	height:46px;
	float:left;
	padding:7px 18px 7px 60px;
	background-image:URL("../Image/btnMobile.png");	
}

#mobileBtnList{
	position:absolute;
	top:400px;
	left:30px;
	z-index:30px;
}
#leaderBoardTable {
	background-image:URL("../Image/TOC/LeaderBoardBG.png");
	height:440px;
	width:550px;
	position:absolute;
}
#leaderBoardBtn{
	position:absolute; 
	top:58px; 
	left:30px; 
	width: 500px;
	z-index:20;
	height:40px;
	color:#ffff00;
}
#leaderBoard{
	position:absolute; 
	top:115px; 
	left:30px; 
	width: 500px;
	z-index:20;
	color:#ffffff;
}
.ABCbody{
	background-image:URL("Flash/ABCBG.jpg");
}
#MainFlashPanel{
	border:none;
}
.ExIcon:hover{
	-webkit-animation: scale2 0.5s infinite alternate;
	-moz-animation: scale2 0.5s infinite alternate;
	-o-animation: scale2 0.5s infinite alternate;
	-ms-animation: scale2 0.5s infinite alternate;
}
#UnitTableContainer{
	-webkit-animation: UTTableIn 1s;
	-moz-animation: UTTableIn 1s;
	-o-animation: UTTableIn 1s;
	-ms-animation: UTTableIn 1s;
}
/* UTTableIn */
@-webkit-keyframes UTTableIn {
  from { opacity:0;left:900px;}
  to { opacity:1;left:260px;}
}
@-moz-keyframes UTTableIn {
  from { opacity:0;left:900px;}
  to { opacity:1;left:260px;}
}
@-o-keyframes UTTableIn {
  from { opacity:0;left:900px;}
  to { opacity:1;left:260px;}
}
@-ms-keyframes UTTableIn {
  from { opacity:0;left:900px;}
  to { opacity:1;left:260px;}
}
.UTTableIn{
	-webkit-animation: UTTableIn 1s;
	-moz-animation: UTTableIn 1s;
	-o-animation: UTTableIn 1s;
	-ms-animation: UTTableIn 1s;
}
.ABCScoreStr{
	font-size: 16pt;
	position:absolute;
	top:-20px;
	left:67px;
	color: #000000;
}
.leaderType{
	display:inline-block;
	cursor:pointer;	
	width:230px;
	height:40px;
}
.LBGRB{
	height:37px;
	background-image:URL("../Image/TOC/LBGRB.png");
	background-repeat:no-repeat;
}
.LBCRB{
	height:37px;
	background-image:URL("../Image/TOC/LBCRB.png");
	background-repeat:no-repeat;
}
.LBCRA {
	height:37px;
	background-image:URL("../Image/TOC/LBCRA.png");
	background-repeat:no-repeat;
}
.LBGRA {
	height:37px;
	background-image:URL("../Image/TOC/LBGRA.png");
	background-repeat:no-repeat;
}
.scrollY{
	overflow-y:auto;
}
.PageContent{
	overflow:hidden;
}

.stuInfo {
	text-align:left;
	background-image:url('../Image/TOC/infoBg.png');
	background-repeat: no-repeat;
	width:224px;
	height:35px;
	/*margin:5px 5px 5px 5px; */
	color:#ffffff;
	padding: 3px 3px 3px 3px;
}

.stuinfocap{
	font-size:10px;
}

#txtUserName, #txtUserClass, #txtStudentNO {
	font-weight:bold;
}

.LBRow1{
	background-image:URL("../Image/TOC/LBRow1.png");	
	vertical-align:middle;
}
.LBRow2{
	background-image:URL("../Image/TOC/LBRow2.png");	
	vertical-align:middle;
}

#schoolLogo{
	-webkit-animation: LogoIn 1s;
	-moz-animation: LogoIn 1s;
	-o-animation: LogoIn 1s;
	-ms-animation: LogoIn 1s;
}
/* LogoIn */
@-webkit-keyframes LogoIn {
  0% { top:-120px;}
  80% { top:0px;}
  100% { top:-10px;}
}
@-moz-keyframes LogoIn {
  0% { top:-60px;}
  80% { top:0px;}
  100% { top:-10px;}
}
@-o-keyframes LogoIn {
  0% { top:-60px;}
  80% { top:0px;}
  100% { top:-10px;}
}
@-ms-keyframes LogoIn {
  0% { top:-60px;}
  80% { top:0px;}
  100% { top:-10px;}
}

.ifmPortfolio{
	width:90%;
	height:90vh;
	border: none;
}

.extraStar:hover{
	-webkit-animation: rotate360 1s infinite ;
	-moz-animation: rotate360 1s infinite ;
	-o-animation: rotate360 1s infinite ;
	-ms-animation: rotate360 1s infinite ;
}
@-moz-keyframes rotate360 { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes rotate360 { 100% { -webkit-transform: rotate(360deg); } }
@keyframes rotate360 { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }