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:440px;
	left:30px;
	z-index:30;
}
#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:-15px;
	left:5px;
}
.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 8px;
}

.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;}
}
.jsCell{
	width:85px;
	height:60px;
	background-image:url('../Image/TOC/jsCellBG.jpg');
}
.jsTodayCell{
	width:85px;
	height:60px;
}
.jsEmptyCell{
	width:85px;
	height:60px;
	background-image:url('../Image/TOC/jsCellBG.jpg');
}
#JsScrollDiv{
	min-height:470px;
	margin:0px 0px 0px 0px;
}
.MainPageCalender{
	width:600px !important;
	height:500px !important;
	background-image:url('../Image/TOC/CaBG.png');
	background-repeat:no-repeat;
}
.LCSArrow{
	background-image:url('../Image/LCSArrow.png');
	background-repeat:no-repeat;
	background-position:right;
	width:40px;
	height:40px;
	float:left;
	cursor:pointer;
	padding: 0px 80px 12px 10px
}
.RCSArrow{
	background-image:url('../Image/RCSArrow.png');
	background-repeat:no-repeat;
	background-position:left;
	width:40px;
	height:40px;
	float:right;
	cursor:pointer;
	padding: 0px 0px 12px 80px
}
.CSArrowEmpty{
	width:40px;
	height:40px;
	float:left;
	cursor:pointer;
}
.jstitle{
	color:#1073B9;
	font-weight: bold;
	text-align: center;
	font-size:10px;
}
.jstitleSun{
	color:#B80711;
}
.JsCaDisplayDate{
	font-family: comic sans ms, 微軟正黑體;
	font-size: 16pt;
	color: #000000;
	width:220px;
	float:left;
	text-align:center;
	font-weight:bold;
	padding: 17px 0px 0px 80px;
}
.JsCaDisplayDateM{
	font-size: 16pt;
	color: #ffffff;
	float:left;
	padding: 8px 0px 0px 10px;
	margin:-5px -5px -5px -5px
}
.JsCaDisplayDateY{
	font-size: 11pt;
	color: #ffffff;
	float:left;
}
.JSFadeDiv {
	width:600px;
	height:386px;
	background-image:url(../image/ROWBG.png);
	text-align:center;
	vertical-align:center;
	font-size:40px;
	font-weight:strong;
}
.JSFadeDivGap{
	width:26px;
	float:left;
	height:400px;
}
.JSMonthCell{
	/*padding: 0px 0px 0px 0px;*/
	float:left;
	width:600px !important;
}
.JSDateMark{
	width:30px;
	size:14px;
	color:#532D08;
	font-weight:bold;
	margin:0px 10px -2px 5px;
}

.ETSIcon{
	float:right;
	width:11px;
	height:11px;
	padding: 1px 2px 0px 0px;
}
.ETSLink{text-decoration:none;}
.ETSLink:link {color:#FFFFFF;}      /* unvisited link */
.ETSLink:visited {color:#FFFFFF;}  /* visited link */
.ETSLink:hover {color:#FFFFFF;}  /* mouse over link */
.ETSLink:active {color:#FFFFFF;}  /* selected link */
.MainPageCalenderTable {
	border-spacing:0px;
}
.toc_table
{
	position:relative;
	width:610px;
	font-family:Comic Sans MS;
	font-size:10pt;
	color:#000000;
}

.toc_table_900
{
	position:relative;
	width:900px;
	font-family:Comic Sans MS;
	font-size:10pt;
	color:#000000;
}

.toc_chapter
{
	font-size:16pt;
}

.toc_content_type
{
	font-size:10pt;
}


.toc_title
{
	font-size:8pt;
}


.toc_level_type
{
	font-size:10pt;
}

.toc_exercise
{
	font-size:10pt;
}

.toc_exercise a, .toc_exercise a:link, .toc_exercise a:active, .toc_exercise a:visited, .toc_exercise a:hover
{
	color:#000000;
}

.toc_column1_1
{
	width:122px;
	height:150px;
}

.toc_column2_1
{
	background-image:URL('../Image/easy.jpg');
	width:122px;
	height:150px;
}
.toc_column3_1
{
	background-image:URL('../Image/medium.jpg');
	width:122px;
	height:150px;
}
.toc_column4_1
{
	background-image:URL('../Image/hard.jpg');
	width:122px;
	height:150px;
}
.toc_column5_1
{
	background-image:URL('../Image/Extra.jpg');
	width:122px;
	height:150px;
}


.toc_column1_172
{
	width:172px;
	height:150px;
}

.toc_column2_172
{
	background-image:URL('../Image/easy172.jpg');
	width:172px;
	height:150px;
}
.toc_column3_172
{
	background-image:URL('../Image/medium172.jpg');
	width:172px;
	height:150px;
}
.toc_column4_172
{
	background-image:URL('../Image/hard172.jpg');
	width:172px;
	height:150px;
}
.toc_column5_172
{
	background-image:URL('../Image/Extra172.jpg');
	width:172px;
	height:150px;
}

.toc_column2_1 span, .toc_column3_1 span, .toc_column4_1 span, .toc_column5_1 span, .toc_column2_12 span, .toc_column3_12 span, .toc_column4_12 span, .toc_column5_12 span, .toc_column2_172 span, .toc_column3_172 span, .toc_column4_172 span, .toc_column5_172 span
{
	position:relative;
	top:40px;
}





.toc_column1_2
{
	width:122px;
	height:150px;
}

.toc_column2_2
{
	background-image:URL('../Image/easy2.jpg');
	width:122px;
	height:150px;
}

.toc_column3_2
{
	background-image:URL('../Image/medium2.jpg');
	width:122px;
	height:150px;
}

.toc_column4_2
{
	background-image:URL('../Image/hard2.jpg');
	width:120px;
	height:150px;
}

.toc_column5_2
{
	background-image:URL('../Image/Extra2.jpg');
	width:122px;
	height:150px;
}



toc_title2
{
	font-size:7pt;
}

.toc_exercise2
{
	font-size:7pt;
}


.toc_column2_12
{
	background-image:URL('../Image/Level1.jpg');
	width:122px;
	height:150px;
}
.toc_column3_12
{
	background-image:URL('../Image/Practice1.jpg');
	width:122px;
	height:150px;
}
.toc_column4_12
{
	background-image:URL('../Image/Level2.jpg');
	width:122px;
	height:150px;
}
.toc_column5_12
{
	background-image:URL('../Image/practice2.jpg');
	width:122px;
	height:150px;
}

.uLevelRow
{
	vertical-align:middle;
}

.uLevelCaptionCell
{
	padding-left:35px;
	padding-bottom:0px;
	height:40px;
	width:320px;
}

.opacity0
{
	opacity:0;
}

.uLevelLock
{
	color:#BBBBBB;
}

.closedUnit
{
	color:#CCCCCC;
}

.floatingMsg
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 250px;
	z-index: 100;
	background-image:URL('../Image/TOC/FloatMsgBg.png');
}

.floatingMsgCore
{
	padding-top:20px;
	padding-bottom:25px;
	padding-right:35px;
	padding-left:35px;
	color:#000000;
	font-size:20pt;
}

.floatingMsgCoreHeader
{
	color:#FF0000;
	font-weight:bold;
	display:table-cell; 
	vertical-align:middle;
	height:60px;
	font-size:30pt;
}

.closeBtn
{
	color:#FF0000;
	font-size:14pt;
}
.closeBtn:hover
{
	text-decoration:underline;
	cursor:pointer;
}

.unitLevelLv1
{
	background-image:URL('../Image/TOC/N_LEVEL_1.jpg');
	background-repeat:no-repeat;
}
.unitLevelLv2
{
	background-image:URL('../Image/TOC/N_LEVEL_2.jpg');
	background-repeat:no-repeat;
}
.unitLevelLv3
{
	background-image:URL('../Image/TOC/N_LEVEL_3.jpg');
	background-repeat:no-repeat;
}
.unitLevelLv4
{
	background-image:URL('../Image/TOC/N_LEVEL_4.jpg');
	background-repeat:no-repeat;
}
.unitLevelLv5
{
	background-image:URL('../Image/TOC/N_LEVEL_5.jpg');
	background-repeat:no-repeat;
}
.unitLevelLv6
{
	background-image:URL('../Image/TOC/N_LEVEL_6.jpg');
	background-repeat:no-repeat;
}
.unitLevelLv7
{
	background-image:URL('../Image/TOC/N_LEVEL_7.jpg');
	background-repeat:no-repeat;
}
.unitLevelLv8
{
	background-image:URL('../Image/TOC/N_LEVEL_8.jpg');
	background-repeat:no-repeat;
}
.unitLevelLv9
{
	background-image:URL('../Image/TOC/N_LEVEL_9.jpg');
	background-repeat:no-repeat;
}
.ExIcon
{
	cursor:pointer;
	padding: 0px 0px 0px 2px;
}
.TOCSubTitle{
}
.MainTitle{
	position:absolute;
	top:130px;
	left:286px;
	z-index:999;
}

#LO_UTFixed{
	position:absolute;
	top:101px;
	height:416px !important;
	overflow:hidden;
}
#LO_UTMove, #LO_TTMove{
	width:565px !important;
}
#LO_LBMove{
	width:530px !important;
}
#LO_LBFixed{
	width:560px !important;
	left:270px;
	height:303px !important;
	overflow:hidden;
	position:absolute;
	top:210px;
}
#LO_UTFixed{
	width:580px !important;
	left:270px;
}

.LO_optionBgTop{
	background-image:url('../Image/TOC/Option/optionBgTop.png');
	background-repeat:no-repeat;
	width:380px !important;
	height:13px !important;
}
.LO_optionBgButtom{
	background-image:url('../Image/TOC/Option/optionBgButtom.png');
	background-repeat:no-repeat;
	width:380px !important;
	height:13px !important;
}
.LO_optionBgMiddle{
	background-image:url('../Image/TOC/Option/optionBgMiddle.png');
	background-repeat:no-repeat;
	width:550px !important;
	height:43px !important;
	text-align: left;
	cursor: pointer;
}	
.LO_UnitCaption , .LO_Section{
	display:table-cell;
	padding:0px 5px 0px 15px;
	font-family:微軟正黑體;
}
.LO_Section{
    display: inline-block;
	width:200px !important;
	white-space: nowrap;
	overflow: hidden;
	float:left;
	color: #801212;
	cursor: pointer;
}
.LO_TOC_Unit{
	vertical-align:middle;
	color: #BF1F1F;
	font-size:30px;
    text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, -2px 2px 0px #fff, 2px 2px 0px #fff
				, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 1px 1px 0px #fff
				, -2px -1px 0px #fff, 2px -1px 0px #fff, -2px 1px 0px #fff, 2px 1px 0px #fff
				, -1px -2px 0px #fff, 1px -2px 0px #fff, -1px 2px 0px #fff, 1px 2px 0px #fff;
	width:auto;
}

.LO_UnitProcess{
}
.LO_OptionBtn {
	float:right;
}
.LO_OptionBtn img{
	display:inline;
	float:right;
	width:34px;
	height:34px;
}
.LO_option{	
	display:block;
	width:380px !important;
	margin:5px 5px 5px 5px;
	cursor:pointer;
	float:left;
}

.LO_LBBgTop{
	background-image:url('../Image/TOC/LeaderBoard/LBTopBg.png');
	background-repeat:no-repeat;
	width:530px !important;
	height:6px !important;
}

.LO_LBBgBottom{
	background-image:url('../Image/TOC/LeaderBoard/LBBottomBg.png');
	background-repeat:no-repeat;
	width:530px !important;
	height:6px !important;
}

.LO_LBBgMiddle{
	background-image:url('../Image/TOC/LeaderBoard/LBMiddleBg.png');
	width:530px !important;
	text-align:left;
}

.LO_LeaderBoardOption{
	display:block;
	float:left;
	width:530px !important;
	margin:5px 5px 5px 5px;
}

.FlowY{
	overflow-y:scroll;
	overflow-x:hidden;
}
#LO_TGMove{
	width:480px !important;
	padding:10px 10px 70px 10px;
}
#LO_TGFixed{
	width:560px !important;
	left:270px;
	height:328px !important;
	overflow:hidden;
	position:absolute;
	top:185px;
	text-align:left;
}

.LO_Mark{
	padding:0px 5px 0px 0px;
	overflow: visible;
    display: inline-block;
	float:right;
	width:50px !important;
	color:#ff0000;
}
/* swing 15 degree */
@-webkit-keyframes swing15 {
  0% { -webkit-transform: rotate(-15deg); }
  100% { -webkit-transform: rotate(15deg); }
}
@-moz-keyframes swing15 {
  0% { -moz-transform: rotate(-15deg); }
  100% { -moz-transform: rotate(15deg); }
}
@-o-keyframes swing15 {
  0% { -o-transform: rotate(-15deg); }
  100% { -o-transform: rotate(15deg); }
}
@-ms-keyframes swing15 {
  0% { -0-transform: rotate(-15deg); }
  100% { -o-transform: rotate(15deg); }
}
.swingObj{
	-webkit-animation: swing15 0.5s steps(10) infinite alternate;
	-moz-animation: swing15 0.5s steps(10) infinite alternate;
	-o-animation: swing15 0.5s steps(10) infinite alternate;
	-ms-animation: swing15 0.5s steps(10) infinite alternate;
}  

/* swing 5 degree */
@-webkit-keyframes swing5 {
  0% { -webkit-transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(5deg); }
}
@-moz-keyframes swing5 {
  0% { -moz-transform: rotate(-5deg); }
  100% { -moz-transform: rotate(5deg); }
}
@-o-keyframes swing5 {
  0% { -o-transform: rotate(-5deg); }
  100% { -o-transform: rotate(5deg); }
}
@-ms-keyframes swing5 {
  0% { -0-transform: rotate(-5deg); }
  100% { -o-transform: rotate(5deg); }
}
.swingObj5{
	-webkit-animation: swing5 1s steps(10) infinite alternate;
	-moz-animation: swing5 1s steps(10) infinite alternate;
	-o-animation: swing5 1s steps(10) infinite alternate;
	-ms-animation: swing5 1s steps(10) infinite alternate;
}  

/* swing 5 degree for horizontal label*/
@-webkit-keyframes HLabelSwing {
  0% { -o-transform: rotate(-2deg); -webkit-transform-origin:100px ;}
  100% { -webkit-transform: rotate(2deg); -webkit-transform-origin:-100px ;}

}
@-moz-keyframes HLabelSwing {
  0% { -o-transform: rotate(-2deg); -webkit-transform-origin:100px ;}
  100% { -moz-transform: rotate(2deg); -webkit-transform-origin:-100px ;}
}
@-o-keyframes HLabelSwing {
  0% { -o-transform: rotate(-2deg); -webkit-transform-origin:100px ;}
  100% { -o-transform: rotate(2deg); -webkit-transform-origin:-100px ;}
}
@-ms-keyframes HLabelSwing {
  0% { -o-transform: rotate(-2deg); -webkit-transform-origin:100px ;}
  100% { -o-transform: rotate(2deg); -webkit-transform-origin:-100px ;}
}
.HLabel{
	-webkit-animation: HLabelSwing 0.5s steps(10) infinite alternate;
	-moz-animation: HLabelSwing 0.5s steps(10) infinite alternate;
	-o-animation: HLabelSwing 0.5s steps(10) infinite alternate;
	-ms-animation: HLabelSwing 0.5s steps(10) infinite alternate;
}  

/* fadeIn */
@-webkit-keyframes fadeIn {
  from { opacity:0; -webkit-transform: scale(1.2,1.2); }
  to { opacity:1;-webkit-transform: scale(1,1); }
}
@-moz-keyframes fadeIn {
  from { opacity:0; -moz-transform: scale(1.2,1.2); }
  to { opacity:1;-moz-transform: scale(1,1); }
}
@-o-keyframes fadeIn {
  from { opacity:0; -o-transform: scale(1.2,1.2); }
  to { opacity:1;-o-transform: scale(1,1); }
}
@-ms-keyframes fadeIn {
  from { opacity:0; -ms-transform: scale(1.2,1.2); }
  to { opacity:1;-ms-transform: scale(1,1); }
}
.fadeIn{
	-webkit-animation: fadeIn 1s;
	-moz-animation: fadeIn 1s;
	-o-animation: fadeIn 1s;
	-ms-animation: fadeIn 1s;
}  

/* scale double */
@-webkit-keyframes scale2 {
  from { -webkit-transform: scale(1,1); }
  to { -webkit-transform: scale(1.2,1.2); }
}
@-moz-keyframes scale2 {
  from { -moz-transform: scale(1,1); }
  to { -moz-transform: scale(1.2,1.2); }
}
@-o-keyframes scale2 {
  from { -o-transform: scale(1,1); }
  to { -o-transform: scale(1.2,1.2); }
}
@-ms-keyframes scale2 {
  from { -ms-transform: scale(1,1); }
  to { -ms-transform: scale(1.2,1.2); }
}

#AniBalloon{
	position:absolute;
	top:300px;
	left:40px;
	/*-webkit-animation: AniBallonEffect 1s;
	-moz-animation: AniBallonEffect 1s;
	-o-animation: AniBallonEffect 1s;
	-ms-animation: AniBallonEffect 1s;
	-webkit-animation: HLabelSwing 2s steps(20) infinite alternate;
	-moz-animation: HLabelSwing 2s steps(20) infinite alternate;
	-o-animation: HLabelSwing 2s steps(20) infinite alternate;
	-ms-animation: HLabelSwing 2s steps(20) infinite alternate;*/
}
/* scale double */
@-webkit-keyframes AniBallonEffect {
  from { opacity:0;left:0px;top:150px; }
  to { opacity:1;left:40px;top:130px; }
}
@-moz-keyframes AniBallonEffect {
  from { opacity:0;left:0px;top:150px; }
  to { opacity:1;left:40px;top:130px; }
}
@-o-keyframes AniBallonEffect {
  from { opacity:0;left:0px;top:150px; }
  to { opacity:1;left:40px;top:130px; }
}
@-ms-keyframes AniBallonEffect {
  from { opacity:0;left:0px;top:150px; }
  to { opacity:1;left:40px;top:130px; }
}


.MainTitleAmine{
	-webkit-animation: MainTitleAmine 1s;
	-moz-animation: MainTitleAmine 1s;
	-o-animation: MainTitleAmine 1s;
	-ms-animation: MainTitleAmine 1s;
}
/* MainTitleAmine */
@-webkit-keyframes MainTitleAmine {
  from { top:50px; opacity:0;}
  to { top:130px; opacity:1;}
}
@-moz-keyframes MainTitleAmine {
  from { top:50px; opacity:0;}
  to { top:130px; opacity:1;}
}
@-o-keyframes MainTitleAmine {
  from { top:50px; opacity:0;}
  to { top:130px; opacity:1;}
}
@-ms-keyframes MainTitleAmine {
  from { top:50px; opacity:0;}
  to { top:130px; opacity:1;}
}

.MainContentAmine{
	-webkit-animation: MainContentAmine 1s;
	-moz-animation: MainContentAmine 1s;
	-o-animation: MainContentAmine 1s;
	-ms-animation: MainContentAmine 1s;
}
/* MainContentAmine */
@-webkit-keyframes MainContentAmine {
  from {opacity:0;}
  to {opacity:1;}
}
@-moz-keyframes MainContentAmine {
  from {opacity:0;}
  to {opacity:1;}
}
@-o-keyframes MainContentAmine {
  from {opacity:0;}
  to {opacity:1;}
}
@-ms-keyframes MainContentAmine {
  from {opacity:0;}
  to {opacity:1;}
}

.sprite-A_C {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -1px -1px;
	cursor: pointer;
}

.sprite-A_O {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -43px -1px;
	cursor: pointer;
}

.sprite-AchIcon {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 100px;
    height: 100px;
    background-position: -85px -1px;
	cursor: pointer;
}

.sprite-Board {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 230px;
    height: 83px;
    background-position: -187px -1px;
	cursor: pointer;
}

.sprite-D_C {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -1px -86px;
	cursor: pointer;
}

.sprite-D_O {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -43px -86px;
	cursor: pointer;
}

.sprite-G_C {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -187px -86px;
	cursor: pointer;
}

.sprite-G_O {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -229px -86px;
	cursor: pointer;
}

.sprite-Icon-ExAll {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 86px;
    height: 86px;
    background-position: -271px -86px;
	cursor: pointer;
}

.sprite-Icon-ExC {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 86px;
    height: 86px;
    background-position: -359px -86px;
	cursor: pointer;
}

.sprite-Icon-ExNew {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 86px;
    height: 86px;
    background-position: -1px -174px;
	cursor: pointer;
}

.sprite-Icon-PTH {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 86px;
    height: 86px;
    background-position: -89px -174px;
	cursor: pointer;
}

.sprite-L_C {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -177px -174px;
	cursor: pointer;
}

.sprite-L_O {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -219px -174px;
	cursor: pointer;
}

.sprite-ONTIME {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 160px;
    height: 80px;
    background-position: -261px -174px;
	cursor: pointer;
}

.sprite-Obj {
    background-image: url(tran.png);
    background-repeat: no-repeat;
    display: block;
    /* width: 230px;
    height: 81px; */
	cursor: pointer;
    /* background-position: -177px -256px; */
}

.sprite-R_C {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -409px -256px;
	cursor: pointer;
}

.sprite-E_O {
    background-image: url(E_O.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
	cursor: pointer;
}

.sprite-E_C {
    background-image: url(E_C.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
	cursor: pointer;
}

.sprite-R_O {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -1px -298px;
	cursor: pointer;
}
.sprite-TOTAL {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 160px;
    height: 80px;
    background-position: -43px -339px;
	cursor: pointer;
}

.sprite-TSAA_C {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -409px -298px;
	cursor: pointer;
}

.sprite-TSAA_O {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -1px -340px;
	cursor: pointer;
}

.sprite-TSAL_C {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -205px -340px;
	cursor: pointer;
}

.sprite-TSAL_O {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -247px -340px;
	cursor: pointer;
}

.sprite-TSAR_C {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -289px -340px;
	cursor: pointer;
}

.sprite-TSAR_O {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -331px -340px;
	cursor: pointer;
}

.sprite-btnLogout {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 100px;
    height: 100px;
    background-position: -447px -1px;
	cursor: pointer;
}

.sprite-btnObj {
    background-image: url(edbarticle.png);
    background-repeat: no-repeat;
    display: block;
    width: 100px;
    height: 100px;
	padding-right: 20px;
     /* background-position: -447px -103px;
	cursor: pointer; */
}

.sprite-btnPlatforms {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 100px;
    height: 100px;
    background-position: -451px -205px;
	cursor: pointer;
}

.sprite-infoBg {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 205px;
    height: 35px;
    background-position: -205px -382px;
	cursor: pointer;
}

.sprite-tiger {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 100px;
    height: 100px;
    background-position: -451px -307px;
	cursor: pointer;
}

.sprite-toc {
    background-image: url(chidicons2.png);
    background-repeat: no-repeat;
    display: block;
    width: 230px;
    height: 83px;
    background-position: -205px -419px;
	cursor: pointer;
}

#divVIPBtn{
    background-image: url(../image/ABCHeros/btnVIP.png);
	width: 100px;
	height: 100px;
}

.sprite-vip{
    background-image: url(../Image/vip/titleVIP.png);
	width: 130px;
	height: 40px;
	background-size: 100% 100%;
}