body {
	color:#9d4b07;
	font-family:Source Sans Pro, "Microsoft Yahei","微软雅黑", SimSun, "宋体", "FangSong", "仿宋", STXihei, "华文细黑", sans-serif;
	font-size:12px;
}
.viewer-wrapper {
	width:90%;
	margin:4% auto;
	font-size:26px;
}
.header-type {
	color:#9f8c79;
	font-size:24px;
}
.header-title {
	width:75%;
	line-height:30px;
}
.btn {
	margin:50px auto;
	padding:10px 20px;
	border:outset #990;
	border-radius:5%;
	font-size:24px;
}
.btn .fa {
	font-size:30px;
}
.viewer-wrapper hr {
	width:400px;
	margin-left:0;
}
.lesson-data {
	width:75%;
	padding-left:30px;
	margin-bottom:18px;
	font-size:20px;
	font-weight:normal;
	line-height:24px;
}
.lesson-data:before {
	display:block;
	color:#9f8c79;
	font-size:20px;
}
.instruction {width:65%;}
.instruction:before {font-variant:small-caps;}
.instruction:after {
	width:100%;
	display:block;
	font-size:22px;
	line-height:24px;
}

/* cover page ***********************************************/
.cover {
	width:83%;
	margin-top:18%;
	text-align:center;
	line-height:36px;
}
.cover-no {
	color:#9f8c79;
	font-size:36px;
	font-variant:small-caps;
}
.cover-title {
	margin-top:20px;
	margin-bottom:50px;
}
.cover .lesson-data {
	width:90%;
	line-height:26px;
}

/* video */
.video-title {width:65%;}
video {
	margin-top:50px;
	width:80%;
	border:inset;
	border-radius:2%;
	background:url(/_common/img-media.jpg) no-repeat;
}

/* cover back *********************************************/
.cover-back {
	width:50%;
	margin: 40% auto;
}
.cover-back:before {
	font-size:52px;
	font-weight:bold;
	font-variant:small-caps;
}

/* iframe ************************************************/
.iframe {
	margin-top:10px;
	margin-left:50px;
	width:70%;
	height:600px;
	overflow: auto !important;
	-webkit-overflow-scrolling:touch !important;
}
iframe {
	width:100%;
	height:100%;
	display:block;
	border:outset;
	background:#FFF;
	overflow: scroll !important;
	-webkit-overflow-scrolling:touch !important;
}
.btn-inline {
	display:inline;
	margin-left:20px;
	padding:2px 15px;
}
.btn-inline .fa {font-size:24px;}

@media only screen and (min-width: 1200px) {
	.iframe {height:750px;}
}

/* paper details */
.form-exam input {
	width:300px;
	color:#666;
	font-size:20px;
	padding:16px 20px;
}
.label-score:after {content:'%'}

/* language adaptation */
.label-demo:before						{content:'For Demo Only ';}
.label-lesson:before					{content:'Lesson ';}
.label-module:before					{content:'Module ';}
.label-lesson-end:before				{content:'End of Lesson';}
.label-lesson-note:after				{content:'Lesson Notes';}
.label-description:before				{content:'Description'}
.label-expiry:before					{content:'Expired On'}
.label-duration:before					{content:'Duration';}
.label-day:before						{content:' days'}
.label-minute:before					{content:' minutes '}
.label-time-alloted:before				{content:'Time Allocated';}
.label-score:before						{content:'Weighted Score';}
.label-english:after					{content:'English';}
.label-chinese:after					{content:'中文';}
.label-start-paper:after				{content:'Start Paper';}
.label-unlock-exam:after				{content:'Unlock Exam';}
.label-view-paper:after 				{content:'Print Coursework';}
.label-upload:after		 				{content:'Please wait a day for Upload';}
.label-instruction:before				{content:'Instruction';}
.label-instruct-online-paper:after		{content:'This is a practice or assignment paper. You will have only 14 days to complete once the paper is started.';}
.label-instruct-online-exam:after		{content:'This is a practice or assignment paper. You will have only 14 days to complete once the paper is started.';}
.label-instruct-view-paper:after		{content:'This is a practice or assignment paper. You will have only 14 days to complete once the paper is started.';}
.label-instruct-video:after				{content:'This is a practice or assignment paper. You will have only 14 days to complete once the paper is started.';}
.label-instruct-pdf:after				{content:'This is a practice or assignment paper. You will have only 14 days to complete once the paper is started.';}
.label-instruct-weblink:after			{content:'This is a practice or assignment paper. You will have only 14 days to complete once the paper is started.';}

.cn .label-demo:before					{content:'仅演示';}
.cn .label-lesson:before				{content:'课堂 ';}
.cn .label-module:before				{content:'单元 ';}
.cn .label-lesson-end:before			{content:'课程结束';}
.cn .label-lesson-note:after			{content:'课程笔记';}
.cn .label-description:before			{content:'描述'}
.cn .label-expiry:before				{content:'提交作业期限'}
.cn .label-expiry:after					{content:' 天'}
.cn .label-duration:before				{content:'课程学期';}
.cn .label-day:before					{content:' 天'}
.cn .label-minute:before				{content:' 分钟'}
.cn .label-time-alloted:before			{content:'测定时间'}
.cn .label-score:before					{content:'加权分数';}
.cn .label-start-paper:after			{content:'作业开始';}
.cn .label-unlock-exam:after			{content:'考试解锁';}
.cn .label-view-paper:after 			{content:'浏览作业';}
.cn .label-upload:after		 			{content:'文件上传-需等一天';}
.cn .label-instruction:before			{content:'指示'}
.cn .label-instruct-online-paper:after	{content:'This is a practice or assignment paper. You will have only 14 days to complete once the paper is started.';}
.cn .label-instruct-online-exam:after	{content:'This is a practice or assignment paper. You will have only 14 days to complete once the paper is started.';}
.cn .label-instruct-view-paper:after	{content:'This is a practice or assignment paper. You will have only 14 days to complete once the paper is started.';}
.cn .label-instruct-video:after			{content:'This is a practice or assignment paper. You will have only 14 days to complete once the paper is started.';}
.cn .label-instruct-pdf:after			{content:'This is a practice or assignment paper. You will have only 14 days to complete once the paper is started.';}
.cn .label-instruct-weblink:after		{content:'This is a practice or assignment paper. You will have only 14 days to complete once the paper is started.';}

/* pronunciation *********************************************************************/
#pronunciation{
	margin:0 auto;
	width: 300px;
	background-color:#FFF;
	padding:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
#pronunciation #instruction{
	padding: 0px 0px 20px 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
#pronunciation #term{
	margin:5px 10px;
	width:auto;
	padding: 0px 10px;
	float:left;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	background-color:#063;
	color:#CCC;
	line-height:20px;
	box-shadow:1px 1px 1px #000;
	text-shadow:1px 1px 1px #000;
}
#pronunciation #sound{
	margin:0px;
	padding:0px 0px 0px 10px;
	float:left;
}
audio{
	width:50px;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
	-moz-box-shadow: 2px 2px 4px 0px #063;
	-webkit-box-shadow:  2px 2px 4px 0px #063;
	box-shadow: 2px 2px 4px 0px #063;
	-moz-border-radius:7px 7px 7px 7px ;
	-webkit-border-radius:7px 7px 7px 7px ;
	border-radius:7px 7px 7px 7px ;
}
audio:hover, audio:focus, audio:active{
	-webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
	-moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
	box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}
#pronunciation #definition{
	padding:10px 20px 30px 50px;
	clear:both;
	color:#000;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
}
#pronunciation #ctype{
	padding:0px;
	color:#063;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	text-decoration:underline;
}