@font-face {
    font-family: 'harabarahanditalic';
    src: url('../../fonts/harabarahand-webfont.eot');
    src: url('../../fonts/harabarahand-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/harabarahand-webfont.woff2') format('woff2'),
         url('../../fonts/harabarahand-webfont.woff') format('woff'),
         url('../../fonts/harabarahand-webfont.ttf') format('truetype'),
         url('../../fonts/harabarahand-webfont.svg#harabarahanditalic') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
	font-family: 'ChineseFont';
	src: url('../../fonts/sfshaifontai-bold-webfont.eot');
	src: url('../../fonts/sfshaifontai-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../../fonts/sfshaifontai-bold-webfont.woff2') format('woff2'),
		 url('../../fonts/sfshaifontai-bold-webfont.woff') format('woff'),
		 url('../../fonts/sfshaifontai-bold-webfont.ttf') format('truetype'),
		 url('../../fonts/sfshaifontai-bold-webfont.svg#sf_shai_fontaibold') format('svg');
	font-weight: normal;
	font-style: normal;
}

.zoom_over
{
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   

}
.zoom_over:hover
{
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(0.95);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(0.85);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(0.95);
    transition: all 200ms ease-in;
    transform: scale(0.95);
}

.btn {
	margin-bottom:10px;
	margin-top:10px;
	border-radius: 15px;
}
.mainfont {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size:200%;
}
.handredfont {
	font-family: harabarahanditalic;
	color: red;
}
.handfont {
	font-family: harabarahanditalic;
	color: black;
}
.wallpaper {
	-webkit-transition:all linear 0.25s;
	transition:all linear 0.25s;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	border-radius: 15px;
	background-image: url(../../images/symphony.png);
}
.wallpaper.ng-hide {
	opacity:0;
	transform: scale(0,1);
}
.shadow {
	box-shadow: 6px 6px 20px #888888;
}
.module {
	-webkit-transition:all linear 0.25s;
	transition:all linear 0.25s;
	padding: 10px;
}
.module.ng-hide {
	opacity:0;
	transform: scale(0,0);
}
.bchinese {
	vertical-align: text-middle;
	font-family: ChineseFont;
	margin: 13px;
	font-size:200%;
}
.mchinese {
	vertical-align: text-middle;
	font-family: ChineseFont;
	margin: 13px;
	font-size:125%;
}
.schinese {
	vertical-align: text-middle;
	font-family: ChineseFont;
	margin: 13px;
}
.question {
	font-style: italic;
}
.good {
	background-color: yellow;
}
.wrong {
	text-decoration: line-through;
}
.padding {
	padding: 10px;
}
.spadding {
	padding: 4px;
}
.bordered {
	border-style: solid;
	border-width: 1px;
	padding: 4px;
	border-radius: 10px;
	background-color: white;
}
.whitemargin {
	padding: 4px;
	border-radius: 10px;
	background-color: white;
	opacity: .7;
}
.module {
	color: white;
	border-radius: 10px;
	padding: 8px;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:link {
    text-decoration: none;
}