@import url(//www.51lecture.com/css/font/css/font-awesome.min.css);
/*@import url(https://www.51lecture.com/css/font-awesome.min.css);*/
.fa{color:white;cursor: pointer;width: 40px;height:28px;margin: 0px 20px 0px 20px;padding-top:12px;display: inline-block;position:relative;border-radius: 20px;background-color: #008b8b;}
.fa:after{content:attr(title);width:200%;position: absolute;top:110%;left:-50%;font-size: 50%;color:white;font-weight: bold;} 
.fa-big{width: 60px;height:42px;margin: 0px 20px 0px 20px;padding-top:18px;border-radius: 30px;}
.fa-big:after{content:attr(title);width:200%;position: absolute;top:110%;left:-50%;font-size: 50%;color:white;font-weight: bold;} 
div.headerBar{width:100%;height: 45px;vertical-align:middle;text-align: center;
	background-color:#00193A;
	border-bottom: 1px solid #336699;
	font-size: 20px;color:white;}
span.back{color:white;float:left;background: none;margin-left:0px;}
span.header{display:block;padding-top:8px;margin-right: 35px;color:white;font-size:25px;font-weight: bold;}
span.marker{background-color: green;color:green;float: left;display: block;width:0px;height:24px;margin:5px 0px 0px 5px;padding:5px 0px 5px 5px;}
span.title{display:block;width:180px;height:24px;margin:5px 0px 0px 10px;padding:5px;background-color: orange;color:white;font-size:21px;border-radius: 0px 10px 0px 0px;}
div.text{display:block;min-height:100px;padding:5px;border:1px solid green;margin:0px 5px 0px 5px;vertical-align: top;}
div.product{text-align:left;padding-top:5px;padding-bottom: 10px;overflow: auto; -webkit-overflow-scrolling: touch;}
img.product{max-width: 300px;}