* {
	cursor: default;
}
body{
	margin:0px;
	background-color: rgb(237,237,237);
    height: 100%;
}
#bar{
    position: fixed;
    width: 100%;
    z-index: 99;
	padding: 8px 10px;
	background-color: #e1e1e1;
	box-shadow: 0 0 10px 3px #6c6c6c;
}
#lgo{
	height:26px;
	width:175px;
    cursor: pointer;
}
.lgmg{
	background-image: url(title.svg);
    background-repeat: no-repeat;
}
@font-face {
	font-family: Fascinate-Regular;
	src: url(Fascinate-Regular.ttf);
	font-display: swap;
}
#copyright{
    position: absolute;
    width: 100%;
    bottom: 15px;
}
.ar *{
	font-family:Microsoft JhengHei;
}
.tt{
	font-family:Fascinate-Regular;
	font-size:64px;
}
.ff{
	font-size:28px;
}
.aa {
    animation-name:ssa;
    animation-duration:0.5s;
}
@keyframes ssa{
    0%  { opacity: 0; }
    50% { opacity: 0; }
    70% { opacity: 1; }
    90% { opacity: 0; }
    100%{ opacity: 1; }
}
.bb {
    animation-name:ssb;
    animation-duration:0.5s;
}
@keyframes ssb{
    0%  { padding: 0px 20px 0px 0px;}
    25% { padding: 0px 0px 0px 20px;}
    50% { padding: 0px 20px 0px 0px;}
    75% { padding: 0px 0px 0px 20px;}
    100%{ padding: 0px 0px 0px 0px; }
}