#app {
	background: #54aff5;
	background: -moz-linear-gradient(top, #54aff5 0%, #61d8e8 100%);
	background: -webkit-linear-gradient(top, #54aff5 0%,#61d8e8 100%);
	background: linear-gradient(to bottom, #54aff5 0%,#61d8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54aff5', endColorstr='#61d8e8',GradientType=0 );
}

/**
 * intro
 */
.intro .content {
	background-color: #0083d4;
}
.intro .header .btn {
	background-color: #007fcd;
}

/**
 * term
 */
.term .desc {margin-top: 20px; text-align: center;}

/**
 * tab
 */
.tab .current button {background-color: #007cc7;}

/**
 * header
 */
#header .current {color: #2ca3ec;}

/**
 * footer
 */
#footer .nav .current {color: #3fc8c9;}

/**
 * common
 */
.intro .header h2,
.exercise .tit {
	border-left: 1px solid #4da8e1;
	border-top: 1px solid #4da8e1;
	background-color: #0081d1;
}
.exercise .tit:before {border-color: #4da8e1 transparent transparent transparent;}
.exercise .tit:after {border-color: #0081d1 transparent transparent transparent;}
.layer-wrap.professor dt,
.objectives dt {
	border-left: 1px solid #4da4da;
	border-top: 1px solid #4da4da;
	background-color: #0079c3;
}
.exercise .confirm {color: #2ca3ec;}
.button {
	border-left: 1px solid #4da8e1;
	border-top: 1px solid #4da8e1;
	background: #0082d3;
	background: -moz-linear-gradient(top, #0082d3 0%, #036fb1 100%);
	background: -webkit-linear-gradient(top, #0082d3 0%,#036fb1 100%);
	background: linear-gradient(to bottom, #0082d3 0%,#036fb1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0082d3', endColorstr='#036fb1',GradientType=0 );
}
.layer-reference .title {
	border-left: 1px solid #4da4da;
	border-top: 1px solid #4da4da;
	background-color: #0079c3;
}
.step-wrap .step strong {
	background-color: #1a242d;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.13), inset 1px 1px rgba(255,255,255,.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.13), inset 1px 1px rgba(255,255,255,.3);
	box-shadow: 0 0 10px rgba(0,0,0,.13), inset 1px 1px rgba(255,255,255,.3);
	background-image: -webkit-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: -moz-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: -o-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: -ms-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: linear-gradient(to top, #0079c3, #0083d4);
}
.site-guide .screen .btn,
.site-guide .composition .index {
	background-color: #0081d0;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.13), inset 1px 1px rgba(255,255,255,.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.13), inset 1px 1px rgba(255,255,255,.3);
	box-shadow: 0 0 10px rgba(0,0,0,.13), inset 1px 1px rgba(255,255,255,.3);
	background-image: -webkit-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: -moz-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: -o-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: -ms-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: linear-gradient(to top, #0079c3, #0083d4);
}
.opinion .title {
	background-color: #0083d4;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.13), inset 1px 1px rgba(255,255,255,.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.13), inset 1px 1px rgba(255,255,255,.3);
	box-shadow: 0 0 10px rgba(0,0,0,.13), inset 1px 1px rgba(255,255,255,.3);
	background-image: -webkit-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: -moz-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: -o-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: -ms-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: linear-gradient(to top, #0079c3, #0083d4);
}
.check .title {
	background-color: #0083d4;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.13), inset 1px 1px rgba(255,255,255,.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.13), inset 1px 1px rgba(255,255,255,.3);
	box-shadow: 0 0 10px rgba(0,0,0,.13), inset 1px 1px rgba(255,255,255,.3);
	background-image: -webkit-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: -moz-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: -o-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: -ms-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: linear-gradient(to top, #0079c3, #0083d4);
}

.next-lecture .list .current .num {
	color: #fff;
	background-color: #1a242d;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.13), inset 1px 1px rgba(255,255,255,.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.13), inset 1px 1px rgba(255,255,255,.3);
	box-shadow: 0 0 10px rgba(0,0,0,.13), inset 1px 1px rgba(255,255,255,.3);
	background-image: -webkit-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: -moz-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: -o-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: -ms-linear-gradient(bottom, #0079c3, #0083d4);
	background-image: linear-gradient(to top, #0079c3, #0083d4);
}
.next-lecture .list .current .title {
	color: #2ca3ec;
}
.next-lecture .next strong {
	color: #2ca3ec;
}
.theorem .tab-contents .title {
	color: #2ca3ec;
}
.router-link-active {
	color: #2ca3ec;
}