body {font-size: 1.475em;}
.container-fluid {padding-left: 1% !important; text-align: center !important;}
.navbar {margin-bottom: 5px !important;}
.navbar-collapse {padding-left: 0 !important; padding-right: 0 !important;}
.navbar-nav li {font-size: 1.25em !important; text-align: center !important; vertical-align: middle !important;}
.navbar-nav li a {line-height: 1.25em !important;}
.navbar-nav>li>a,.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {border:1px solid silver;}
.chinese {font-family: "微軟正黑體", "Microsoft JhengHei",  Tahoma , Verdana , Arial , sans-serif;}
.box {margin: 0.75% 0.75% 0.25em 0.75%; padding: 0.25%; text-align: center; display: inline-block; font-size: 1.5em;}
.character {font-size: 1.75em;}
.btn-nav {line-height: .75em;}
.btn-huge {font-size: 100% !important;}
audio {display: none;}
.imgContainer {text-align: center;}
.green {background-color: green; color: white;}
.red {background-color: red; color: white;}
.blue {background-color: blue; color: white;}
.black {background-color: black; color: white;}
.white-top {border-top: 1px solid black;border-left: 1px solid black;border-right: 1px solid black;}
.white-bottom {border-bottom: 1px solid black;border-left: 1px solid black;border-right: 1px solid black;}
.orange {background-color: orange;}
.yellow {background-color: yellow;}
.pink {background-color: pink;}
.purple {background-color: purple; color: white;}
.grey {background-color: grey; color: white;}
.brown {background-color: brown; color: white;}
.gold {background-color: gold;}
.silver {background-color: silver;}
table.dynasty, table.radical {vertical-align: middle !important;}
table.dynasty td {padding: .15em .5em .15em .5em !important;}
table.radical td {border: 1px solid silver !important; padding: .15em .5em .15em .5em !important;}
table.radical td:first-child, table.radical th:first-child, table.radical td:nth-child(2) {font-size: 3em;}
td {text-align: center;}
th {text-align: center;}
table.lions td {text-align: left;}
table.lions td:first-child {font-size: 2em;}
.lions {font-size: 2em;}
.lions p {margin-bottom: 1em;}
.lions button {margin-bottom: 5px;}
.compass td {padding: .25em 1em .25em 1em;}
.directions {display: inline-block;}
.dev {color: silver !important;}
.breadcrumb-title {clear: both; margin-bottom: 5px; width: 10em; float: left;}
.breadcrumb-buttons {margin-bottom: 5px; float: left;}
.breadcrumbbtn {margin-top: 0.5em; margin-bottom: 0.25em;}
@media all and (min-width:737px){
	.breadcrumb-title {clear: none !important; margin-top: 10px !important; margin-bottom: 10px !important; float: left !important; padding-right: .25em !important; margin-left: 1em !important; width: auto !important;}
	.breadcrumb-buttons {clear: none !important; margin-top: 10px !important; margin-bottom: 10px !important; float: left !important; padding-right: 1em !important;}
	.breadcrumbbtn {margin-top: 0.5em !important; margin-bottom: 0 !important;}
}
.pinyin {font-size: 1.5em !important; margin-top: 3px !important; width: 4.5em;}
.address {padding: 0.5em; margin: 0.5em; border: 1px dotted silver;}
.pinyincontainer {margin-top: 1em;}
.pinyindiv {float: left; display: inline-block;}
.practicebuttons button{margin: 3px; padding: 3px !important;}
button.btn-huge {min-width: 1.75em;}
.pinyinspacer {float: left; display: inline-block; margin-right: 1em;}
.desc {font-size: 1.1em; width: 4.5em; line-height: 1.75em;}
table.pinyin {width: 100%; vertical-align: middle;}
table.pinyin th {background-color: silver;}
table.pinyin th, table.pinyin td {border: 1px solid silver; text-align: center; vertical-align: middle;}
table.pinyin tr:nth-child(even) {background-color: #f2f2f2;}
.stroke {padding-bottom: 1em;}
.loadlesson {font-size:.75em !important;}
table.numbers th, table.numbers td {width: 10%;}
table.numbers {width: 100%;}
table.numbers button {width: 100%;}
table.initials td {padding: .15em .5em .15em .5em !important; text-align: left;}
div.row {margin-bottom: .25em !important;}
div.col {margin-bottom: .25em !important; text-align: left !important;}
div.exerciseContainer {padding: 1%;}
span.exerNum {min-width: 2em; float: left; text-align: right; padding-right:.25em;}
span.exerPre {width: 3.25em; float: left; padding-top: .25em; text-align: right;}
span.exerTxt {width: 3.25em; float: left; padding-top: .25em;}
span.exerSuf {width: 3.25em; float: left; padding-top: .25em;}
span.exerRad {width: 9.75em; float: left;}
div.exerTones {clear: both; float: left; margin-bottom: 1em;}
div.exerTones label {font-size:125%;}
input.txtbox {width: 3em; border-top: 1px solid #fff; border-bottom: 1px solid #000; border-left: 1px solid #fff; border-right: 1px solid #fff; background-color: #DCDCDC;}
#instructions {padding-top: 1em;}
.audioLesson {width: 100%; margin: 1% auto;}
.pyn {color:purple;}
.eng {color:green;}