/*! * Bootstrap v3.4.1 (https: //getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https: //github.com/twbs/bootstrap/blob/master/LICENSE)*/
	/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css*/
	@import"//fonts.googleapis.com/css?family=Roboto: 300,400,500|Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp";
	@import"//fonts.googleapis.com/earlyaccess/notosanstc.css";
	@import"https: //fonts.googleapis.com/css2?family=Noto+Sans: ital,wght@0,100;
	0,200;
	0,300;
	0,400;
	0,500;
	0,600;
	0,700;
	0,800;
	0,900;
	1,100;
	1,200;
	1,300;
	1,400;
	1,500;
	1,600;
	1,700;
	1,800;
	1,900&display=swap";
	html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display: block
}
audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline
}
audio: not([controls]) {
	display: none;
	height: 0
}
[hidden],template {
	display: none
}
a {
	background-color: transparent
}
a: active,a: hover {
	outline: 0
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	-moz-text-decoration: underline dotted;
	text-decoration: underline dotted
}
b,strong {
	font-weight: bold
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
img {
	border: 0
}
svg: not(: root) {
	overflow: hidden
}
figure {
	margin: 1em 40px
}
hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
pre {
	overflow: auto
}
code,kbd,pre,samp {
	font-family: monospace,monospace;
	font-size: 1em
}
button,input,optgroup,select,textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button,select {
	text-transform: none
}
button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled],html input[disabled] {
	cursor: default
}
button: : -moz-focus-inner,input: : -moz-focus-inner {
	border: 0;
	padding: 0
}
input {
	line-height: normal
}
input[type=checkbox],input[type=radio] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}
input[type=number]: : -webkit-inner-spin-button,input[type=number]: : -webkit-outer-spin-button {
	height: auto
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
input[type=search]: : -webkit-search-cancel-button,input[type=search]: : -webkit-search-decoration {
	-webkit-appearance: none
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto
}
optgroup {
	font-weight: bold
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td,th {
	padding: 0
}
/*! Source: https: //github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css*/
	@media print {
	*,*: before,*: after {
	color: #000 !important;
	text-shadow: none !important;
	background: transparent !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}
a,a: visited {
	text-decoration: underline
}
a[href]: after {
	content: " (" attr(href) ")"
}
abbr[title]: after {
	content: " (" attr(title) ")"
}
a[href^="#"]: after,a[href^="javascript: "]: after {
	content: ""
}
pre,blockquote {
	border: 1px solid #999;
	page-break-inside: avoid
}
thead {
	display: table-header-group
}
tr,img {
	page-break-inside: avoid
}
img {
	max-width: 100% !important
}
p,h2,h3 {
	orphans: 3;
	widows: 3
}
h2,h3 {
	page-break-after: avoid
}
.navbar {
	display: none
}
.btn>.caret,.dropup>.btn>.caret {
	border-top-color: #000 !important
}
.label {
	border: 1px solid #000
}
.table {
	border-collapse: collapse !important
}
.table td,.table th {
	background-color: #fff !important
}
.table-bordered th,.table-bordered td {
	border: 1px solid #ddd !important
}
}@font-face {
	font-family: "Glyphicons Halflings";
	src: url("../fonts/glyphicons-halflings-regular.eot");
	src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"),url("../fonts/glyphicons-halflings-regular.woff") format("woff"),url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"),url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg")
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
*: before,*: after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff
}
input,button,select,textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}
a {
	color: #337ab7;
	text-decoration: none
}
a: hover,a: focus {
	color: #23527c;
	text-decoration: underline
}
a: focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
figure {
	margin: 0
}
img {
	vertical-align: middle
}
.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img {
	display: block;
	max-width: 100%;
	height: auto
}
.img-rounded {
	border-radius: 6px
}
.img-thumbnail {
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto
}
.img-circle {
	border-radius: 50%
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.sr-only-focusable: active,.sr-only-focusable: focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto
}
[role=button] {
	cursor: pointer
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {
	font-weight: 400;
	line-height: 1;
	color: #777
}
h1,.h1,h2,.h2,h3,.h3 {
	margin-top: 20px;
	margin-bottom: 10px
}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small {
	font-size: 65%
}
h4,.h4,h5,.h5,h6,.h6 {
	margin-top: 10px;
	margin-bottom: 10px
}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small {
	font-size: 75%
}
h1,.h1 {
	font-size: 36px
}
h2,.h2 {
	font-size: 30px
}
h3,.h3 {
	font-size: 24px
}
h4,.h4 {
	font-size: 18px
}
h5,.h5 {
	font-size: 14px
}
h6,.h6 {
	font-size: 12px
}
p {
	margin: 0 0 10px
}
.lead {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4
}
@media(min-width: 768px) {
	.lead {
	font-size: 21px
}
}small,.small {
	font-size: 85%
}
mark,.mark {
	padding: .2em;
	background-color: #fcf8e3
}
.text-left {
	text-align: left
}
.text-right {
	text-align: right
}
.text-center {
	text-align: center
}
.text-justify {
	text-align: justify
}
.text-nowrap {
	white-space: nowrap
}
.text-lowercase {
	text-transform: lowercase
}
.text-uppercase {
	text-transform: uppercase
}
.text-capitalize {
	text-transform: capitalize
}
.text-muted {
	color: #777
}
.text-primary {
	color: #337ab7
}
a.text-primary: hover,a.text-primary: focus {
	color: #286090
}
.text-success {
	color: #3c763d
}
a.text-success: hover,a.text-success: focus {
	color: #2b542c
}
.text-info {
	color: #31708f
}
a.text-info: hover,a.text-info: focus {
	color: #245269
}
.text-warning {
	color: #8a6d3b
}
a.text-warning: hover,a.text-warning: focus {
	color: #66512c
}
.text-danger {
	color: #a94442
}
a.text-danger: hover,a.text-danger: focus {
	color: #843534
}
.bg-primary {
	color: #fff;
	background-color: #337ab7
}
a.bg-primary: hover,a.bg-primary: focus {
	background-color: #286090
}
.bg-success {
	background-color: #dff0d8
}
a.bg-success: hover,a.bg-success: focus {
	background-color: #c1e2b3
}
.bg-info {
	background-color: #d9edf7
}
a.bg-info: hover,a.bg-info: focus {
	background-color: #afd9ee
}
.bg-warning {
	background-color: #fcf8e3
}
a.bg-warning: hover,a.bg-warning: focus {
	background-color: #f7ecb5
}
.bg-danger {
	background-color: #f2dede
}
a.bg-danger: hover,a.bg-danger: focus {
	background-color: #e4b9b9
}
.page-header {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #eee
}
ul,ol {
	margin-top: 0;
	margin-bottom: 10px
}
ul ul,ol ul,ul ol,ol ol {
	margin-bottom: 0
}
.list-unstyled {
	padding-left: 0;
	list-style: none
}
.list-inline {
	padding-left: 0;
	list-style: none;
	margin-left: -5px
}
.list-inline>li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px
}
dl {
	margin-top: 0;
	margin-bottom: 20px
}
dt,dd {
	line-height: 1.42857143
}
dt {
	font-weight: 700
}
dd {
	margin-left: 0
}
@media(min-width: 768px) {
	.dl-horizontal dt {
	float: left;
	width: 160px;
	clear: left;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.dl-horizontal dd {
	margin-left: 180px
}
}abbr[title],abbr[data-original-title] {
	cursor: help
}
.initialism {
	font-size: 90%;
	text-transform: uppercase
}
blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 5px solid #eee
}
blockquote p: last-child,blockquote ul: last-child,blockquote ol: last-child {
	margin-bottom: 0
}
blockquote footer,blockquote small,blockquote .small {
	display: block;
	font-size: 80%;
	line-height: 1.42857143;
	color: #777
}
blockquote footer: before,blockquote small: before,blockquote .small: before {
	content: "— "
}
.blockquote-reverse,blockquote.pull-right {
	padding-right: 15px;
	padding-left: 0;
	text-align: right;
	border-right: 5px solid #eee;
	border-left: 0
}
.blockquote-reverse footer: before,blockquote.pull-right footer: before,.blockquote-reverse small: before,blockquote.pull-right small: before,.blockquote-reverse .small: before,blockquote.pull-right .small: before {
	content: ""
}
.blockquote-reverse footer: after,blockquote.pull-right footer: after,.blockquote-reverse small: after,blockquote.pull-right small: after,.blockquote-reverse .small: after,blockquote.pull-right .small: after {
	content: " —"
}
address {
	margin-bottom: 20px;
	font-style: normal;
	line-height: 1.42857143
}
code,kbd,pre,samp {
	font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}
code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px
}
kbd {
	padding: 2px 4px;
	font-size: 90%;
	color: #fff;
	background-color: #333;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}
kbd kbd {
	padding: 0;
	font-size: 100%;
	font-weight: 700;
	-webkit-box-shadow: none;
	box-shadow: none
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px
}
pre code {
	padding: 0;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	background-color: transparent;
	border-radius: 0
}
.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
@media(min-width: 768px) {
	.container {
	width: 750px
}
}@media(min-width: 992px) {
	.container {
	width: 970px
}
}@media(min-width: 1200px) {
	.container {
	width: 1170px
}
}.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
.row {
	margin-right: -15px;
	margin-left: -15px
}
.row-no-gutters {
	margin-right: 0;
	margin-left: 0
}
.row-no-gutters [class*=col-] {
	padding-right: 0;
	padding-left: 0
}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
	float: left
}
.col-xs-12 {
	width: 100%
}
.col-xs-11 {
	width: 91.66666667%
}
.col-xs-10 {
	width: 83.33333333%
}
.col-xs-9 {
	width: 75%
}
.col-xs-8 {
	width: 66.66666667%
}
.col-xs-7 {
	width: 58.33333333%
}
.col-xs-6 {
	width: 50%
}
.col-xs-5 {
	width: 41.66666667%
}
.col-xs-4 {
	width: 33.33333333%
}
.col-xs-3 {
	width: 25%
}
.col-xs-2 {
	width: 16.66666667%
}
.col-xs-1 {
	width: 8.33333333%
}
.col-xs-pull-12 {
	right: 100%
}
.col-xs-pull-11 {
	right: 91.66666667%
}
.col-xs-pull-10 {
	right: 83.33333333%
}
.col-xs-pull-9 {
	right: 75%
}
.col-xs-pull-8 {
	right: 66.66666667%
}
.col-xs-pull-7 {
	right: 58.33333333%
}
.col-xs-pull-6 {
	right: 50%
}
.col-xs-pull-5 {
	right: 41.66666667%
}
.col-xs-pull-4 {
	right: 33.33333333%
}
.col-xs-pull-3 {
	right: 25%
}
.col-xs-pull-2 {
	right: 16.66666667%
}
.col-xs-pull-1 {
	right: 8.33333333%
}
.col-xs-pull-0 {
	right: auto
}
.col-xs-push-12 {
	left: 100%
}
.col-xs-push-11 {
	left: 91.66666667%
}
.col-xs-push-10 {
	left: 83.33333333%
}
.col-xs-push-9 {
	left: 75%
}
.col-xs-push-8 {
	left: 66.66666667%
}
.col-xs-push-7 {
	left: 58.33333333%
}
.col-xs-push-6 {
	left: 50%
}
.col-xs-push-5 {
	left: 41.66666667%
}
.col-xs-push-4 {
	left: 33.33333333%
}
.col-xs-push-3 {
	left: 25%
}
.col-xs-push-2 {
	left: 16.66666667%
}
.col-xs-push-1 {
	left: 8.33333333%
}
.col-xs-push-0 {
	left: auto
}
.col-xs-offset-12 {
	margin-left: 100%
}
.col-xs-offset-11 {
	margin-left: 91.66666667%
}
.col-xs-offset-10 {
	margin-left: 83.33333333%
}
.col-xs-offset-9 {
	margin-left: 75%
}
.col-xs-offset-8 {
	margin-left: 66.66666667%
}
.col-xs-offset-7 {
	margin-left: 58.33333333%
}
.col-xs-offset-6 {
	margin-left: 50%
}
.col-xs-offset-5 {
	margin-left: 41.66666667%
}
.col-xs-offset-4 {
	margin-left: 33.33333333%
}
.col-xs-offset-3 {
	margin-left: 25%
}
.col-xs-offset-2 {
	margin-left: 16.66666667%
}
.col-xs-offset-1 {
	margin-left: 8.33333333%
}
.col-xs-offset-0 {
	margin-left: 0%
}
@media(min-width: 768px) {
	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
	float: left
}
.col-sm-12 {
	width: 100%
}
.col-sm-11 {
	width: 91.66666667%
}
.col-sm-10 {
	width: 83.33333333%
}
.col-sm-9 {
	width: 75%
}
.col-sm-8 {
	width: 66.66666667%
}
.col-sm-7 {
	width: 58.33333333%
}
.col-sm-6 {
	width: 50%
}
.col-sm-5 {
	width: 41.66666667%
}
.col-sm-4 {
	width: 33.33333333%
}
.col-sm-3 {
	width: 25%
}
.col-sm-2 {
	width: 16.66666667%
}
.col-sm-1 {
	width: 8.33333333%
}
.col-sm-pull-12 {
	right: 100%
}
.col-sm-pull-11 {
	right: 91.66666667%
}
.col-sm-pull-10 {
	right: 83.33333333%
}
.col-sm-pull-9 {
	right: 75%
}
.col-sm-pull-8 {
	right: 66.66666667%
}
.col-sm-pull-7 {
	right: 58.33333333%
}
.col-sm-pull-6 {
	right: 50%
}
.col-sm-pull-5 {
	right: 41.66666667%
}
.col-sm-pull-4 {
	right: 33.33333333%
}
.col-sm-pull-3 {
	right: 25%
}
.col-sm-pull-2 {
	right: 16.66666667%
}
.col-sm-pull-1 {
	right: 8.33333333%
}
.col-sm-pull-0 {
	right: auto
}
.col-sm-push-12 {
	left: 100%
}
.col-sm-push-11 {
	left: 91.66666667%
}
.col-sm-push-10 {
	left: 83.33333333%
}
.col-sm-push-9 {
	left: 75%
}
.col-sm-push-8 {
	left: 66.66666667%
}
.col-sm-push-7 {
	left: 58.33333333%
}
.col-sm-push-6 {
	left: 50%
}
.col-sm-push-5 {
	left: 41.66666667%
}
.col-sm-push-4 {
	left: 33.33333333%
}
.col-sm-push-3 {
	left: 25%
}
.col-sm-push-2 {
	left: 16.66666667%
}
.col-sm-push-1 {
	left: 8.33333333%
}
.col-sm-push-0 {
	left: auto
}
.col-sm-offset-12 {
	margin-left: 100%
}
.col-sm-offset-11 {
	margin-left: 91.66666667%
}
.col-sm-offset-10 {
	margin-left: 83.33333333%
}
.col-sm-offset-9 {
	margin-left: 75%
}
.col-sm-offset-8 {
	margin-left: 66.66666667%
}
.col-sm-offset-7 {
	margin-left: 58.33333333%
}
.col-sm-offset-6 {
	margin-left: 50%
}
.col-sm-offset-5 {
	margin-left: 41.66666667%
}
.col-sm-offset-4 {
	margin-left: 33.33333333%
}
.col-sm-offset-3 {
	margin-left: 25%
}
.col-sm-offset-2 {
	margin-left: 16.66666667%
}
.col-sm-offset-1 {
	margin-left: 8.33333333%
}
.col-sm-offset-0 {
	margin-left: 0%
}
}@media(min-width: 992px) {
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
	float: left
}
.col-md-12 {
	width: 100%
}
.col-md-11 {
	width: 91.66666667%
}
.col-md-10 {
	width: 83.33333333%
}
.col-md-9 {
	width: 75%
}
.col-md-8 {
	width: 66.66666667%
}
.col-md-7 {
	width: 58.33333333%
}
.col-md-6 {
	width: 50%
}
.col-md-5 {
	width: 41.66666667%
}
.col-md-4 {
	width: 33.33333333%
}
.col-md-3 {
	width: 25%
}
.col-md-2 {
	width: 16.66666667%
}
.col-md-1 {
	width: 8.33333333%
}
.col-md-pull-12 {
	right: 100%
}
.col-md-pull-11 {
	right: 91.66666667%
}
.col-md-pull-10 {
	right: 83.33333333%
}
.col-md-pull-9 {
	right: 75%
}
.col-md-pull-8 {
	right: 66.66666667%
}
.col-md-pull-7 {
	right: 58.33333333%
}
.col-md-pull-6 {
	right: 50%
}
.col-md-pull-5 {
	right: 41.66666667%
}
.col-md-pull-4 {
	right: 33.33333333%
}
.col-md-pull-3 {
	right: 25%
}
.col-md-pull-2 {
	right: 16.66666667%
}
.col-md-pull-1 {
	right: 8.33333333%
}
.col-md-pull-0 {
	right: auto
}
.col-md-push-12 {
	left: 100%
}
.col-md-push-11 {
	left: 91.66666667%
}
.col-md-push-10 {
	left: 83.33333333%
}
.col-md-push-9 {
	left: 75%
}
.col-md-push-8 {
	left: 66.66666667%
}
.col-md-push-7 {
	left: 58.33333333%
}
.col-md-push-6 {
	left: 50%
}
.col-md-push-5 {
	left: 41.66666667%
}
.col-md-push-4 {
	left: 33.33333333%
}
.col-md-push-3 {
	left: 25%
}
.col-md-push-2 {
	left: 16.66666667%
}
.col-md-push-1 {
	left: 8.33333333%
}
.col-md-push-0 {
	left: auto
}
.col-md-offset-12 {
	margin-left: 100%
}
.col-md-offset-11 {
	margin-left: 91.66666667%
}
.col-md-offset-10 {
	margin-left: 83.33333333%
}
.col-md-offset-9 {
	margin-left: 75%
}
.col-md-offset-8 {
	margin-left: 66.66666667%
}
.col-md-offset-7 {
	margin-left: 58.33333333%
}
.col-md-offset-6 {
	margin-left: 50%
}
.col-md-offset-5 {
	margin-left: 41.66666667%
}
.col-md-offset-4 {
	margin-left: 33.33333333%
}
.col-md-offset-3 {
	margin-left: 25%
}
.col-md-offset-2 {
	margin-left: 16.66666667%
}
.col-md-offset-1 {
	margin-left: 8.33333333%
}
.col-md-offset-0 {
	margin-left: 0%
}
}@media(min-width: 1200px) {
	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
	float: left
}
.col-lg-12 {
	width: 100%
}
.col-lg-11 {
	width: 91.66666667%
}
.col-lg-10 {
	width: 83.33333333%
}
.col-lg-9 {
	width: 75%
}
.col-lg-8 {
	width: 66.66666667%
}
.col-lg-7 {
	width: 58.33333333%
}
.col-lg-6 {
	width: 50%
}
.col-lg-5 {
	width: 41.66666667%
}
.col-lg-4 {
	width: 33.33333333%
}
.col-lg-3 {
	width: 25%
}
.col-lg-2 {
	width: 16.66666667%
}
.col-lg-1 {
	width: 8.33333333%
}
.col-lg-pull-12 {
	right: 100%
}
.col-lg-pull-11 {
	right: 91.66666667%
}
.col-lg-pull-10 {
	right: 83.33333333%
}
.col-lg-pull-9 {
	right: 75%
}
.col-lg-pull-8 {
	right: 66.66666667%
}
.col-lg-pull-7 {
	right: 58.33333333%
}
.col-lg-pull-6 {
	right: 50%
}
.col-lg-pull-5 {
	right: 41.66666667%
}
.col-lg-pull-4 {
	right: 33.33333333%
}
.col-lg-pull-3 {
	right: 25%
}
.col-lg-pull-2 {
	right: 16.66666667%
}
.col-lg-pull-1 {
	right: 8.33333333%
}
.col-lg-pull-0 {
	right: auto
}
.col-lg-push-12 {
	left: 100%
}
.col-lg-push-11 {
	left: 91.66666667%
}
.col-lg-push-10 {
	left: 83.33333333%
}
.col-lg-push-9 {
	left: 75%
}
.col-lg-push-8 {
	left: 66.66666667%
}
.col-lg-push-7 {
	left: 58.33333333%
}
.col-lg-push-6 {
	left: 50%
}
.col-lg-push-5 {
	left: 41.66666667%
}
.col-lg-push-4 {
	left: 33.33333333%
}
.col-lg-push-3 {
	left: 25%
}
.col-lg-push-2 {
	left: 16.66666667%
}
.col-lg-push-1 {
	left: 8.33333333%
}
.col-lg-push-0 {
	left: auto
}
.col-lg-offset-12 {
	margin-left: 100%
}
.col-lg-offset-11 {
	margin-left: 91.66666667%
}
.col-lg-offset-10 {
	margin-left: 83.33333333%
}
.col-lg-offset-9 {
	margin-left: 75%
}
.col-lg-offset-8 {
	margin-left: 66.66666667%
}
.col-lg-offset-7 {
	margin-left: 58.33333333%
}
.col-lg-offset-6 {
	margin-left: 50%
}
.col-lg-offset-5 {
	margin-left: 41.66666667%
}
.col-lg-offset-4 {
	margin-left: 33.33333333%
}
.col-lg-offset-3 {
	margin-left: 25%
}
.col-lg-offset-2 {
	margin-left: 16.66666667%
}
.col-lg-offset-1 {
	margin-left: 8.33333333%
}
.col-lg-offset-0 {
	margin-left: 0%
}
}table {
	background-color: transparent
}
table col[class*=col-] {
	position: static;
	display: table-column;
	float: none
}
table td[class*=col-],table th[class*=col-] {
	position: static;
	display: table-cell;
	float: none
}
caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #777;
	text-align: left
}
th {
	text-align: left
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px
}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd
}
.table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd
}
.table>caption+thead>tr: first-child>th,.table>colgroup+thead>tr: first-child>th,.table>thead: first-child>tr: first-child>th,.table>caption+thead>tr: first-child>td,.table>colgroup+thead>tr: first-child>td,.table>thead: first-child>tr: first-child>td {
	border-top: 0
}
.table>tbody+tbody {
	border-top: 2px solid #ddd
}
.table .table {
	background-color: #fff
}
.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td {
	padding: 5px
}
.table-bordered {
	border: 1px solid #ddd
}
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td {
	border: 1px solid #ddd
}
.table-bordered>thead>tr>th,.table-bordered>thead>tr>td {
	border-bottom-width: 2px
}
.table-striped>tbody>tr: nth-of-type(odd) {
	background-color: #f9f9f9
}
.table-hover>tbody>tr: hover {
	background-color: #f5f5f5
}
.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th {
	background-color: #f5f5f5
}
.table-hover>tbody>tr>td.active: hover,.table-hover>tbody>tr>th.active: hover,.table-hover>tbody>tr.active: hover>td,.table-hover>tbody>tr: hover>.active,.table-hover>tbody>tr.active: hover>th {
	background-color: #e8e8e8
}
.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th {
	background-color: #dff0d8
}
.table-hover>tbody>tr>td.success: hover,.table-hover>tbody>tr>th.success: hover,.table-hover>tbody>tr.success: hover>td,.table-hover>tbody>tr: hover>.success,.table-hover>tbody>tr.success: hover>th {
	background-color: #d0e9c6
}
.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th {
	background-color: #d9edf7
}
.table-hover>tbody>tr>td.info: hover,.table-hover>tbody>tr>th.info: hover,.table-hover>tbody>tr.info: hover>td,.table-hover>tbody>tr: hover>.info,.table-hover>tbody>tr.info: hover>th {
	background-color: #c4e3f3
}
.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th {
	background-color: #fcf8e3
}
.table-hover>tbody>tr>td.warning: hover,.table-hover>tbody>tr>th.warning: hover,.table-hover>tbody>tr.warning: hover>td,.table-hover>tbody>tr: hover>.warning,.table-hover>tbody>tr.warning: hover>th {
	background-color: #faf2cc
}
.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th {
	background-color: #f2dede
}
.table-hover>tbody>tr>td.danger: hover,.table-hover>tbody>tr>th.danger: hover,.table-hover>tbody>tr.danger: hover>td,.table-hover>tbody>tr: hover>.danger,.table-hover>tbody>tr.danger: hover>th {
	background-color: #ebcccc
}
.table-responsive {
	min-height: .01%;
	overflow-x: auto
}
@media screen and (max-width: 767px) {
	.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd
}
.table-responsive>.table {
	margin-bottom: 0
}
.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td {
	white-space: nowrap
}
.table-responsive>.table-bordered {
	border: 0
}
.table-responsive>.table-bordered>thead>tr>th: first-child,.table-responsive>.table-bordered>tbody>tr>th: first-child,.table-responsive>.table-bordered>tfoot>tr>th: first-child,.table-responsive>.table-bordered>thead>tr>td: first-child,.table-responsive>.table-bordered>tbody>tr>td: first-child,.table-responsive>.table-bordered>tfoot>tr>td: first-child {
	border-left: 0
}
.table-responsive>.table-bordered>thead>tr>th: last-child,.table-responsive>.table-bordered>tbody>tr>th: last-child,.table-responsive>.table-bordered>tfoot>tr>th: last-child,.table-responsive>.table-bordered>thead>tr>td: last-child,.table-responsive>.table-bordered>tbody>tr>td: last-child,.table-responsive>.table-bordered>tfoot>tr>td: last-child {
	border-right: 0
}
.table-responsive>.table-bordered>tbody>tr: last-child>th,.table-responsive>.table-bordered>tfoot>tr: last-child>th,.table-responsive>.table-bordered>tbody>tr: last-child>td,.table-responsive>.table-bordered>tfoot>tr: last-child>td {
	border-bottom: 0
}
}fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0
}
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5
}
label {
	display: inline-block;
	max-width: 100%;
	font-weight: 700
}
input[type=search] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
input[type=radio],input[type=checkbox] {
	margin: 4px 0 0;
	margin-top: 1px \9 ;
	line-height: normal
}
input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio].disabled,input[type=checkbox].disabled,fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox] {
	cursor: not-allowed
}
input[type=file] {
	display: block
}
input[type=range] {
	display: block;
	width: 100%
}
select[multiple],select[size] {
	height: auto
}
input[type=file]: focus,input[type=radio]: focus,input[type=checkbox]: focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
output {
	display: block;
	padding-top: 7px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555
}
.form-control {
	display: block;
	width: 100%;
	height: 48px;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.42857143;
	color: #555;
	background-color: #F1F5F8;
	background-image: none;
	border: none;
	border-radius: 6px;
}
.form-control: focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6)
}
.form-control: : -moz-placeholder {
	color: #999;
	opacity: 1
}
.form-control: -ms-input-placeholder {
	color: #999
}
.form-control: : -webkit-input-placeholder {
	color: #999
}
.form-control: : -ms-expand {
	background-color: transparent;
	border: 0
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
	background-color: #eee;
	opacity: 1
}
.form-control[disabled],fieldset[disabled] .form-control {
	cursor: not-allowed
}
textarea.form-control {
	height: auto
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control {
	line-height: 34px;
	-webkit-appearance: none;
	appearance: none;
	text-align: left !important;
	direction:ltr;
}
input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month] {
	line-height: 30px
}
input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month] {
	line-height: 46px
}
}
input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:1;
}
.form-group {
	margin-bottom: 15px
}
.radio,.checkbox {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px
}
.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label {
	cursor: not-allowed
}
.radio label,.checkbox label {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer
}
.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox] {
	position: absolute;
	margin-top: 4px \9 ;
	margin-left: -20px
}
.radio+.radio,.checkbox+.checkbox {
	margin-top: -5px
}
.radio-inline,.checkbox-inline {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
	cursor: pointer
}
.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline {
	cursor: not-allowed
}
.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline {
	margin-top: 0;
	margin-left: 10px
}
.form-control-static {
	min-height: 34px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 0
}
.form-control-static.input-lg,.form-control-static.input-sm {
	padding-right: 0;
	padding-left: 0
}
.input-sm {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
select.input-sm {
	height: 30px;
	line-height: 30px
}
textarea.input-sm,select[multiple].input-sm {
	height: auto
}
.form-group-sm .form-control {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
.form-group-sm select.form-control {
	height: 30px;
	line-height: 30px
}
.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control {
	height: auto
}
.form-group-sm .form-control-static {
	height: 30px;
	min-height: 32px;
	padding: 6px 10px;
	font-size: 12px;
	line-height: 1.5
}
.input-lg {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}
select.input-lg {
	height: 46px;
	line-height: 46px
}
textarea.input-lg,select[multiple].input-lg {
	height: auto
}
.form-group-lg .form-control {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}
.form-group-lg select.form-control {
	height: 46px;
	line-height: 46px
}
.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control {
	height: auto
}
.form-group-lg .form-control-static {
	height: 46px;
	min-height: 38px;
	padding: 11px 16px;
	font-size: 18px;
	line-height: 1.3333333
}
.has-feedback {
	position: relative
}
.has-feedback .form-control {
	padding-right: 42.5px
}
.form-control-feedback {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	pointer-events: none
}
.input-lg+.form-control-feedback,.input-group-lg+.form-control-feedback,.form-group-lg .form-control+.form-control-feedback {
	width: 46px;
	height: 46px;
	line-height: 46px
}
.input-sm+.form-control-feedback,.input-group-sm+.form-control-feedback,.form-group-sm .form-control+.form-control-feedback {
	width: 30px;
	height: 30px;
	line-height: 30px
}
.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label {
	color: #3c763d
}
.has-success .form-control {
	border-color: #3c763d;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}
.has-success .form-control: focus {
	border-color: #2b542c;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #67b168;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #67b168
}
.has-success .input-group-addon {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #3c763d
}
.has-success .form-control-feedback {
	color: #3c763d
}
.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label {
	color: #8a6d3b
}
.has-warning .form-control {
	border-color: #8a6d3b;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}
.has-warning .form-control: focus {
	border-color: #66512c;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #c0a16b;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #c0a16b
}
.has-warning .input-group-addon {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #8a6d3b
}
.has-warning .form-control-feedback {
	color: #8a6d3b
}
.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label {
	color: #a94442
}
.has-error .form-control {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}
.has-error .form-control: focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #ce8483
}
.has-error .input-group-addon {
	color: #a94442;
	background-color: #f2dede;
	border-color: #a94442
}
.has-error .form-control-feedback {
	color: #a94442
}
.has-feedback label~.form-control-feedback {
	top: 25px
}
.has-feedback label.sr-only~.form-control-feedback {
	top: 0
}
.help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #737373
}
@media(min-width: 768px) {
	.form-inline .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle
}
.form-inline .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle
}
.form-inline .form-control-static {
	display: inline-block
}
.form-inline .input-group {
	display: inline-table;
	vertical-align: middle
}
.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control {
	width: auto
}
.form-inline .input-group>.form-control {
	width: 100%
}
.form-inline .control-label {
	margin-bottom: 0;
	vertical-align: middle
}
.form-inline .radio,.form-inline .checkbox {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle
}
.form-inline .radio label,.form-inline .checkbox label {
	padding-left: 0
}
.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox] {
	position: relative;
	margin-left: 0
}
.form-inline .has-feedback .form-control-feedback {
	top: 0
}
}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
	padding-top: 7px;
	margin-top: 0;
	margin-bottom: 0
}
.form-horizontal .radio,.form-horizontal .checkbox {
	min-height: 27px
}
.form-horizontal .form-group {
	margin-right: -15px;
	margin-left: -15px
}
@media(min-width: 768px) {
	.form-horizontal .control-label {
	padding-top: 7px;
	margin-bottom: 0;
	text-align: right
}
}.form-horizontal .has-feedback .form-control-feedback {
	right: 15px
}
@media(min-width: 768px) {
	.form-horizontal .form-group-lg .control-label {
	padding-top: 11px;
	font-size: 18px
}
}@media(min-width: 768px) {
	.form-horizontal .form-group-sm .control-label {
	padding-top: 6px;
	font-size: 12px
}
}.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.btn: focus,.btn: active: focus,.btn.active: focus,.btn.focus,.btn: active.focus,.btn.active.focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
.btn: hover,.btn: focus,.btn.focus {
	color: #333;
	text-decoration: none
}
.btn: active,.btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	opacity: .65;
	-webkit-box-shadow: none;
	box-shadow: none
}
a.btn.disabled,fieldset[disabled] a.btn {
	pointer-events: none
}
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc
}
.btn-default: focus,.btn-default.focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c
}
.btn-default: hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad
}
.btn-default: active,.btn-default.active,.open>.dropdown-toggle.btn-default {
	color: #333;
	background-color: #e6e6e6;
	background-image: none;
	border-color: #adadad
}
.btn-default: active: hover,.btn-default.active: hover,.open>.dropdown-toggle.btn-default: hover,.btn-default: active: focus,.btn-default.active: focus,.open>.dropdown-toggle.btn-default: focus,.btn-default: active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus {
	color: #333;
	background-color: #d4d4d4;
	border-color: #8c8c8c
}
.btn-default.disabled: hover,.btn-default[disabled]: hover,fieldset[disabled] .btn-default: hover,.btn-default.disabled: focus,.btn-default[disabled]: focus,fieldset[disabled] .btn-default: focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus {
	background-color: #fff;
	border-color: #ccc
}
.btn-default .badge {
	color: #fff;
	background-color: #333
}
.btn-primary {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4
}
.btn-primary: focus,.btn-primary.focus {
	color: #fff;
	background-color: #286090;
	border-color: #122b40
}
.btn-primary: hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}
.btn-primary: active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #286090;
	background-image: none;
	border-color: #204d74
}
.btn-primary: active: hover,.btn-primary.active: hover,.open>.dropdown-toggle.btn-primary: hover,.btn-primary: active: focus,.btn-primary.active: focus,.open>.dropdown-toggle.btn-primary: focus,.btn-primary: active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus {
	color: #fff;
	background-color: #204d74;
	border-color: #122b40
}
.btn-primary.disabled: hover,.btn-primary[disabled]: hover,fieldset[disabled] .btn-primary: hover,.btn-primary.disabled: focus,.btn-primary[disabled]: focus,fieldset[disabled] .btn-primary: focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus {
	background-color: #337ab7;
	border-color: #2e6da4
}
.btn-primary .badge {
	color: #337ab7;
	background-color: #fff
}
.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c
}
.btn-success: focus,.btn-success.focus {
	color: #fff;
	background-color: #449d44;
	border-color: #255625
}
.btn-success: hover {
	color: #fff;
	background-color: #449d44;
	border-color: #398439
}
.btn-success: active,.btn-success.active,.open>.dropdown-toggle.btn-success {
	color: #fff;
	background-color: #449d44;
	background-image: none;
	border-color: #398439
}
.btn-success: active: hover,.btn-success.active: hover,.open>.dropdown-toggle.btn-success: hover,.btn-success: active: focus,.btn-success.active: focus,.open>.dropdown-toggle.btn-success: focus,.btn-success: active.focus,.btn-success.active.focus,.open>.dropdown-toggle.btn-success.focus {
	color: #fff;
	background-color: #398439;
	border-color: #255625
}
.btn-success.disabled: hover,.btn-success[disabled]: hover,fieldset[disabled] .btn-success: hover,.btn-success.disabled: focus,.btn-success[disabled]: focus,fieldset[disabled] .btn-success: focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus {
	background-color: #5cb85c;
	border-color: #4cae4c
}
.btn-success .badge {
	color: #5cb85c;
	background-color: #fff
}
.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da
}
.btn-info: focus,.btn-info.focus {
	color: #fff;
	background-color: #31b0d5;
	border-color: #1b6d85
}
.btn-info: hover {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc
}
.btn-info: active,.btn-info.active,.open>.dropdown-toggle.btn-info {
	color: #fff;
	background-color: #31b0d5;
	background-image: none;
	border-color: #269abc
}
.btn-info: active: hover,.btn-info.active: hover,.open>.dropdown-toggle.btn-info: hover,.btn-info: active: focus,.btn-info.active: focus,.open>.dropdown-toggle.btn-info: focus,.btn-info: active.focus,.btn-info.active.focus,.open>.dropdown-toggle.btn-info.focus {
	color: #fff;
	background-color: #269abc;
	border-color: #1b6d85
}
.btn-info.disabled: hover,.btn-info[disabled]: hover,fieldset[disabled] .btn-info: hover,.btn-info.disabled: focus,.btn-info[disabled]: focus,fieldset[disabled] .btn-info: focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus {
	background-color: #5bc0de;
	border-color: #46b8da
}
.btn-info .badge {
	color: #5bc0de;
	background-color: #fff
}
.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236
}
.btn-warning: focus,.btn-warning.focus {
	color: #fff;
	background-color: #ec971f;
	border-color: #985f0d
}
.btn-warning: hover {
	color: #fff;
	background-color: #ec971f;
	border-color: #d58512
}
.btn-warning: active,.btn-warning.active,.open>.dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #ec971f;
	background-image: none;
	border-color: #d58512
}
.btn-warning: active: hover,.btn-warning.active: hover,.open>.dropdown-toggle.btn-warning: hover,.btn-warning: active: focus,.btn-warning.active: focus,.open>.dropdown-toggle.btn-warning: focus,.btn-warning: active.focus,.btn-warning.active.focus,.open>.dropdown-toggle.btn-warning.focus {
	color: #fff;
	background-color: #d58512;
	border-color: #985f0d
}
.btn-warning.disabled: hover,.btn-warning[disabled]: hover,fieldset[disabled] .btn-warning: hover,.btn-warning.disabled: focus,.btn-warning[disabled]: focus,fieldset[disabled] .btn-warning: focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus {
	background-color: #f0ad4e;
	border-color: #eea236
}
.btn-warning .badge {
	color: #f0ad4e;
	background-color: #fff
}
.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a
}
.btn-danger: focus,.btn-danger.focus {
	color: #fff;
	background-color: #c9302c;
	border-color: #761c19
}
.btn-danger: hover {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925
}
.btn-danger: active,.btn-danger.active,.open>.dropdown-toggle.btn-danger {
	color: #fff;
	background-color: #c9302c;
	background-image: none;
	border-color: #ac2925
}
.btn-danger: active: hover,.btn-danger.active: hover,.open>.dropdown-toggle.btn-danger: hover,.btn-danger: active: focus,.btn-danger.active: focus,.open>.dropdown-toggle.btn-danger: focus,.btn-danger: active.focus,.btn-danger.active.focus,.open>.dropdown-toggle.btn-danger.focus {
	color: #fff;
	background-color: #ac2925;
	border-color: #761c19
}
.btn-danger.disabled: hover,.btn-danger[disabled]: hover,fieldset[disabled] .btn-danger: hover,.btn-danger.disabled: focus,.btn-danger[disabled]: focus,fieldset[disabled] .btn-danger: focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus {
	background-color: #d9534f;
	border-color: #d43f3a
}
.btn-danger .badge {
	color: #d9534f;
	background-color: #fff
}
.btn-link {
	font-weight: 400;
	color: #337ab7;
	border-radius: 0
}
.btn-link,.btn-link: active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-link,.btn-link: hover,.btn-link: focus,.btn-link: active {
	border-color: transparent
}
.btn-link: hover,.btn-link: focus {
	color: #23527c;
	text-decoration: underline;
	background-color: transparent
}
.btn-link[disabled]: hover,fieldset[disabled] .btn-link: hover,.btn-link[disabled]: focus,fieldset[disabled] .btn-link: focus {
	color: #777;
	text-decoration: none
}
.btn-lg,.btn-group-lg>.btn {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}
.btn-sm,.btn-group-sm>.btn {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
.btn-xs,.btn-group-xs>.btn {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
.btn-block {
	display: block;
	width: 100%
}
.btn-block+.btn-block {
	margin-top: 5px
}
input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block {
	width: 100%
}
.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear
}
.fade.in {
	opacity: 1
}
.collapse {
	display: none
}
.collapse.in {
	display: block
}
tr.collapse.in {
	display: table-row
}
tbody.collapse.in {
	display: table-row-group
}
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-property: height,visibility;
	-o-transition-property: height,visibility;
	transition-property: height,visibility;
	-webkit-transition-duration: .35s;
	-o-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease
}
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid \9 ;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}
.dropup,.dropdown {
	position: relative
}
.dropdown-toggle: focus {
	outline: 0
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}
.dropdown-menu.pull-right {
	right: 0;
	left: auto
}
.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}
.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap
}
.dropdown-menu>li>a: hover,.dropdown-menu>li>a: focus {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a: hover,.dropdown-menu>.active>a: focus {
	color: #fff;
	text-decoration: none;
	background-color: #337ab7;
	outline: 0
}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a: hover,.dropdown-menu>.disabled>a: focus {
	color: #777
}
.dropdown-menu>.disabled>a: hover,.dropdown-menu>.disabled>a: focus {
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
	background-image: none;
	filter: progid: DXImageTransform.Microsoft.gradient(enabled = false)
}
.open>.dropdown-menu {
	display: block
}
.open>a {
	outline: 0
}
.dropdown-menu-right {
	right: 0;
	left: auto
}
.dropdown-menu-left {
	right: auto;
	left: 0
}
.dropdown-header {
	display: block;
	padding: 3px 20px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #777;
	white-space: nowrap
}
.dropdown-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 990
}
.pull-right>.dropdown-menu {
	right: 0;
	left: auto
}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
	content: "";
	border-top: 0;
	border-bottom: 4px dashed;
	border-bottom: 4px solid \9 }
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 2px
}
@media(min-width: 768px) {
	.navbar-right .dropdown-menu {
	right: 0;
	left: auto
}
.navbar-right .dropdown-menu-left {
	right: auto;
	left: 0
}
}.btn-group,.btn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle
}
.btn-group>.btn,.btn-group-vertical>.btn {
	position: relative;
	float: left
}
.btn-group>.btn: hover,.btn-group-vertical>.btn: hover,.btn-group>.btn: focus,.btn-group-vertical>.btn: focus,.btn-group>.btn: active,.btn-group-vertical>.btn: active,.btn-group>.btn.active,.btn-group-vertical>.btn.active {
	z-index: 2
}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
	margin-left: -1px
}
.btn-toolbar {
	margin-left: -5px
}
.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group {
	float: left
}
.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
	margin-left: 5px
}
.btn-group>.btn: not(: first-child): not(: last-child): not(.dropdown-toggle) {
	border-radius: 0
}
.btn-group>.btn: first-child {
	margin-left: 0
}
.btn-group>.btn: first-child: not(: last-child): not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.btn-group>.btn: last-child: not(: first-child),.btn-group>.dropdown-toggle: not(: first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.btn-group>.btn-group {
	float: left
}
.btn-group>.btn-group: not(: first-child): not(: last-child)>.btn {
	border-radius: 0
}
.btn-group>.btn-group: first-child: not(: last-child)>.btn: last-child,.btn-group>.btn-group: first-child: not(: last-child)>.dropdown-toggle {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.btn-group>.btn-group: last-child: not(: first-child)>.btn: first-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.btn-group .dropdown-toggle: active,.btn-group.open .dropdown-toggle {
	outline: 0
}
.btn-group>.btn+.dropdown-toggle {
	padding-right: 8px;
	padding-left: 8px
}
.btn-group>.btn-lg+.dropdown-toggle {
	padding-right: 12px;
	padding-left: 12px
}
.btn-group.open .dropdown-toggle {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}
.btn-group.open .dropdown-toggle.btn-link {
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn .caret {
	margin-left: 0
}
.btn-lg .caret {
	border-width: 5px 5px 0;
	border-bottom-width: 0
}
.dropup .btn-lg .caret {
	border-width: 0 5px 5px
}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%
}
.btn-group-vertical>.btn-group>.btn {
	float: none
}
.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
	margin-top: -1px;
	margin-left: 0
}
.btn-group-vertical>.btn: not(: first-child): not(: last-child) {
	border-radius: 0
}
.btn-group-vertical>.btn: first-child: not(: last-child) {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}
.btn-group-vertical>.btn: last-child: not(: first-child) {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}
.btn-group-vertical>.btn-group: not(: first-child): not(: last-child)>.btn {
	border-radius: 0
}
.btn-group-vertical>.btn-group: first-child: not(: last-child)>.btn: last-child,.btn-group-vertical>.btn-group: first-child: not(: last-child)>.dropdown-toggle {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group: last-child: not(: first-child)>.btn: first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}
.btn-group-justified {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate
}
.btn-group-justified>.btn,.btn-group-justified>.btn-group {
	display: table-cell;
	float: none;
	width: 1%
}
.btn-group-justified>.btn-group .btn {
	width: 100%
}
.btn-group-justified>.btn-group .dropdown-menu {
	left: auto
}
[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=radio],[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none
}
.input-group {
	position: relative;
	display: table;
	border-collapse: separate
}
.input-group[class*=col-] {
	float: none;
	padding-right: 0;
	padding-left: 0
}
.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0
}
.input-group .form-control: focus {
	z-index: 3
}
.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}
.input-group select {
	background: #F1F5F8;
	border: 0;
	border-radius: 5px;
	height: 30px;
	width: 150px;
	padding: 0 10px;
}
select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
	height: 46px;
	line-height: 46px
}
textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn {
	height: auto
}
.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
	height: 30px;
	line-height: 30px
}
textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn {
	height: auto
}
.input-group-addon,.input-group-btn,.input-group .form-control {
	display: table-cell
}
.input-group-addon: not(: first-child): not(: last-child),.input-group-btn: not(: first-child): not(: last-child),.input-group .form-control: not(: first-child): not(: last-child) {
	border-radius: 0
}
.input-group-addon,.input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle
}
.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px
}
.input-group-addon.input-sm {
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 3px
}
.input-group-addon.input-lg {
	padding: 10px 16px;
	font-size: 18px;
	border-radius: 6px
}
.input-group-addon input[type=radio],.input-group-addon input[type=checkbox] {
	margin-top: 0
}
.input-group .form-control: first-child,.input-group-addon: first-child,.input-group-btn: first-child>.btn,.input-group-btn: first-child>.btn-group>.btn,.input-group-btn: first-child>.dropdown-toggle,.input-group-btn: last-child>.btn: not(: last-child): not(.dropdown-toggle),.input-group-btn: last-child>.btn-group: not(: last-child)>.btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.input-group-addon: first-child {
	border-right: 0
}
.input-group .form-control: last-child,.input-group-addon: last-child,.input-group-btn: last-child>.btn,.input-group-btn: last-child>.btn-group>.btn,.input-group-btn: last-child>.dropdown-toggle,.input-group-btn: first-child>.btn: not(: first-child),.input-group-btn: first-child>.btn-group: not(: first-child)>.btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.input-group-addon: last-child {
	border-left: 0
}
.input-group-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap
}
.input-group-btn>.btn {
	position: relative
}
.input-group-btn>.btn+.btn {
	margin-left: -1px
}
.input-group-btn>.btn: hover,.input-group-btn>.btn: focus,.input-group-btn>.btn: active {
	z-index: 2
}
.input-group-btn: first-child>.btn,.input-group-btn: first-child>.btn-group {
	margin-right: -1px
}
.input-group-btn: last-child>.btn,.input-group-btn: last-child>.btn-group {
	z-index: 2;
	margin-left: -1px
}
.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}
.nav>li {
	position: relative;
	display: block
}
.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px
}
.nav>li>a: hover,.nav>li>a: focus {
	text-decoration: none;
	background-color: #eee
}
.nav>li.disabled>a {
	color: #777
}
.nav>li.disabled>a: hover,.nav>li.disabled>a: focus {
	color: #777;
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent
}
.nav .open>a,.nav .open>a: hover,.nav .open>a: focus {
	background-color: #eee;
	border-color: #337ab7
}
.nav .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}
.nav>li>a>img {
	max-width: none
}
.nav-tabs {
	border-bottom: 1px solid #ddd
}
.nav-tabs>li {
	float: left;
	margin-bottom: -1px
}
.nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0
}
.nav-tabs>li>a: hover {
	border-color: #eee #eee #ddd
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a: hover,.nav-tabs>li.active>a: focus {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent
}
.nav-tabs.nav-justified {
	width: 100%;
	border-bottom: 0
}
.nav-tabs.nav-justified>li {
	float: none
}
.nav-tabs.nav-justified>li>a {
	margin-bottom: 5px;
	text-align: center
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
	top: auto;
	left: auto
}
@media(min-width: 768px) {
	.nav-tabs.nav-justified>li {
	display: table-cell;
	width: 1%
}
.nav-tabs.nav-justified>li>a {
	margin-bottom: 0
}
}.nav-tabs.nav-justified>li>a {
	margin-right: 0;
	border-radius: 4px
}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a: hover,.nav-tabs.nav-justified>.active>a: focus {
	border: 1px solid #ddd
}
@media(min-width: 768px) {
	.nav-tabs.nav-justified>li>a {
	border-bottom: 1px solid #ddd;
	border-radius: 4px 4px 0 0
}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a: hover,.nav-tabs.nav-justified>.active>a: focus {
	border-bottom-color: #fff
}
}.nav-pills>li {
	float: left
}
.nav-pills>li>a {
	border-radius: 4px
}
.nav-pills>li+li {
	margin-left: 2px
}
.nav-pills>li.active>a,.nav-pills>li.active>a: hover,.nav-pills>li.active>a: focus {
	color: #fff;
	background-color: #337ab7
}
.nav-stacked>li {
	float: none
}
.nav-stacked>li+li {
	margin-top: 2px;
	margin-left: 0
}
.nav-justified {
	width: 100%
}
.nav-justified>li {
	float: none
}
.nav-justified>li>a {
	margin-bottom: 5px;
	text-align: center
}
.nav-justified>.dropdown .dropdown-menu {
	top: auto;
	left: auto
}
@media(min-width: 768px) {
	.nav-justified>li {
	display: table-cell;
	width: 1%
}
.nav-justified>li>a {
	margin-bottom: 0
}
}.nav-tabs-justified {
	border-bottom: 0
}
.nav-tabs-justified>li>a {
	margin-right: 0;
	border-radius: 4px
}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a: hover,.nav-tabs-justified>.active>a: focus {
	border: 1px solid #ddd
}
@media(min-width: 768px) {
	.nav-tabs-justified>li>a {
	border-bottom: 1px solid #ddd;
	border-radius: 4px 4px 0 0
}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a: hover,.nav-tabs-justified>.active>a: focus {
	border-bottom-color: #fff
}
}.tab-content>.tab-pane {
	display: none
}
.tab-content>.active {
	display: block
}
.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}
.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 20px;
	border: 1px solid transparent
}
@media(min-width: 768px) {
	.navbar {
	border-radius: 4px
}
}@media(min-width: 768px) {
	.navbar-header {
	float: left
}
}.navbar-collapse {
	padding-right: 15px;
	padding-left: 15px;
	overflow-x: visible;
	border-top: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	-webkit-overflow-scrolling: touch
}
.navbar-collapse.in {
	overflow-y: auto
}
@media(min-width: 768px) {
	.navbar-collapse {
	width: auto;
	border-top: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.navbar-collapse.collapse {
	display: block !important;
	height: auto !important;
	padding-bottom: 0;
	overflow: visible !important
}
.navbar-collapse.in {
	overflow-y: visible
}
.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
	padding-right: 0;
	padding-left: 0
}
}.navbar-fixed-top,.navbar-fixed-bottom {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030
}
.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
	max-height: 340px
}
@media(max-device-width: 480px)and (orientation: landscape) {
	.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
	max-height: 200px
}
}@media(min-width: 768px) {
	.navbar-fixed-top,.navbar-fixed-bottom {
	border-radius: 0
}
}.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px
}
.navbar-fixed-bottom {
	bottom: 0;
	margin-bottom: 0;
	border-width: 1px 0 0
}
.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
	margin-right: -15px;
	margin-left: -15px
}
@media(min-width: 768px) {
	.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
	margin-right: 0;
	margin-left: 0
}
}.navbar-static-top {
	z-index: 1000;
	border-width: 0 0 1px
}
@media(min-width: 768px) {
	.navbar-static-top {
	border-radius: 0
}
}.navbar-brand {
	float: left;
	height: 50px;
	padding: 15px 15px;
	font-size: 18px;
	line-height: 20px
}
.navbar-brand: hover,.navbar-brand: focus {
	text-decoration: none
}
.navbar-brand>img {
	display: block
}
@media(min-width: 768px) {
	.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
	margin-left: -15px
}
}.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-right: 15px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px
}
.navbar-toggle: focus {
	outline: 0
}
.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 4px
}
@media(min-width: 768px) {
	.navbar-toggle {
	display: none
}
}.navbar-nav {
	margin: 7.5px -15px
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px
}
@media(max-width: 767px) {
	.navbar-nav .open .dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu>li>a {
	line-height: 20px
}
.navbar-nav .open .dropdown-menu>li>a: hover,.navbar-nav .open .dropdown-menu>li>a: focus {
	background-image: none
}
}@media(min-width: 768px) {
	.navbar-nav {
	float: left;
	margin: 0
}
.navbar-nav>li {
	float: left
}
.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px
}
}.navbar-form {
	padding: 10px 15px;
	margin-right: -15px;
	margin-left: -15px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);
	margin-top: 8px;
	margin-bottom: 8px
}
@media(min-width: 768px) {
	.navbar-form .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle
}
.navbar-form .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle
}
.navbar-form .form-control-static {
	display: inline-block
}
.navbar-form .input-group {
	display: inline-table;
	vertical-align: middle
}
.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control {
	width: auto
}
.navbar-form .input-group>.form-control {
	width: 100%
}
.navbar-form .control-label {
	margin-bottom: 0;
	vertical-align: middle
}
.navbar-form .radio,.navbar-form .checkbox {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle
}
.navbar-form .radio label,.navbar-form .checkbox label {
	padding-left: 0
}
.navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox] {
	position: relative;
	margin-left: 0
}
.navbar-form .has-feedback .form-control-feedback {
	top: 0
}
}@media(max-width: 767px) {
	.navbar-form .form-group {
	margin-bottom: 5px
}
.navbar-form .form-group: last-child {
	margin-bottom: 0
}
}@media(min-width: 768px) {
	.navbar-form {
	width: auto;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 0;
	margin-left: 0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
}.navbar-nav>li>.dropdown-menu {
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
	margin-bottom: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}
.navbar-btn {
	margin-top: 8px;
	margin-bottom: 8px
}
.navbar-btn.btn-sm {
	margin-top: 10px;
	margin-bottom: 10px
}
.navbar-btn.btn-xs {
	margin-top: 14px;
	margin-bottom: 14px
}
.navbar-text {
	margin-top: 15px;
	margin-bottom: 15px
}
@media(min-width: 768px) {
	.navbar-text {
	float: left;
	margin-right: 15px;
	margin-left: 15px
}
}@media(min-width: 768px) {
	.navbar-left {
	float: left !important
}
.navbar-right {
	float: right !important;
	margin-right: -15px
}
.navbar-right~.navbar-right {
	margin-right: 0
}
}.navbar-default {
	background-color: #f8f8f8;
	border-color: #e7e7e7
}
.navbar-default .navbar-brand {
	color: #777
}
.navbar-default .navbar-brand: hover,.navbar-default .navbar-brand: focus {
	color: #5e5e5e;
	background-color: transparent
}
.navbar-default .navbar-text {
	color: #777
}
.navbar-default .navbar-nav>li>a {
	color: #777
}
.navbar-default .navbar-nav>li>a: hover,.navbar-default .navbar-nav>li>a: focus {
	color: #333;
	background-color: transparent
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a: hover,.navbar-default .navbar-nav>.active>a: focus {
	color: #555;
	background-color: #e7e7e7
}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a: hover,.navbar-default .navbar-nav>.disabled>a: focus {
	color: #ccc;
	background-color: transparent
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a: hover,.navbar-default .navbar-nav>.open>a: focus {
	color: #555;
	background-color: #e7e7e7
}
@media(max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #777
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a: hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a: focus {
	color: #333;
	background-color: transparent
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a: hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a: focus {
	color: #555;
	background-color: #e7e7e7
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a: hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a: focus {
	color: #ccc;
	background-color: transparent
}
}.navbar-default .navbar-toggle {
	border-color: #ddd
}
.navbar-default .navbar-toggle: hover,.navbar-default .navbar-toggle: focus {
	background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #888
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {
	border-color: #e7e7e7
}
.navbar-default .navbar-link {
	color: #777
}
.navbar-default .navbar-link: hover {
	color: #333
}
.navbar-default .btn-link {
	color: #777
}
.navbar-default .btn-link: hover,.navbar-default .btn-link: focus {
	color: #333
}
.navbar-default .btn-link[disabled]: hover,fieldset[disabled] .navbar-default .btn-link: hover,.navbar-default .btn-link[disabled]: focus,fieldset[disabled] .navbar-default .btn-link: focus {
	color: #ccc
}
.navbar-inverse {
	background-color: #222;
	border-color: #080808
}
.navbar-inverse .navbar-brand {
	color: #9d9d9d
}
.navbar-inverse .navbar-brand: hover,.navbar-inverse .navbar-brand: focus {
	color: #fff;
	background-color: transparent
}
.navbar-inverse .navbar-text {
	color: #9d9d9d
}
.navbar-inverse .navbar-nav>li>a {
	color: #9d9d9d
}
.navbar-inverse .navbar-nav>li>a: hover,.navbar-inverse .navbar-nav>li>a: focus {
	color: #fff;
	background-color: transparent
}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a: hover,.navbar-inverse .navbar-nav>.active>a: focus {
	color: #fff;
	background-color: #080808
}
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a: hover,.navbar-inverse .navbar-nav>.disabled>a: focus {
	color: #444;
	background-color: transparent
}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a: hover,.navbar-inverse .navbar-nav>.open>a: focus {
	color: #fff;
	background-color: #080808
}
@media(max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
	border-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
	background-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #9d9d9d
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a: hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a: focus {
	color: #fff;
	background-color: transparent
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a: hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a: focus {
	color: #fff;
	background-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a: hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a: focus {
	color: #444;
	background-color: transparent
}
}.navbar-inverse .navbar-toggle {
	border-color: #333
}
.navbar-inverse .navbar-toggle: hover,.navbar-inverse .navbar-toggle: focus {
	background-color: #333
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #fff
}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
	border-color: #101010
}
.navbar-inverse .navbar-link {
	color: #9d9d9d
}
.navbar-inverse .navbar-link: hover {
	color: #fff
}
.navbar-inverse .btn-link {
	color: #9d9d9d
}
.navbar-inverse .btn-link: hover,.navbar-inverse .btn-link: focus {
	color: #fff
}
.navbar-inverse .btn-link[disabled]: hover,fieldset[disabled] .navbar-inverse .btn-link: hover,.navbar-inverse .btn-link[disabled]: focus,fieldset[disabled] .navbar-inverse .btn-link: focus {
	color: #444
}
.breadcrumb {
	padding: 0;
	margin: 20px 0 40px;
	list-style: none;
	background-color: #f5f5f5;
	border-radius: 4px;
}
@media(max-width: 567px) {.breadcrumb{margin: 0 0 20px;}}

.breadcrumb>li {
	display: inline-block
}
@media(max-width: 567px) {.breadcrumb>li{font-size: 14px;color: #646464;}}

.breadcrumb>li+li: before {
	padding: 0 5px;
	color: #ccc;
	content: "/ "
}
.breadcrumb>.active {
	color: #777
}
.breadcrumb .breadcrumb-item + .breadcrumb-item {
	padding-left: 0.8rem;
}
@media(max-width: 567px) {.breadcrumb .breadcrumb-item + .breadcrumb-item{padding-left: 0;}}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
	content: "＞";
	font-size: 16px;
	padding-right: 0.8rem;
	position: relative;
}
@media(max-width: 567px) {.breadcrumb .breadcrumb-item + .breadcrumb-item::before{padding-right: 0;}}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}
.pagination>li {
	display: inline
}
.pagination>li>a,.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd
}
.pagination>li>a: hover,.pagination>li>span: hover,.pagination>li>a: focus,.pagination>li>span: focus {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd
}
.pagination>li: first-child>a,.pagination>li: first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.pagination>li: last-child>a,.pagination>li: last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a: hover,.pagination>.active>span: hover,.pagination>.active>a: focus,.pagination>.active>span: focus {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7
}
.pagination>.disabled>span,.pagination>.disabled>span: hover,.pagination>.disabled>span: focus,.pagination>.disabled>a,.pagination>.disabled>a: hover,.pagination>.disabled>a: focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}
.pagination-lg>li>a,.pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}
.pagination-lg>li: first-child>a,.pagination-lg>li: first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}
.pagination-lg>li: last-child>a,.pagination-lg>li: last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}
.pagination-sm>li>a,.pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5
}
.pagination-sm>li: first-child>a,.pagination-sm>li: first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}
.pagination-sm>li: last-child>a,.pagination-sm>li: last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}
.pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none
}
.pager li {
	display: inline
}
.pager li>a,.pager li>span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px
}
.pager li>a: hover,.pager li>a: focus {
	text-decoration: none;
	background-color: #eee
}
.pager .next>a,.pager .next>span {
	float: right
}
.pager .previous>a,.pager .previous>span {
	float: left
}
.pager .disabled>a,.pager .disabled>a: hover,.pager .disabled>a: focus,.pager .disabled>span {
	color: #777;
	cursor: not-allowed;
	background-color: #fff
}
.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em
}
a.label: hover,a.label: focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}
.label: empty {
	display: none
}
.btn .label {
	position: relative;
	top: -1px
}
.label-default {
	background-color: #777
}
.label-default[href]: hover,.label-default[href]: focus {
	background-color: #5e5e5e
}
.label-primary {
	background-color: #337ab7
}
.label-primary[href]: hover,.label-primary[href]: focus {
	background-color: #286090
}
.label-success {
	background-color: #5cb85c
}
.label-success[href]: hover,.label-success[href]: focus {
	background-color: #449d44
}
.label-info {
	background-color: #5bc0de
}
.label-info[href]: hover,.label-info[href]: focus {
	background-color: #31b0d5
}
.label-warning {
	background-color: #f0ad4e
}
.label-warning[href]: hover,.label-warning[href]: focus {
	background-color: #ec971f
}
.label-danger {
	background-color: #d9534f
}
.label-danger[href]: hover,.label-danger[href]: focus {
	background-color: #c9302c
}
.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 10px
}
.badge: empty {
	display: none
}
.btn .badge {
	position: relative;
	top: -1px
}
.btn-xs .badge,.btn-group-xs>.btn .badge {
	top: 0;
	padding: 1px 5px
}
a.badge: hover,a.badge: focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}
.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
	color: #337ab7;
	background-color: #fff
}
.list-group-item>.badge {
	float: right
}
.list-group-item>.badge+.badge {
	margin-right: 5px
}
.nav-pills>li>a>.badge {
	margin-left: 3px
}
.jumbotron {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	color: inherit;
	background-color: #eee
}
.jumbotron h1,.jumbotron .h1 {
	color: inherit
}
.jumbotron p {
	margin-bottom: 15px;
	font-size: 21px;
	font-weight: 200
}
.jumbotron>hr {
	border-top-color: #d5d5d5
}
.container .jumbotron,.container-fluid .jumbotron {
	padding-right: 15px;
	padding-left: 15px;
	border-radius: 6px
}
.jumbotron .container {
	max-width: 100%
}
@media screen and (min-width: 768px) {
	.jumbotron {
	padding-top: 48px;
	padding-bottom: 48px
}
.container .jumbotron,.container-fluid .jumbotron {
	padding-right: 60px;
	padding-left: 60px
}
.jumbotron h1,.jumbotron .h1 {
	font-size: 63px
}
}.thumbnail {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out
}
.thumbnail>img,.thumbnail a>img {
	margin-right: auto;
	margin-left: auto
}
a.thumbnail: hover,a.thumbnail: focus,a.thumbnail.active {
	border-color: #337ab7
}
.thumbnail .caption {
	padding: 9px;
	color: #333
}
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px
}
.alert h4 {
	margin-top: 0;
	color: inherit
}
.alert .alert-link {
	font-weight: bold
}
.alert>p,.alert>ul {
	margin-bottom: 0
}
.alert>p+p {
	margin-top: 5px
}
.alert-dismissable,.alert-dismissible {
	padding-right: 35px
}
.alert-dismissable .close,.alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit
}
.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6
}
.alert-success hr {
	border-top-color: #c9e2b3
}
.alert-success .alert-link {
	color: #2b542c
}
.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}
.alert-info hr {
	border-top-color: #a6e1ec
}
.alert-info .alert-link {
	color: #245269
}
.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc
}
.alert-warning hr {
	border-top-color: #f7e1b5
}
.alert-warning .alert-link {
	color: #66512c
}
.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}
.alert-danger hr {
	border-top-color: #e4b9c0
}
.alert-danger .alert-link {
	color: #843534
}
@-webkit-keyframes progress-bar-stripes {
	from {
	background-position: 40px 0
}
to {
	background-position: 0 0
}
}@-o-keyframes progress-bar-stripes {
	from {
	background-position: 40px 0
}
to {
	background-position: 0 0
}
}@keyframes progress-bar-stripes {
	from {
	background-position: 40px 0
}
to {
	background-position: 0 0
}
}.progress {
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
.progress-bar {
	float: left;
	width: 0%;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #337ab7;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease
}
.progress-striped .progress-bar,.progress-bar-striped {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px
}
.progress.active .progress-bar,.progress-bar.active {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
	background-color: #5cb85c
}
.progress-striped .progress-bar-success {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}
.progress-bar-info {
	background-color: #5bc0de
}
.progress-striped .progress-bar-info {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}
.progress-bar-warning {
	background-color: #f0ad4e
}
.progress-striped .progress-bar-warning {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}
.progress-bar-danger {
	background-color: #d9534f
}
.progress-striped .progress-bar-danger {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}
.media {
	margin-top: 15px
}
.media: first-child {
	margin-top: 0
}
.media,.media-body {
	overflow: hidden;
	zoom: 1
}
.media-body {
	width: 10000px
}
.media-object {
	display: block
}
.media-object.img-thumbnail {
	max-width: none
}
.media-right,.media>.pull-right {
	padding-left: 10px
}
.media-left,.media>.pull-left {
	padding-right: 10px
}
.media-left,.media-right,.media-body {
	display: table-cell;
	vertical-align: top
}
.media-middle {
	vertical-align: middle
}
.media-bottom {
	vertical-align: bottom
}
.media-heading {
	margin-top: 0;
	margin-bottom: 5px
}
.media-list {
	padding-left: 0;
	list-style: none
}
.list-group {
	padding-left: 0;
	margin-bottom: 20px
}
.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd
}
.list-group-item: first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}
.list-group-item: last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}
.list-group-item.disabled,.list-group-item.disabled: hover,.list-group-item.disabled: focus {
	color: #777;
	cursor: not-allowed;
	background-color: #eee
}
.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled: hover .list-group-item-heading,.list-group-item.disabled: focus .list-group-item-heading {
	color: inherit
}
.list-group-item.disabled .list-group-item-text,.list-group-item.disabled: hover .list-group-item-text,.list-group-item.disabled: focus .list-group-item-text {
	color: #777
}
.list-group-item.active,.list-group-item.active: hover,.list-group-item.active: focus {
	z-index: 2;
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7
}
.list-group-item.active .list-group-item-heading,.list-group-item.active: hover .list-group-item-heading,.list-group-item.active: focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active: hover .list-group-item-heading>small,.list-group-item.active: focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active: hover .list-group-item-heading>.small,.list-group-item.active: focus .list-group-item-heading>.small {
	color: inherit
}
.list-group-item.active .list-group-item-text,.list-group-item.active: hover .list-group-item-text,.list-group-item.active: focus .list-group-item-text {
	color: #c7ddef
}
a.list-group-item,button.list-group-item {
	color: #555
}
a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading {
	color: #333
}
a.list-group-item: hover,button.list-group-item: hover,a.list-group-item: focus,button.list-group-item: focus {
	color: #555;
	text-decoration: none;
	background-color: #f5f5f5
}
button.list-group-item {
	width: 100%;
	text-align: left
}
.list-group-item-success {
	color: #3c763d;
	background-color: #dff0d8
}
a.list-group-item-success,button.list-group-item-success {
	color: #3c763d
}
a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading {
	color: inherit
}
a.list-group-item-success: hover,button.list-group-item-success: hover,a.list-group-item-success: focus,button.list-group-item-success: focus {
	color: #3c763d;
	background-color: #d0e9c6
}
a.list-group-item-success.active,button.list-group-item-success.active,a.list-group-item-success.active: hover,button.list-group-item-success.active: hover,a.list-group-item-success.active: focus,button.list-group-item-success.active: focus {
	color: #fff;
	background-color: #3c763d;
	border-color: #3c763d
}
.list-group-item-info {
	color: #31708f;
	background-color: #d9edf7
}
a.list-group-item-info,button.list-group-item-info {
	color: #31708f
}
a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading {
	color: inherit
}
a.list-group-item-info: hover,button.list-group-item-info: hover,a.list-group-item-info: focus,button.list-group-item-info: focus {
	color: #31708f;
	background-color: #c4e3f3
}
a.list-group-item-info.active,button.list-group-item-info.active,a.list-group-item-info.active: hover,button.list-group-item-info.active: hover,a.list-group-item-info.active: focus,button.list-group-item-info.active: focus {
	color: #fff;
	background-color: #31708f;
	border-color: #31708f
}
.list-group-item-warning {
	color: #8a6d3b;
	background-color: #fcf8e3
}
a.list-group-item-warning,button.list-group-item-warning {
	color: #8a6d3b
}
a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading {
	color: inherit
}
a.list-group-item-warning: hover,button.list-group-item-warning: hover,a.list-group-item-warning: focus,button.list-group-item-warning: focus {
	color: #8a6d3b;
	background-color: #faf2cc
}
a.list-group-item-warning.active,button.list-group-item-warning.active,a.list-group-item-warning.active: hover,button.list-group-item-warning.active: hover,a.list-group-item-warning.active: focus,button.list-group-item-warning.active: focus {
	color: #fff;
	background-color: #8a6d3b;
	border-color: #8a6d3b
}
.list-group-item-danger {
	color: #a94442;
	background-color: #f2dede
}
a.list-group-item-danger,button.list-group-item-danger {
	color: #a94442
}
a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading {
	color: inherit
}
a.list-group-item-danger: hover,button.list-group-item-danger: hover,a.list-group-item-danger: focus,button.list-group-item-danger: focus {
	color: #a94442;
	background-color: #ebcccc
}
a.list-group-item-danger.active,button.list-group-item-danger.active,a.list-group-item-danger.active: hover,button.list-group-item-danger.active: hover,a.list-group-item-danger.active: focus,button.list-group-item-danger.active: focus {
	color: #fff;
	background-color: #a94442;
	border-color: #a94442
}
.list-group-item-heading {
	margin-top: 0;
	margin-bottom: 5px
}
.list-group-item-text {
	margin-bottom: 0;
	line-height: 1.3
}
.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}
.panel-body {
	padding: 15px
}
.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}
.panel-heading>.dropdown .dropdown-toggle {
	color: inherit
}
.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit
}
.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a {
	color: inherit
}
.panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}
.panel>.list-group,.panel>.panel-collapse>.list-group {
	margin-bottom: 0
}
.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
	border-width: 1px 0;
	border-radius: 0
}
.panel>.list-group: first-child .list-group-item: first-child,.panel>.panel-collapse>.list-group: first-child .list-group-item: first-child {
	border-top: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}
.panel>.list-group: last-child .list-group-item: last-child,.panel>.panel-collapse>.list-group: last-child .list-group-item: last-child {
	border-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item: first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}
.panel-heading+.list-group .list-group-item: first-child {
	border-top-width: 0
}
.list-group+.panel-footer {
	border-top-width: 0
}
.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table {
	margin-bottom: 0
}
.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption {
	padding-right: 15px;
	padding-left: 15px
}
.panel>.table: first-child,.panel>.table-responsive: first-child>.table: first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}
.panel>.table: first-child>thead: first-child>tr: first-child,.panel>.table-responsive: first-child>.table: first-child>thead: first-child>tr: first-child,.panel>.table: first-child>tbody: first-child>tr: first-child,.panel>.table-responsive: first-child>.table: first-child>tbody: first-child>tr: first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}
.panel>.table: first-child>thead: first-child>tr: first-child td: first-child,.panel>.table-responsive: first-child>.table: first-child>thead: first-child>tr: first-child td: first-child,.panel>.table: first-child>tbody: first-child>tr: first-child td: first-child,.panel>.table-responsive: first-child>.table: first-child>tbody: first-child>tr: first-child td: first-child,.panel>.table: first-child>thead: first-child>tr: first-child th: first-child,.panel>.table-responsive: first-child>.table: first-child>thead: first-child>tr: first-child th: first-child,.panel>.table: first-child>tbody: first-child>tr: first-child th: first-child,.panel>.table-responsive: first-child>.table: first-child>tbody: first-child>tr: first-child th: first-child {
	border-top-left-radius: 3px
}
.panel>.table: first-child>thead: first-child>tr: first-child td: last-child,.panel>.table-responsive: first-child>.table: first-child>thead: first-child>tr: first-child td: last-child,.panel>.table: first-child>tbody: first-child>tr: first-child td: last-child,.panel>.table-responsive: first-child>.table: first-child>tbody: first-child>tr: first-child td: last-child,.panel>.table: first-child>thead: first-child>tr: first-child th: last-child,.panel>.table-responsive: first-child>.table: first-child>thead: first-child>tr: first-child th: last-child,.panel>.table: first-child>tbody: first-child>tr: first-child th: last-child,.panel>.table-responsive: first-child>.table: first-child>tbody: first-child>tr: first-child th: last-child {
	border-top-right-radius: 3px
}
.panel>.table: last-child,.panel>.table-responsive: last-child>.table: last-child {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}
.panel>.table: last-child>tbody: last-child>tr: last-child,.panel>.table-responsive: last-child>.table: last-child>tbody: last-child>tr: last-child,.panel>.table: last-child>tfoot: last-child>tr: last-child,.panel>.table-responsive: last-child>.table: last-child>tfoot: last-child>tr: last-child {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}
.panel>.table: last-child>tbody: last-child>tr: last-child td: first-child,.panel>.table-responsive: last-child>.table: last-child>tbody: last-child>tr: last-child td: first-child,.panel>.table: last-child>tfoot: last-child>tr: last-child td: first-child,.panel>.table-responsive: last-child>.table: last-child>tfoot: last-child>tr: last-child td: first-child,.panel>.table: last-child>tbody: last-child>tr: last-child th: first-child,.panel>.table-responsive: last-child>.table: last-child>tbody: last-child>tr: last-child th: first-child,.panel>.table: last-child>tfoot: last-child>tr: last-child th: first-child,.panel>.table-responsive: last-child>.table: last-child>tfoot: last-child>tr: last-child th: first-child {
	border-bottom-left-radius: 3px
}
.panel>.table: last-child>tbody: last-child>tr: last-child td: last-child,.panel>.table-responsive: last-child>.table: last-child>tbody: last-child>tr: last-child td: last-child,.panel>.table: last-child>tfoot: last-child>tr: last-child td: last-child,.panel>.table-responsive: last-child>.table: last-child>tfoot: last-child>tr: last-child td: last-child,.panel>.table: last-child>tbody: last-child>tr: last-child th: last-child,.panel>.table-responsive: last-child>.table: last-child>tbody: last-child>tr: last-child th: last-child,.panel>.table: last-child>tfoot: last-child>tr: last-child th: last-child,.panel>.table-responsive: last-child>.table: last-child>tfoot: last-child>tr: last-child th: last-child {
	border-bottom-right-radius: 3px
}
.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
	border-top: 1px solid #ddd
}
.panel>.table>tbody: first-child>tr: first-child th,.panel>.table>tbody: first-child>tr: first-child td {
	border-top: 0
}
.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
	border: 0
}
.panel>.table-bordered>thead>tr>th: first-child,.panel>.table-responsive>.table-bordered>thead>tr>th: first-child,.panel>.table-bordered>tbody>tr>th: first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th: first-child,.panel>.table-bordered>tfoot>tr>th: first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th: first-child,.panel>.table-bordered>thead>tr>td: first-child,.panel>.table-responsive>.table-bordered>thead>tr>td: first-child,.panel>.table-bordered>tbody>tr>td: first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td: first-child,.panel>.table-bordered>tfoot>tr>td: first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td: first-child {
	border-left: 0
}
.panel>.table-bordered>thead>tr>th: last-child,.panel>.table-responsive>.table-bordered>thead>tr>th: last-child,.panel>.table-bordered>tbody>tr>th: last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th: last-child,.panel>.table-bordered>tfoot>tr>th: last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th: last-child,.panel>.table-bordered>thead>tr>td: last-child,.panel>.table-responsive>.table-bordered>thead>tr>td: last-child,.panel>.table-bordered>tbody>tr>td: last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td: last-child,.panel>.table-bordered>tfoot>tr>td: last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td: last-child {
	border-right: 0
}
.panel>.table-bordered>thead>tr: first-child>td,.panel>.table-responsive>.table-bordered>thead>tr: first-child>td,.panel>.table-bordered>tbody>tr: first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr: first-child>td,.panel>.table-bordered>thead>tr: first-child>th,.panel>.table-responsive>.table-bordered>thead>tr: first-child>th,.panel>.table-bordered>tbody>tr: first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr: first-child>th {
	border-bottom: 0
}
.panel>.table-bordered>tbody>tr: last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr: last-child>td,.panel>.table-bordered>tfoot>tr: last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr: last-child>td,.panel>.table-bordered>tbody>tr: last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr: last-child>th,.panel>.table-bordered>tfoot>tr: last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr: last-child>th {
	border-bottom: 0
}
.panel>.table-responsive {
	margin-bottom: 0;
	border: 0
}
.panel-group {
	margin-bottom: 20px
}
.panel-group .panel {
	margin-bottom: 0;
	border-radius: 4px
}
.panel-group .panel+.panel {
	margin-top: 5px
}
.panel-group .panel-heading {
	border-bottom: 0
}
.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group {
	border-top: 1px solid #ddd
}
.panel-group .panel-footer {
	border-top: 0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
	border-bottom: 1px solid #ddd
}
.panel-default {
	border-color: #ddd
}
.panel-default>.panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ddd
}
.panel-default>.panel-heading .badge {
	color: #f5f5f5;
	background-color: #333
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #ddd
}
.panel-primary {
	border-color: #337ab7
}
.panel-primary>.panel-heading {
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #337ab7
}
.panel-primary>.panel-heading .badge {
	color: #337ab7;
	background-color: #fff
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #337ab7
}
.panel-success {
	border-color: #d6e9c6
}
.panel-success>.panel-heading {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #d6e9c6
}
.panel-success>.panel-heading .badge {
	color: #dff0d8;
	background-color: #3c763d
}
.panel-success>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #d6e9c6
}
.panel-info {
	border-color: #bce8f1
}
.panel-info>.panel-heading {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #bce8f1
}
.panel-info>.panel-heading .badge {
	color: #d9edf7;
	background-color: #31708f
}
.panel-info>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #bce8f1
}
.panel-warning {
	border-color: #faebcc
}
.panel-warning>.panel-heading {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #faebcc
}
.panel-warning>.panel-heading .badge {
	color: #fcf8e3;
	background-color: #8a6d3b
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #faebcc
}
.panel-danger {
	border-color: #ebccd1
}
.panel-danger>.panel-heading {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ebccd1
}
.panel-danger>.panel-heading .badge {
	color: #f2dede;
	background-color: #a94442
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #ebccd1
}
.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden
}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}
.embed-responsive-16by9 {
	padding-bottom: 56.25%
}
.embed-responsive-4by3 {
	padding-bottom: 75%
}
.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.well blockquote {
	border-color: #ddd;
	border-color: rgba(0, 0, 0, 0.15)
}
.well-lg {
	padding: 24px;
	border-radius: 6px
}
.well-sm {
	padding: 9px;
	border-radius: 3px
}
.close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2
}
.close: hover,.close: focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5
}
button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.modal-open {
	overflow: hidden
}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0
}
.modal.fade .modal-dialog {
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}
.modal-content {
	position: relative;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	outline: 0
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0
}
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5
}
.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
	margin-top: -2px
}
.modal-title {
	margin: 0;
	line-height: 1.42857143
}
.modal-body {
	position: relative;
	padding: 15px
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}
.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}
.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
	margin-left: 0
}
.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}
@media(min-width: 768px) {
	.modal-dialog {
	width: 600px;
	margin: 30px auto
}
.modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
}
.modal-sm {
	width: 300px
}
}@media(min-width: 992px) {
	.modal-lg {
	width: 900px
}
}.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.42857143;
	line-break: auto;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	font-size: 12px;
	filter: alpha(opacity=0);
	opacity: 0
}
.tooltip.in {
	filter: alpha(opacity=90);
	opacity: .9
}
.tooltip.top {
	padding: 5px 0;
	margin-top: -3px
}
.tooltip.right {
	padding: 0 5px;
	margin-left: 3px
}
.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px
}
.tooltip.left {
	padding: 0 5px;
	margin-left: -3px
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.tooltip.top-left .tooltip-arrow {
	right: 5px;
	bottom: 0;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.tooltip.top-right .tooltip-arrow {
	bottom: 0;
	left: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	right: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	left: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: 4px
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.42857143;
	line-break: auto;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	font-size: 14px;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}
.popover.top {
	margin-top: -10px
}
.popover.right {
	margin-left: 10px
}
.popover.bottom {
	margin-top: 10px
}
.popover.left {
	margin-left: -10px
}
.popover>.arrow {
	border-width: 11px
}
.popover>.arrow,.popover>.arrow: after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}
.popover>.arrow: after {
	content: "";
	border-width: 10px
}
.popover.top>.arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, 0.25);
	border-bottom-width: 0
}
.popover.top>.arrow: after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: #fff;
	border-bottom-width: 0
}
.popover.right>.arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: #999;
	border-right-color: rgba(0, 0, 0, 0.25);
	border-left-width: 0
}
.popover.right>.arrow: after {
	bottom: -10px;
	left: 1px;
	content: " ";
	border-right-color: #fff;
	border-left-width: 0
}
.popover.bottom>.arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, 0.25)
}
.popover.bottom>.arrow: after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #fff
}
.popover.left>.arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0, 0, 0, 0.25)
}
.popover.left>.arrow: after {
	right: 1px;
	bottom: -10px;
	content: " ";
	border-right-width: 0;
	border-left-color: #fff
}
.popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0
}
.popover-content {
	padding: 9px 14px
}
.carousel {
	position: relative
}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}
.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}
.carousel-inner>.item>img,.carousel-inner>.item>a>img {
	line-height: 1
}
@media all and (transform-3d),(-webkit-transform-3d) {
	.carousel-inner>.item {
	-webkit-transition: -webkit-transform .6s ease-in-out;
	-o-transition: -o-transform .6s ease-in-out;
	transition: -webkit-transform .6s ease-in-out;
	transition: transform .6s ease-in-out;
	transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px
}
.carousel-inner>.item.next,.carousel-inner>.item.active.right {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	left: 0
}
.carousel-inner>.item.prev,.carousel-inner>.item.active.left {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	left: 0
}
.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	left: 0
}
}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
	display: block
}
.carousel-inner>.active {
	left: 0
}
.carousel-inner>.next,.carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}
.carousel-inner>.next {
	left: 100%
}
.carousel-inner>.prev {
	left: -100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right {
	left: 0
}
.carousel-inner>.active.left {
	left: -100%
}
.carousel-inner>.active.right {
	left: 100%
}
.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	background-color: rgba(0, 0, 0, 0);
	filter: alpha(opacity=50);
	opacity: .5
}
.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
	background-repeat: repeat-x
}
.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
	background-repeat: repeat-x
}
.carousel-control: hover,.carousel-control: focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	filter: alpha(opacity=90);
	opacity: .9
}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px
}
.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {
	left: 50%;
	margin-left: -10px
}
.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right {
	right: 50%;
	margin-right: -10px
}
.carousel-control .icon-prev,.carousel-control .icon-next {
	width: 20px;
	height: 20px;
	font-family: serif;
	line-height: 1
}
.carousel-control .icon-prev: before {
	content: "‹"
}
.carousel-control .icon-next: before {
	content: "›"
}
.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none
}
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9 ;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	border-radius: 10px
}
.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #fff
}
.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.carousel-caption .btn {
	text-shadow: none
}
@media screen and (min-width: 768px) {
	.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next {
	width: 30px;
	height: 30px;
	margin-top: -10px;
	font-size: 30px
}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
	margin-left: -10px
}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
	margin-right: -10px
}
.carousel-caption {
	right: 20%;
	left: 20%;
	padding-bottom: 30px
}
.carousel-indicators {
	bottom: 20px
}
}.clearfix: before,.clearfix: after,.dl-horizontal dd: before,.dl-horizontal dd: after,.container: before,.container: after,.container-fluid: before,.container-fluid: after,.row: before,.row: after,.form-horizontal .form-group: before,.form-horizontal .form-group: after,.btn-toolbar: before,.btn-toolbar: after,.btn-group-vertical>.btn-group: before,.btn-group-vertical>.btn-group: after,.nav: before,.nav: after,.navbar: before,.navbar: after,.navbar-header: before,.navbar-header: after,.navbar-collapse: before,.navbar-collapse: after,.pager: before,.pager: after,.panel-body: before,.panel-body: after,.modal-header: before,.modal-header: after,.modal-footer: before,.modal-footer: after {
	display: table;
	content: " "
}
.clearfix: after,.dl-horizontal dd: after,.container: after,.container-fluid: after,.row: after,.form-horizontal .form-group: after,.btn-toolbar: after,.btn-group-vertical>.btn-group: after,.nav: after,.navbar: after,.navbar-header: after,.navbar-collapse: after,.pager: after,.panel-body: after,.modal-header: after,.modal-footer: after {
	clear: both
}
.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto
}
.pull-right {
	float: right !important
}
.pull-left {
	float: left !important
}
.hide {
	display: none !important
}
.show {
	display: block !important
}
.invisible {
	visibility: hidden
}
.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}
.hidden {
	display: none !important
}
.affix {
	position: fixed
}
@-ms-viewport {
	width: device-width
}
.visible-xs,.visible-sm,.visible-md,.visible-lg {
	display: none !important
}
.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block {
	display: none !important
}
@media(max-width: 767px) {
	.visible-xs {
	display: block !important
}
table.visible-xs {
	display: table !important
}
tr.visible-xs {
	display: table-row !important
}
th.visible-xs,td.visible-xs {
	display: table-cell !important
}
}@media(max-width: 767px) {
	.visible-xs-block {
	display: block !important
}
}@media(max-width: 767px) {
	.visible-xs-inline {
	display: inline !important
}
}@media(max-width: 767px) {
	.visible-xs-inline-block {
	display: inline-block !important
}
}@media(min-width: 768px)and (max-width: 991px) {
	.visible-sm {
	display: block !important
}
table.visible-sm {
	display: table !important
}
tr.visible-sm {
	display: table-row !important
}
th.visible-sm,td.visible-sm {
	display: table-cell !important
}
}@media(min-width: 768px)and (max-width: 991px) {
	.visible-sm-block {
	display: block !important
}
}@media(min-width: 768px)and (max-width: 991px) {
	.visible-sm-inline {
	display: inline !important
}
}@media(min-width: 768px)and (max-width: 991px) {
	.visible-sm-inline-block {
	display: inline-block !important
}
}@media(min-width: 992px)and (max-width: 1199px) {
	.visible-md {
	display: block !important
}
table.visible-md {
	display: table !important
}
tr.visible-md {
	display: table-row !important
}
th.visible-md,td.visible-md {
	display: table-cell !important
}
}@media(min-width: 992px)and (max-width: 1199px) {
	.visible-md-block {
	display: block !important
}
}@media(min-width: 992px)and (max-width: 1199px) {
	.visible-md-inline {
	display: inline !important
}
}@media(min-width: 992px)and (max-width: 1199px) {
	.visible-md-inline-block {
	display: inline-block !important
}
}@media(min-width: 1200px) {
	.visible-lg {
	display: block !important
}
table.visible-lg {
	display: table !important
}
tr.visible-lg {
	display: table-row !important
}
th.visible-lg,td.visible-lg {
	display: table-cell !important
}
}@media(min-width: 1200px) {
	.visible-lg-block {
	display: block !important
}
}@media(min-width: 1200px) {
	.visible-lg-inline {
	display: inline !important
}
}@media(min-width: 1200px) {
	.visible-lg-inline-block {
	display: inline-block !important
}
}@media(max-width: 767px) {
	.hidden-xs {
	display: none !important
}
}@media(min-width: 768px)and (max-width: 991px) {
	.hidden-sm {
	display: none !important
}
}@media(min-width: 992px)and (max-width: 1199px) {
	.hidden-md {
	display: none !important
}
}@media(min-width: 1200px) {
	.hidden-lg {
	display: none !important
}
}.visible-print {
	display: none !important
}
@media print {
	.visible-print {
	display: block !important
}
table.visible-print {
	display: table !important
}
tr.visible-print {
	display: table-row !important
}
th.visible-print,td.visible-print {
	display: table-cell !important
}
}.visible-print-block {
	display: none !important
}
@media print {
	.visible-print-block {
	display: block !important
}
}.visible-print-inline {
	display: none !important
}
@media print {
	.visible-print-inline {
	display: inline !important
}
}.visible-print-inline-block {
	display: none !important
}
@media print {
	.visible-print-inline-block {
	display: inline-block !important
}
}@media print {
	.hidden-print {
	display: none !important
}
}.croppie-container {
	width: 100%;
	height: 100%
}
.croppie-container .cr-image {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: 0 0;
	max-height: none;
	max-width: none
}
.croppie-container .cr-boundary {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	z-index: 1;
	width: 100%;
	height: 100%
}
.croppie-container .cr-viewport,.croppie-container .cr-resizer {
	position: absolute;
	border: 2px solid #fff;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
	z-index: 0
}
.croppie-container .cr-resizer {
	z-index: 2;
	box-shadow: none;
	pointer-events: none
}
.croppie-container .cr-resizer-vertical,.croppie-container .cr-resizer-horisontal {
	position: absolute;
	pointer-events: all
}
.croppie-container .cr-resizer-vertical: : after,.croppie-container .cr-resizer-horisontal: : after {
	display: block;
	position: absolute;
	box-sizing: border-box;
	border: 1px solid black;
	background: #fff;
	width: 10px;
	height: 10px;
	content: ""
}
.croppie-container .cr-resizer-vertical {
	bottom: -5px;
	cursor: row-resize;
	width: 100%;
	height: 10px
}
.croppie-container .cr-resizer-vertical: : after {
	left: 50%;
	margin-left: -5px
}
.croppie-container .cr-resizer-horisontal {
	right: -5px;
	cursor: col-resize;
	width: 10px;
	height: 100%
}
.croppie-container .cr-resizer-horisontal: : after {
	top: 50%;
	margin-top: -5px
}
.croppie-container .cr-original-image {
	display: none
}
.croppie-container .cr-vp-circle {
	border-radius: 50%
}
.croppie-container .cr-overlay {
	z-index: 1;
	position: absolute;
	cursor: move;
	touch-action: none
}
.croppie-container .cr-slider-wrap {
	width: 75%;
	margin: 15px auto;
	text-align: center
}
.croppie-result {
	position: relative;
	overflow: hidden
}
.croppie-result img {
	position: absolute
}
.croppie-container .cr-image,.croppie-container .cr-overlay,.croppie-container .cr-viewport {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0)
}
.cr-slider {
	-webkit-appearance: none;
	width: 300px;
	max-width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: transparent
}
.cr-slider: : -webkit-slider-runnable-track {
	width: 100%;
	height: 3px;
	background: rgba(0, 0, 0, 0.5);
	border: 0;
	border-radius: 3px
}
.cr-slider: : -webkit-slider-thumb {
	-webkit-appearance: none;
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top: -6px
}
.cr-slider: focus {
	outline: none
}
.cr-slider: : -moz-range-track {
	width: 100%;
	height: 3px;
	background: rgba(0, 0, 0, 0.5);
	border: 0;
	border-radius: 3px
}
.cr-slider: : -moz-range-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top: -6px
}
.cr-slider: -moz-focusring {
	outline: 1px solid white;
	outline-offset: -1px
}
.cr-slider: : -ms-track {
	width: 100%;
	height: 5px;
	background: transparent;
	border-color: transparent;
	border-width: 6px 0;
	color: transparent
}
.cr-slider: : -ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px
}
.cr-slider: : -ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px
}
.cr-slider: : -ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top: 1px
}
.cr-slider: focus: : -ms-fill-lower {
	background: rgba(0, 0, 0, 0.5)
}
.cr-slider: focus: : -ms-fill-upper {
	background: rgba(0, 0, 0, 0.5)
}
.cr-rotate-controls {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1
}
.cr-rotate-controls button {
	border: 0;
	background: none
}
.cr-rotate-controls i: before {
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 22px
}
.cr-rotate-l i: before {
	content: "↺"
}
.cr-rotate-r i: before {
	content: "↻"
}
.cropit-preview.cropit-image-loading .spinner {
	opacity: 1
}
.cropit-preview.cropit-image-loaded .cropit-preview-image-container {
	cursor: move
}
.cropit-image-zoom-input[disabled] {
	opacity: .2
}
input.cropit-image-input {
	visibility: hidden
}
.cropit-preview-background {
	opacity: .2
}
input.cropit-image-zoom-input {
	position: relative
}
#image-cropper {
	overflow: hidden
}
/*! * froala_editor v2.9.8 (https: //www.froala.com/wysiwyg-editor) * License https: //froala.com/wysiwyg-editor/terms/ * Copyright 2014-2020 Froala Labs*/
	.clearfix: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.hide-by-clipping {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
img.fr-rounded,.fr-img-caption.fr-rounded img {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}
img.fr-bordered,.fr-img-caption.fr-bordered img {
	border: solid 5px #ccc
}
img.fr-bordered {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.fr-img-caption.fr-bordered img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
img.fr-shadow,.fr-img-caption.fr-shadow img {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16)
}
.fr-view {
	word-wrap: break-word
}
.fr-view span[style~="color: "] a {
	color: inherit
}
.fr-view strong {
	font-weight: 700
}
.fr-view table {
	border: 0;
	border-collapse: collapse;
	empty-cells: show;
	max-width: 100%
}
.fr-view table td {
	min-width: 5px
}
.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th {
	border-style: dashed
}
.fr-view table.fr-alternate-rows tbody tr: nth-child(2n) {
	background: #f5f5f5
}
.fr-view table td,.fr-view table th {
	border: 1px solid #ddd
}
.fr-view table td: empty,.fr-view table th: empty {
	height: 20px
}
.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted {
	border: 1px double red
}
.fr-view table td.fr-thick,.fr-view table th.fr-thick {
	border-width: 2px
}
.fr-view table th {
	background: #e6e6e6
}
.fr-view hr {
	clear: both;
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	page-break-after: always
}
.fr-view .fr-file {
	position: relative
}
.fr-view .fr-file: : after {
	position: relative;
	content: "📎";
	font-weight: 400
}
.fr-view pre {
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: visible
}
.fr-view[dir=rtl] blockquote {
	border-left: 0;
	border-right: solid 2px #5e35b1;
	margin-right: 0;
	padding-right: 5px;
	padding-left: 0
}
.fr-view[dir=rtl] blockquote blockquote {
	border-color: #00bcd4
}
.fr-view[dir=rtl] blockquote blockquote blockquote {
	border-color: #43a047
}
.fr-view blockquote {
	border-left: solid 2px #5e35b1;
	margin-left: 0;
	padding-left: 5px;
	color: #5e35b1
}
.fr-view blockquote blockquote {
	border-color: #00bcd4;
	color: #00bcd4
}
.fr-view blockquote blockquote blockquote {
	border-color: #43a047;
	color: #43a047
}
.fr-view span.fr-emoticon {
	font-weight: 400;
	font-family: "Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;
	display: inline;
	line-height: 0
}
.fr-view span.fr-emoticon.fr-emoticon-img {
	background-repeat: no-repeat !important;
	font-size: inherit;
	height: 1em;
	width: 1em;
	min-height: 20px;
	min-width: 20px;
	display: inline-block;
	margin: -0.1em .1em .1em;
	line-height: 1;
	vertical-align: middle
}
.fr-view .fr-text-gray {
	color: #aaa !important
}
.fr-view .fr-text-bordered {
	border-top: solid 1px #222;
	border-bottom: solid 1px #222;
	padding: 10px 0
}
.fr-view .fr-text-spaced {
	letter-spacing: 1px
}
.fr-view .fr-text-uppercase {
	text-transform: uppercase
}
.fr-view .fr-class-highlighted {
	background-color: #ff0
}
.fr-view .fr-class-code {
	border-color: #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background: #f5f5f5;
	padding: 10px;
	font-family: "Courier New",Courier,monospace
}
.fr-view .fr-class-transparency {
	opacity: .5
}
.fr-view img {
	position: relative;
	max-width: 100%
}
.fr-view img.fr-dib {
	margin: 5px auto;
	display: block;
	float: none;
	vertical-align: top
}
.fr-view img.fr-dib.fr-fil {
	margin-left: 0;
	text-align: left
}
.fr-view img.fr-dib.fr-fir {
	margin-right: 0;
	text-align: right
}
.fr-view img.fr-dii {
	display: inline-block;
	float: none;
	vertical-align: bottom;
	margin-left: 5px;
	margin-right: 5px;
	max-width: calc(100% - 10px)
}
.fr-view img.fr-dii.fr-fil {
	float: left;
	margin: 5px 25px 5px 0;
	max-width: calc(100% - 5px)
}
.fr-view img.fr-dii.fr-fir {
	float: right;
	margin: 5px 0 5px 5px;
	max-width: calc(100% - 5px)
}
.fr-view span.fr-img-caption {
	position: relative;
	max-width: 100%
}
.fr-view span.fr-img-caption.fr-dib {
	margin: 5px auto;
	display: block;
	float: none;
	vertical-align: top
}
.fr-view span.fr-img-caption.fr-dib.fr-fil {
	margin-left: 0;
	text-align: left
}
.fr-view span.fr-img-caption.fr-dib.fr-fir {
	margin-right: 0;
	text-align: right
}
.fr-view span.fr-img-caption.fr-dii {
	display: inline-block;
	float: none;
	vertical-align: bottom;
	margin-left: 5px;
	margin-right: 5px;
	max-width: calc(100% - 10px)
}
.fr-view span.fr-img-caption.fr-dii.fr-fil {
	float: left;
	margin: 5px 25px 5px 0;
	max-width: calc(100% - 5px)
}
.fr-view span.fr-img-caption.fr-dii.fr-fir {
	float: right;
	margin: 5px 0 5px 5px;
	max-width: calc(100% - 5px)
}
.fr-view .fr-video {
	text-align: center;
	position: relative
}
.fr-view .fr-video.fr-rv {
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden
}
.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.fr-view .fr-video>* {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	max-width: 100%;
	border: 0
}
.fr-view .fr-video.fr-dvb {
	display: block;
	clear: both
}
.fr-view .fr-video.fr-dvb.fr-fvl {
	text-align: left
}
.fr-view .fr-video.fr-dvb.fr-fvr {
	text-align: right
}
.fr-view .fr-video.fr-dvi {
	display: inline-block
}
.fr-view .fr-video.fr-dvi.fr-fvl {
	float: left
}
.fr-view .fr-video.fr-dvi.fr-fvr {
	float: right
}
.fr-view a.fr-strong {
	font-weight: 700
}
.fr-view a.fr-green {
	color: green
}
.fr-view .fr-img-caption {
	text-align: center
}
.fr-view .fr-img-caption .fr-img-wrap {
	padding: 0;
	display: inline-block;
	margin: auto;
	text-align: center;
	width: 100%
}
.fr-view .fr-img-caption .fr-img-wrap img {
	display: block;
	margin: auto;
	width: 100%
}
.fr-view .fr-img-caption .fr-img-wrap>span {
	margin: auto;
	display: block;
	padding: 5px 5px 10px;
	font-size: 14px;
	font-weight: initial;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-opacity: .9;
	-moz-opacity: .9;
	opacity: .9;
	-ms-filter: "alpha(Opacity=0)";
	width: 100%;
	text-align: center
}
.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}
.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large {
	font-size: 24px
}
.fr-view ul,.fr-view ol {
	list-style-position: inside
}
a.fr-view.fr-strong {
	font-weight: 700
}
a.fr-view.fr-green {
	color: green
}
img.fr-view {
	position: relative;
	max-width: 100%
}
img.fr-view.fr-dib {
	margin: 5px auto;
	display: block;
	float: none;
	vertical-align: top
}
img.fr-view.fr-dib.fr-fil {
	margin-left: 0;
	text-align: left
}
img.fr-view.fr-dib.fr-fir {
	margin-right: 0;
	text-align: right
}
img.fr-view.fr-dii {
	display: inline-block;
	float: none;
	vertical-align: bottom;
	margin-left: 5px;
	margin-right: 5px;
	max-width: calc(100% - 10px)
}
img.fr-view.fr-dii.fr-fil {
	float: left;
	margin: 5px 25px 5px 0;
	max-width: calc(100% - 5px)
}
img.fr-view.fr-dii.fr-fir {
	float: right;
	margin: 5px 0 5px 5px;
	max-width: calc(100% - 5px)
}
span.fr-img-caption.fr-view {
	position: relative;
	max-width: 100%
}
span.fr-img-caption.fr-view.fr-dib {
	margin: 5px auto;
	display: block;
	float: none;
	vertical-align: top
}
span.fr-img-caption.fr-view.fr-dib.fr-fil {
	margin-left: 0;
	text-align: left
}
span.fr-img-caption.fr-view.fr-dib.fr-fir {
	margin-right: 0;
	text-align: right
}
span.fr-img-caption.fr-view.fr-dii {
	display: inline-block;
	float: none;
	vertical-align: bottom;
	margin-left: 5px;
	margin-right: 5px;
	max-width: calc(100% - 10px)
}
span.fr-img-caption.fr-view.fr-dii.fr-fil {
	float: left;
	margin: 5px 25px 5px 0;
	max-width: calc(100% - 5px)
}
span.fr-img-caption.fr-view.fr-dii.fr-fir {
	float: right;
	margin: 5px 0 5px 5px;
	max-width: calc(100% - 5px)
}
/*! * froala_editor v2.9.8 (https: //www.froala.com/wysiwyg-editor) * License https: //froala.com/wysiwyg-editor/terms/ * Copyright 2014-2020 Froala Labs*/
	.clearfix: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.hide-by-clipping {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.fr-element,.fr-element: focus {
	outline: 0 solid transparent
}
.fr-box.fr-basic .fr-element {
	color: #000;
	padding: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: auto;
	min-height: 52px
}
.fr-box.fr-basic.fr-rtl .fr-element {
	text-align: right
}
.fr-element {
	background: 0 0;
	position: relative;
	z-index: 2;
	-webkit-user-select: auto
}
.fr-element a {
	user-select: auto;
	-o-user-select: auto;
	-moz-user-select: auto;
	-khtml-user-select: auto;
	-webkit-user-select: auto;
	-ms-user-select: auto
}
.fr-element.fr-disabled {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}
.fr-element [contenteditable=true] {
	outline: 0 solid transparent
}
.fr-box a.fr-floating-btn {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	height: 32px;
	width: 32px;
	background: #fff;
	color: #1e88e5;
	-webkit-transition: background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;
	-moz-transition: background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;
	-ms-transition: background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;
	-o-transition: background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;
	outline: 0;
	left: 0;
	top: 0;
	line-height: 32px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	text-align: center;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0
}
.fr-box a.fr-floating-btn svg {
	-webkit-transition: transform .2s ease 0s;
	-moz-transition: transform .2s ease 0s;
	-ms-transition: transform .2s ease 0s;
	-o-transition: transform .2s ease 0s;
	fill: #1e88e5
}
.fr-box a.fr-floating-btn i,.fr-box a.fr-floating-btn svg {
	font-size: 14px;
	line-height: 32px
}
.fr-box a.fr-floating-btn.fr-btn+.fr-btn {
	margin-left: 10px
}
.fr-box a.fr-floating-btn: hover {
	background: #ebebeb;
	cursor: pointer
}
.fr-box a.fr-floating-btn: hover svg {
	fill: #1e88e5
}
.fr-box .fr-visible a.fr-floating-btn {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}
iframe.fr-iframe {
	width: 100%;
	border: 0;
	position: relative;
	display: block;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.fr-wrapper {
	position: relative;
	z-index: 1
}
.fr-wrapper: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.fr-wrapper .fr-placeholder {
	position: absolute;
	font-size: 12px;
	color: #aaa;
	z-index: 1;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	pointer-events: none
}
.fr-wrapper.show-placeholder .fr-placeholder {
	display: block;
	position: relative
}
.fr-wrapper : : -moz-selection {
	background: #b5d6fd;
	color: #000
}
.fr-wrapper : : selection {
	background: #b5d6fd;
	color: #000
}
.fr-box.fr-basic .fr-wrapper {
	background: #fff;
	border: 0;
	border-top: 0;
	top: 0;
	left: 0
}
.fr-box.fr-basic.fr-top .fr-wrapper {
	border-top: 0;
	border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16)
}
.fr-box.fr-basic.fr-bottom .fr-wrapper {
	border-bottom: 0;
	border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12),0 -1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12),0 -1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12),0 -1px 1px 1px rgba(0, 0, 0, 0.16)
}
@media(min-width: 992px) {
	.fr-box.fr-document {
	min-width: 22.5875cm
}
.fr-box.fr-document .fr-wrapper {
	text-align: left;
	padding: 30px;
	min-width: 21cm;
	background: #efefef
}
.fr-box.fr-document .fr-wrapper .fr-element {
	text-align: left;
	background: #fff;
	width: 21cm;
	margin: auto;
	min-height: 26cm !important;
	padding: 1cm 2cm;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	z-index: auto
}
.fr-box.fr-document .fr-wrapper .fr-element hr {
	margin-left: -2cm;
	margin-right: -2cm;
	background: #efefef;
	height: 1cm;
	outline: 0;
	border: 0
}
.fr-box.fr-document .fr-wrapper .fr-element img {
	z-index: 1
}
}.fr-tooltip {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 8px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 2px 2px 1px rgba(0, 0, 0, 0.14);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 2px 2px 1px rgba(0, 0, 0, 0.14);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 2px 2px 1px rgba(0, 0, 0, 0.14);
	background: #222;
	color: #fff;
	font-size: 11px;
	line-height: 22px;
	font-family: Arial,Helvetica,sans-serif;
	-webkit-transition: opacity .2s ease 0s;
	-moz-transition: opacity .2s ease 0s;
	-ms-transition: opacity .2s ease 0s;
	-o-transition: opacity .2s ease 0s;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter: "alpha(Opacity=0)";
	left: -3000px;
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	z-index: 2147483647;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.fr-tooltip.fr-visible {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter: "alpha(Opacity=0)"
}
.fr-toolbar .fr-btn-wrap,.fr-popup .fr-btn-wrap {
	float: left;
	white-space: nowrap;
	position: relative
}
.fr-toolbar .fr-btn-wrap.fr-hidden,.fr-popup .fr-btn-wrap.fr-hidden {
	display: none
}
.fr-toolbar .fr-command.fr-btn,.fr-popup .fr-command.fr-btn {
	background: 0 0;
	color: #222;
	-moz-outline: 0;
	outline: 0;
	border: 0;
	line-height: 1;
	cursor: pointer;
	text-align: left;
	margin: 0 2px;
	-webkit-transition: background .2s ease 0s;
	-moz-transition: background .2s ease 0s;
	-ms-transition: background .2s ease 0s;
	-o-transition: background .2s ease 0s;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	z-index: 2;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	float: left;
	padding: 0;
	width: 38px;
	height: 38px
}
.fr-toolbar .fr-command.fr-btn: : -moz-focus-inner,.fr-popup .fr-command.fr-btn: : -moz-focus-inner {
	border: 0;
	padding: 0
}
.fr-toolbar .fr-command.fr-btn.fr-btn-text,.fr-popup .fr-command.fr-btn.fr-btn-text {
	width: auto
}
.fr-toolbar .fr-command.fr-btn i,.fr-popup .fr-command.fr-btn i,.fr-toolbar .fr-command.fr-btn svg,.fr-popup .fr-command.fr-btn svg {
	display: block;
	font-size: 14px;
	width: 14px;
	margin: 12px;
	text-align: center;
	float: none
}
.fr-toolbar .fr-command.fr-btn span.fr-sr-only,.fr-popup .fr-command.fr-btn span.fr-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.fr-toolbar .fr-command.fr-btn span,.fr-popup .fr-command.fr-btn span {
	font-size: 14px;
	display: block;
	line-height: 17px;
	min-width: 34px;
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: 17px;
	font-weight: 700;
	padding: 0 2px
}
.fr-toolbar .fr-command.fr-btn img,.fr-popup .fr-command.fr-btn img {
	margin: 12px;
	width: 14px
}
.fr-toolbar .fr-command.fr-btn.fr-active,.fr-popup .fr-command.fr-btn.fr-active {
	color: #1e88e5;
	background: 0 0
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
	width: auto
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span {
	font-weight: 400
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown i,.fr-popup .fr-command.fr-btn.fr-dropdown i,.fr-toolbar .fr-command.fr-btn.fr-dropdown span,.fr-popup .fr-command.fr-btn.fr-dropdown span,.fr-toolbar .fr-command.fr-btn.fr-dropdown img,.fr-popup .fr-command.fr-btn.fr-dropdown img,.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,.fr-popup .fr-command.fr-btn.fr-dropdown svg {
	margin-left: 8px;
	margin-right: 16px
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
	color: #222;
	background: #d6d6d6
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active: hover,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active: hover,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active: focus,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active: focus {
	background: #d6d6d6 !important;
	color: #222 !important
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active: hover: : after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active: hover: : after,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active: focus: : after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active: focus: : after {
	border-top-color: #222 !important
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown: : after,.fr-popup .fr-command.fr-btn.fr-dropdown: : after {
	position: absolute;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #222;
	right: 4px;
	top: 17px;
	content: ""
}
.fr-toolbar .fr-command.fr-btn.fr-disabled,.fr-popup .fr-command.fr-btn.fr-disabled {
	color: #bdbdbd;
	cursor: default
}
.fr-toolbar .fr-command.fr-btn.fr-disabled: : after,.fr-popup .fr-command.fr-btn.fr-disabled: : after {
	border-top-color: #bdbdbd !important
}
.fr-toolbar .fr-command.fr-btn.fr-hidden,.fr-popup .fr-command.fr-btn.fr-hidden {
	display: none
}
.fr-toolbar.fr-disabled .fr-btn,.fr-popup.fr-disabled .fr-btn,.fr-toolbar.fr-disabled .fr-btn.fr-active,.fr-popup.fr-disabled .fr-btn.fr-active {
	color: #bdbdbd
}
.fr-toolbar.fr-disabled .fr-btn.fr-dropdown: : after,.fr-popup.fr-disabled .fr-btn.fr-dropdown: : after,.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown: : after,.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown: : after {
	border-top-color: #bdbdbd
}
.fr-toolbar.fr-rtl .fr-command.fr-btn,.fr-popup.fr-rtl .fr-command.fr-btn,.fr-toolbar.fr-rtl .fr-btn-wrap,.fr-popup.fr-rtl .fr-btn-wrap {
	float: right
}
.fr-toolbar.fr-inline>.fr-command.fr-btn: not(.fr-hidden),.fr-toolbar.fr-inline>.fr-btn-wrap: not(.fr-hidden) {
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	float: none
}
.fr-desktop .fr-command: hover,.fr-desktop .fr-command: focus,.fr-desktop .fr-command.fr-btn-hover,.fr-desktop .fr-command.fr-expanded {
	outline: 0;
	color: #222;
	background: #ebebeb
}
.fr-desktop .fr-command: hover: : after,.fr-desktop .fr-command: focus: : after,.fr-desktop .fr-command.fr-btn-hover: : after,.fr-desktop .fr-command.fr-expanded: : after {
	border-top-color: #222 !important
}
.fr-desktop .fr-command.fr-selected {
	color: #222;
	background: #d6d6d6
}
.fr-desktop .fr-command.fr-active: hover,.fr-desktop .fr-command.fr-active: focus,.fr-desktop .fr-command.fr-active.fr-btn-hover,.fr-desktop .fr-command.fr-active.fr-expanded {
	color: #1e88e5;
	background: #ebebeb
}
.fr-desktop .fr-command.fr-active.fr-selected {
	color: #1e88e5;
	background: #d6d6d6
}
.fr-desktop .fr-command.fr-disabled: hover,.fr-desktop .fr-command.fr-disabled: focus,.fr-desktop .fr-command.fr-disabled.fr-selected {
	background: 0 0
}
.fr-desktop.fr-disabled .fr-command: hover,.fr-desktop.fr-disabled .fr-command: focus,.fr-desktop.fr-disabled .fr-command.fr-selected {
	background: 0 0
}
.fr-toolbar.fr-mobile .fr-command.fr-blink,.fr-popup.fr-mobile .fr-command.fr-blink {
	background: 0 0
}
.fr-command.fr-btn.fr-options {
	width: 16px;
	margin-left: -5px
}
.fr-command.fr-btn.fr-options.fr-btn-hover,.fr-command.fr-btn.fr-options: hover,.fr-command.fr-btn.fr-options: focus {
	border-left: solid 1px #fafafa
}
.fr-command.fr-btn+.fr-dropdown-menu {
	display: inline-block;
	position: absolute;
	right: auto;
	bottom: auto;
	height: auto;
	z-index: 4;
	-webkit-overflow-scrolling: touch;
	overflow: hidden;
	zoom: 1;
	border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}
.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	height: auto;
	max-height: 275px
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper {
	background: #fff;
	padding: 0;
	margin: auto;
	display: inline-block;
	text-align: left;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: max-height .2s ease 0s;
	-moz-transition: max-height .2s ease 0s;
	-ms-transition: max-height .2s ease 0s;
	-o-transition: max-height .2s ease 0s;
	margin-top: 0;
	float: left;
	max-height: 0;
	height: 0;
	margin-top: 0 !important
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
	overflow: auto;
	position: relative;
	max-height: 275px
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
	list-style-type: none;
	margin: 0;
	padding: 0
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
	padding: 0;
	margin: 0;
	font-size: 15px
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
	padding: 0 24px;
	line-height: 200%;
	display: block;
	cursor: pointer;
	white-space: nowrap;
	color: inherit;
	text-decoration: none
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
	background: #d6d6d6
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
	color: #bdbdbd;
	cursor: default
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
	float: right;
	margin-left: 32px;
	font-weight: 700;
	-webkit-opacity: .75;
	-moz-opacity: .75;
	opacity: .75;
	-ms-filter: "alpha(Opacity=0)"
}
.fr-command.fr-btn: not(.fr-active)+.fr-dropdown-menu {
	left: -3000px !important
}
.fr-command.fr-btn.fr-active+.fr-dropdown-menu {
	display: inline-block;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 2px 2px 1px rgba(0, 0, 0, 0.14);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 2px 2px 1px rgba(0, 0, 0, 0.14);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 2px 2px 1px rgba(0, 0, 0, 0.14)
}
.fr-command.fr-btn.fr-active+.fr-dropdown-menu .fr-dropdown-wrapper {
	height: auto;
	max-height: 275px
}
.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu {
	border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}
.fr-toolbar.fr-rtl .fr-dropdown-wrapper,.fr-popup.fr-rtl .fr-dropdown-wrapper {
	text-align: right !important
}
body.prevent-scroll {
	overflow: hidden
}
body.prevent-scroll.fr-mobile {
	position: fixed;
	-webkit-overflow-scrolling: touch
}
.fr-modal {
	color: #222;
	font-family: Arial,Helvetica,sans-serif;
	position: fixed;
	overflow-x: auto;
	overflow-y: scroll;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 2147483640;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	line-height: 1.2
}
.fr-modal.fr-middle .fr-modal-wrapper {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	position: absolute
}
.fr-modal .fr-modal-wrapper {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin: 20px auto;
	display: inline-block;
	background: #fff;
	min-width: 300px;
	-webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19),0 4px 3px 1px rgba(0, 0, 0, 0.14);
	-moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19),0 4px 3px 1px rgba(0, 0, 0, 0.14);
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19),0 4px 3px 1px rgba(0, 0, 0, 0.14);
	border: 0;
	border-top: 5px solid #222;
	overflow: hidden;
	width: 90%;
	position: relative
}
@media(min-width: 768px)and (max-width: 991px) {
	.fr-modal .fr-modal-wrapper {
	margin: 30px auto;
	width: 70%
}
}@media(min-width: 992px) {
	.fr-modal .fr-modal-wrapper {
	margin: 50px auto;
	width: 960px
}
}.fr-modal .fr-modal-wrapper .fr-modal-head {
	background: #fff;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 2px 2px 1px rgba(0, 0, 0, 0.14);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 2px 2px 1px rgba(0, 0, 0, 0.14);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 2px 2px 1px rgba(0, 0, 0, 0.14);
	border-bottom: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	min-height: 42px;
	z-index: 3;
	-webkit-transition: height .2s ease 0s;
	-moz-transition: height .2s ease 0s;
	-ms-transition: height .2s ease 0s;
	-o-transition: height .2s ease 0s
}
.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
	padding: 12px;
	width: 20px;
	font-size: 30px;
	cursor: pointer;
	line-height: 18px;
	color: #222;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: color .2s ease 0s;
	-moz-transition: color .2s ease 0s;
	-ms-transition: color .2s ease 0s;
	-o-transition: color .2s ease 0s
}
.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
	font-size: 18px;
	padding: 12px 10px;
	margin: 0;
	font-weight: 400;
	line-height: 18px;
	display: inline-block;
	float: left
}
.fr-modal .fr-modal-wrapper div.fr-modal-body {
	height: 100%;
	min-height: 150px;
	overflow-y: auto;
	padding-bottom: 10px
}
.fr-modal .fr-modal-wrapper div.fr-modal-body: focus {
	outline: 0
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
	height: 36px;
	line-height: 1;
	color: #1e88e5;
	padding: 10px;
	cursor: pointer;
	text-decoration: none;
	border: 0;
	background: 0 0;
	font-size: 16px;
	outline: 0;
	-webkit-transition: background .2s ease 0s;
	-moz-transition: background .2s ease 0s;
	-ms-transition: background .2s ease 0s;
	-o-transition: background .2s ease 0s;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button {
	margin-left: 24px
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command: hover,.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command: focus {
	background: #ebebeb;
	color: #1e88e5
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command: active {
	background: #d6d6d6;
	color: #1e88e5
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button: : -moz-focus-inner {
	border: 0
}
.fr-desktop .fr-modal-wrapper .fr-modal-head i: hover {
	background: #ebebeb
}
.fr-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	opacity: .5;
	-ms-filter: "alpha(Opacity=0)";
	z-index: 2147483639
}
.fr-popup {
	position: absolute;
	display: none;
	color: #222;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	font-family: Arial,Helvetica,sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	margin-top: 10px;
	z-index: 2147483635;
	text-align: left;
	border: 0;
	border-top: 5px solid #222;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.2
}
.fr-popup .fr-input-focus {
	background: #f5f5f5
}
.fr-popup.fr-above {
	margin-top: -10px;
	border-top: 0;
	border-bottom: 5px solid #222;
	-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12),0 -1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12),0 -1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12),0 -1px 1px 1px rgba(0, 0, 0, 0.16)
}
.fr-popup.fr-active {
	display: block
}
.fr-popup.fr-hidden {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter: "alpha(Opacity=0)"
}
.fr-popup.fr-empty {
	display: none !important
}
.fr-popup .fr-hs {
	display: block !important
}
.fr-popup .fr-hs.fr-hidden {
	display: none !important
}
.fr-popup .fr-input-line {
	position: relative;
	padding: 8px 0
}
.fr-popup .fr-input-line input[type=text],.fr-popup .fr-input-line textarea {
	width: 100%;
	margin: 0 0 1px;
	border: 0;
	border-bottom: solid 1px #bdbdbd;
	color: #222;
	font-size: 14px;
	padding: 6px 0 2px;
	background: rgba(0, 0, 0, 0);
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.fr-popup .fr-input-line input[type=text]: focus,.fr-popup .fr-input-line textarea: focus {
	border-bottom: solid 2px #1e88e5;
	margin-bottom: 0
}
.fr-popup .fr-input-line input+label,.fr-popup .fr-input-line textarea+label {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 12px;
	color: rgba(0, 0, 0, 0);
	-webkit-transition: color .2s ease 0s;
	-moz-transition: color .2s ease 0s;
	-ms-transition: color .2s ease 0s;
	-o-transition: color .2s ease 0s;
	z-index: 3;
	width: 100%;
	display: block;
	background: #fff
}
.fr-popup .fr-input-line input.fr-not-empty: focus+label,.fr-popup .fr-input-line textarea.fr-not-empty: focus+label {
	color: #1e88e5
}
.fr-popup .fr-input-line input.fr-not-empty+label,.fr-popup .fr-input-line textarea.fr-not-empty+label {
	color: gray
}
.fr-popup input,.fr-popup textarea {
	user-select: text;
	-o-user-select: text;
	-moz-user-select: text;
	-khtml-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	outline: 0
}
.fr-popup textarea {
	resize: none
}
.fr-popup .fr-buttons {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	padding: 0 2px;
	white-space: nowrap;
	line-height: 0;
	border-bottom: 0
}
.fr-popup .fr-buttons: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.fr-popup .fr-buttons .fr-btn {
	display: inline-block;
	float: none
}
.fr-popup .fr-buttons .fr-btn i {
	float: left
}
.fr-popup .fr-buttons .fr-separator {
	display: inline-block;
	float: none
}
.fr-popup .fr-layer {
	width: 225px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 10px;
	display: none
}
@media(min-width: 768px) {
	.fr-popup .fr-layer {
	width: 300px
}
}.fr-popup .fr-layer.fr-active {
	display: inline-block
}
.fr-popup .fr-action-buttons {
	z-index: 7;
	height: 36px;
	text-align: right
}
.fr-popup .fr-action-buttons button.fr-command {
	height: 36px;
	line-height: 1;
	color: #1e88e5;
	padding: 10px;
	cursor: pointer;
	text-decoration: none;
	border: 0;
	background: 0 0;
	font-size: 16px;
	outline: 0;
	-webkit-transition: background .2s ease 0s;
	-moz-transition: background .2s ease 0s;
	-ms-transition: background .2s ease 0s;
	-o-transition: background .2s ease 0s;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}
.fr-popup .fr-action-buttons button.fr-command+button {
	margin-left: 24px
}
.fr-popup .fr-action-buttons button.fr-command: hover,.fr-popup .fr-action-buttons button.fr-command: focus {
	background: #ebebeb;
	color: #1e88e5
}
.fr-popup .fr-action-buttons button.fr-command: active {
	background: #d6d6d6;
	color: #1e88e5
}
.fr-popup .fr-action-buttons button: : -moz-focus-inner {
	border: 0
}
.fr-popup .fr-checkbox {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 1;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	vertical-align: middle
}
.fr-popup .fr-checkbox svg {
	margin-left: 2px;
	margin-top: 2px;
	display: none;
	width: 10px;
	height: 10px
}
.fr-popup .fr-checkbox span {
	border: solid 1px #222;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	width: 16px;
	height: 16px;
	display: inline-block;
	position: relative;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background .2s ease 0s,border-color .2s ease 0s;
	-moz-transition: background .2s ease 0s,border-color .2s ease 0s;
	-ms-transition: background .2s ease 0s,border-color .2s ease 0s;
	-o-transition: background .2s ease 0s,border-color .2s ease 0s
}
.fr-popup .fr-checkbox input {
	position: absolute;
	z-index: 2;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter: "alpha(Opacity=0)";
	border: 0 none;
	cursor: pointer;
	height: 16px;
	margin: 0;
	padding: 0;
	width: 16px;
	top: 1px;
	left: 1px
}
.fr-popup .fr-checkbox input: checked+span {
	background: #1e88e5;
	border-color: #1e88e5
}
.fr-popup .fr-checkbox input: checked+span svg {
	display: block
}
.fr-popup .fr-checkbox input: focus+span {
	border-color: #1e88e5
}
.fr-popup .fr-checkbox-line {
	font-size: 14px;
	line-height: 1.4px;
	margin-top: 10px
}
.fr-popup .fr-checkbox-line label {
	cursor: pointer;
	margin: 0 5px;
	vertical-align: middle
}
.fr-popup.fr-rtl {
	direction: rtl;
	text-align: right
}
.fr-popup.fr-rtl .fr-action-buttons {
	text-align: left
}
.fr-popup.fr-rtl .fr-input-line input+label,.fr-popup.fr-rtl .fr-input-line textarea+label {
	left: auto;
	right: 0
}
.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
	float: right
}
.fr-popup .fr-arrow {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #222;
	position: absolute;
	top: -9px;
	left: 50%;
	margin-left: -5px;
	display: inline-block
}
.fr-popup.fr-above .fr-arrow {
	top: auto;
	bottom: -9px;
	border-bottom: 0;
	border-top: 5px solid #222
}
.fr-text-edit-layer {
	width: 250px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block !important
}
.fr-toolbar {
	color: #222;
	background: #fff;
	position: relative;
	z-index: 4;
	font-family: Arial,Helvetica,sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	padding: 0 2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	text-align: left;
	border: 0;
	border-top: 5px solid #222;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.2
}
.fr-toolbar: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.fr-toolbar.fr-rtl {
	text-align: right
}
.fr-toolbar.fr-inline {
	display: none;
	white-space: nowrap;
	position: absolute;
	margin-top: 10px
}
.fr-toolbar.fr-inline .fr-arrow {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #222;
	position: absolute;
	top: -9px;
	left: 50%;
	margin-left: -5px;
	display: inline-block
}
.fr-toolbar.fr-inline.fr-above {
	margin-top: -10px;
	-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12),0 -1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12),0 -1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12),0 -1px 1px 1px rgba(0, 0, 0, 0.16);
	border-bottom: 5px solid #222;
	border-top: 0
}
.fr-toolbar.fr-inline.fr-above .fr-arrow {
	top: auto;
	bottom: -9px;
	border-bottom: 0;
	border-top-color: inherit;
	border-top-style: solid;
	border-top-width: 5px
}
.fr-toolbar.fr-top {
	top: 0;
	border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16)
}
.fr-toolbar.fr-bottom {
	bottom: 0;
	border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16)
}
.fr-separator {
	background: #ebebeb;
	display: block;
	vertical-align: top;
	float: left
}
.fr-separator+.fr-separator {
	display: none
}
.fr-separator.fr-vs {
	height: 34px;
	width: 1px;
	margin: 2px
}
.fr-separator.fr-hs {
	clear: both;
	height: 1px;
	width: calc(100% - 4px);
	margin: 0 2px
}
.fr-separator.fr-hidden {
	display: none !important
}
.fr-rtl .fr-separator {
	float: right
}
.fr-toolbar.fr-inline .fr-separator.fr-hs {
	float: none
}
.fr-toolbar.fr-inline .fr-separator.fr-vs {
	float: none;
	display: inline-block
}
.fr-visibility-helper {
	display: none;
	margin-left: 0 !important
}
@media(min-width: 768px) {
	.fr-visibility-helper {
	margin-left: 1px !important
}
}@media(min-width: 992px) {
	.fr-visibility-helper {
	margin-left: 2px !important
}
}@media(min-width: 1200px) {
	.fr-visibility-helper {
	margin-left: 3px !important
}
}.fr-opacity-0 {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter: "alpha(Opacity=0)"
}
.fr-box {
	position: relative
}
.fr-sticky {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky
}
.fr-sticky-off {
	position: relative
}
.fr-sticky-on {
	position: fixed
}
.fr-sticky-on.fr-sticky-ios {
	position: absolute;
	left: 0;
	right: 0;
	width: auto !important
}
.fr-sticky-dummy {
	display: none
}
.fr-sticky-on+.fr-sticky-dummy,.fr-sticky-box>.fr-sticky-dummy {
	display: block
}
span.fr-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.clearfix: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.hide-by-clipping {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.fr-box .fr-counter {
	position: absolute;
	bottom: 0;
	padding: 5px;
	right: 0;
	color: #ccc;
	content: attr(data-chars);
	font-size: 15px;
	font-family: "Times New Roman",Georgia,Serif;
	z-index: 1;
	background: #fff;
	border-top: solid 1px #ebebeb;
	border-left: solid 1px #ebebeb;
	border-radius: 2px 0 0;
	-moz-border-radius: 2px 0 0;
	-webkit-border-radius: 2px 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}
.fr-box.fr-rtl .fr-counter {
	left: 0;
	right: auto;
	border-left: 0;
	border-right: solid 1px #ebebeb;
	border-radius: 0 2px 0 0;
	-moz-border-radius: 0 2px 0 0;
	-webkit-border-radius: 0 2px 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}
.fr-box.fr-code-view .fr-counter {
	display: none
}
.clearfix: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.hide-by-clipping {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
textarea.fr-code {
	display: none;
	width: 100%;
	resize: none;
	-moz-resize: none;
	-webkit-resize: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
	padding: 10px;
	margin: 0;
	font-family: "Courier New",monospace;
	font-size: 14px;
	background: #fff;
	color: #000;
	outline: 0
}
.fr-box.fr-rtl textarea.fr-code {
	direction: rtl
}
.fr-box .CodeMirror {
	display: none
}
.fr-box.fr-code-view textarea.fr-code {
	display: block
}
.fr-box.fr-code-view.fr-inline {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16)
}
.fr-box.fr-code-view .fr-element,.fr-box.fr-code-view .fr-placeholder,.fr-box.fr-code-view .fr-iframe {
	display: none
}
.fr-box.fr-code-view .CodeMirror {
	display: block
}
.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
	display: block
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch {
	position: absolute;
	top: 0;
	right: 0;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	display: none;
	background: #fff;
	color: #222;
	-moz-outline: 0;
	outline: 0;
	border: 0;
	line-height: 1;
	cursor: pointer;
	text-align: left;
	padding: 12px;
	-webkit-transition: background .2s ease 0s;
	-moz-transition: background .2s ease 0s;
	-ms-transition: background .2s ease 0s;
	-o-transition: background .2s ease 0s;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
	font-size: 14px;
	width: 14px;
	text-align: center
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop: hover {
	background: #ebebeb
}
.clearfix: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.hide-by-clipping {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.fr-popup .fr-colors-tabs {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	margin-bottom: 5px;
	line-height: 16px;
	margin-left: -2px;
	margin-right: -2px
}
.fr-popup .fr-colors-tabs .fr-colors-tab {
	display: inline-block;
	width: 50%;
	cursor: pointer;
	text-align: center;
	color: #222;
	font-size: 13px;
	padding: 8px 0;
	position: relative
}
.fr-popup .fr-colors-tabs .fr-colors-tab: hover,.fr-popup .fr-colors-tabs .fr-colors-tab: focus {
	color: #1e88e5
}
.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]: : after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #1e88e5;
	content: "";
	-webkit-transition: transform .2s ease 0s;
	-moz-transition: transform .2s ease 0s;
	-ms-transition: transform .2s ease 0s;
	-o-transition: transform .2s ease 0s
}
.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
	color: #1e88e5
}
.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]: : after {
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0)
}
.fr-popup .fr-color-hex-layer {
	width: 100%;
	margin: 0;
	padding: 10px
}
.fr-popup .fr-color-hex-layer .fr-input-line {
	float: left;
	width: calc(100% - 50px);
	padding: 8px 0 0
}
.fr-popup .fr-color-hex-layer .fr-action-buttons {
	float: right;
	width: 50px
}
.fr-popup .fr-color-hex-layer .fr-action-buttons button.fr-command {
	background-color: #1e88e5;
	color: #fff !important;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	font-size: 13px;
	height: 32px
}
.fr-popup .fr-color-hex-layer .fr-action-buttons button.fr-command: hover {
	background-color: #166dba;
	color: #fff
}
.fr-popup .fr-separator+.fr-colors-tabs {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-left: 2px;
	margin-right: 2px
}
.fr-popup .fr-color-set {
	line-height: 0;
	display: none
}
.fr-popup .fr-color-set.fr-selected-set {
	display: block
}
.fr-popup .fr-color-set>span {
	display: inline-block;
	width: 32px;
	height: 32px;
	position: relative;
	z-index: 1
}
.fr-popup .fr-color-set>span>i,.fr-popup .fr-color-set>span>svg {
	text-align: center;
	line-height: 32px;
	height: 32px;
	width: 32px;
	font-size: 13px;
	position: absolute;
	bottom: 0;
	cursor: default;
	left: 0
}
.fr-popup .fr-color-set>span .fr-selected-color {
	color: #fff;
	font-family: FontAwesome;
	font-size: 13px;
	font-weight: 400;
	line-height: 32px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	cursor: default
}
.fr-popup .fr-color-set>span: hover,.fr-popup .fr-color-set>span: focus {
	outline: 1px solid #222;
	z-index: 2
}
.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]: : after {
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0)
}
.clearfix: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.hide-by-clipping {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.fr-drag-helper {
	background: #1e88e5;
	height: 2px;
	margin-top: -1px;
	-webkit-opacity: .2;
	-moz-opacity: .2;
	opacity: .2;
	-ms-filter: "alpha(Opacity=0)";
	position: absolute;
	z-index: 2147483640;
	display: none
}
.fr-drag-helper.fr-visible {
	display: block
}
.fr-dragging {
	-webkit-opacity: .4;
	-moz-opacity: .4;
	opacity: .4;
	-ms-filter: "alpha(Opacity=0)"
}
.clearfix: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.hide-by-clipping {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.fr-popup .fr-emoticon {
	display: inline-block;
	font-size: 20px;
	width: 20px;
	padding: 5px;
	line-height: 1;
	cursor: default;
	font-weight: 400;
	font-family: "Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.fr-popup .fr-emoticon img {
	height: 20px
}
.fr-popup .fr-link: focus {
	outline: 0;
	background: #ebebeb
}
.clearfix: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.hide-by-clipping {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.fr-popup .fr-file-upload-layer {
	border: dashed 2px #bdbdbd;
	padding: 25px 0;
	position: relative;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 140%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center
}
.fr-popup .fr-file-upload-layer: hover {
	background: #ebebeb
}
.fr-popup .fr-file-upload-layer.fr-drop {
	background: #ebebeb;
	border-color: #1e88e5
}
.fr-popup .fr-file-upload-layer .fr-form {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter: "alpha(Opacity=0)";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2147483640;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important
}
.fr-popup .fr-file-upload-layer .fr-form input {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 500%;
	height: 100%;
	margin: 0;
	font-size: 400px
}
.fr-popup .fr-file-progress-bar-layer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.fr-popup .fr-file-progress-bar-layer>h3 {
	font-size: 16px;
	margin: 10px 0;
	font-weight: 400
}
.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons {
	display: none
}
.fr-popup .fr-file-progress-bar-layer>div.fr-loader {
	background: #bcdbf7;
	height: 10px;
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
	position: relative
}
.fr-popup .fr-file-progress-bar-layer>div.fr-loader span {
	display: block;
	height: 100%;
	width: 0;
	background: #1e88e5;
	-webkit-transition: width .2s ease 0s;
	-moz-transition: width .2s ease 0s;
	-ms-transition: width .2s ease 0s;
	-o-transition: width .2s ease 0s
}
.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span {
	width: 30% !important;
	position: absolute;
	top: 0;
	-webkit-animation: loading 2s linear infinite;
	-moz-animation: loading 2s linear infinite;
	-o-animation: loading 2s linear infinite;
	animation: loading 2s linear infinite
}
.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader {
	display: none
}
.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons {
	display: block
}
@keyframes loading {
	from {
	left: -25%
}
to {
	left: 100%
}
}@-webkit-keyframes loading {
	from {
	left: -25%
}
to {
	left: 100%
}
}@-moz-keyframes loading {
	from {
	left: -25%
}
to {
	left: 100%
}
}@-o-keyframes loading {
	from {
	left: -25%
}
to {
	left: 100%
}
}body.fr-fullscreen {
	overflow: hidden;
	height: 100%;
	width: 100%;
	position: fixed
}
.fr-box.fr-fullscreen {
	margin: 0 !important;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2147483630 !important;
	width: auto !important
}
.fr-box.fr-fullscreen .fr-toolbar.fr-top {
	top: 0 !important
}
.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
	bottom: 0 !important
}
.fr-fullscreen-wrapper {
	z-index: 2147483640 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important
}
.clearfix: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.hide-by-clipping {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
	text-align: left;
	padding: 20px 20px 10px
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
	border-collapse: collapse;
	font-size: 14px;
	line-height: 1.5;
	width: 100%
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table {
	margin-top: 20px
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
	border: 0
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
	padding: 6px 0 4px
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
	border-bottom: solid 1px #ebebeb
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td: first-child {
	width: 60%;
	color: #646464
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td: nth-child(n+2) {
	letter-spacing: .5px
}
.clearfix: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.hide-by-clipping {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.fr-element img {
	cursor: pointer;
	padding: 0 1px
}
.fr-image-resizer {
	position: absolute;
	border: solid 1px #1e88e5;
	display: none;
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.fr-image-resizer.fr-active {
	display: block
}
.fr-image-resizer .fr-handler {
	display: block;
	position: absolute;
	background: #1e88e5;
	border: solid 1px #fff;
	z-index: 4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.fr-image-resizer .fr-handler.fr-hnw {
	cursor: nw-resize
}
.fr-image-resizer .fr-handler.fr-hne {
	cursor: ne-resize
}
.fr-image-resizer .fr-handler.fr-hsw {
	cursor: sw-resize
}
.fr-image-resizer .fr-handler.fr-hse {
	cursor: se-resize
}
.fr-image-resizer .fr-handler {
	width: 12px;
	height: 12px
}
.fr-image-resizer .fr-handler.fr-hnw {
	left: -6px;
	top: -6px
}
.fr-image-resizer .fr-handler.fr-hne {
	right: -6px;
	top: -6px
}
.fr-image-resizer .fr-handler.fr-hsw {
	left: -6px;
	bottom: -6px
}
.fr-image-resizer .fr-handler.fr-hse {
	right: -6px;
	bottom: -6px
}
@media(min-width: 1200px) {
	.fr-image-resizer .fr-handler {
	width: 10px;
	height: 10px
}
.fr-image-resizer .fr-handler.fr-hnw {
	left: -5px;
	top: -5px
}
.fr-image-resizer .fr-handler.fr-hne {
	right: -5px;
	top: -5px
}
.fr-image-resizer .fr-handler.fr-hsw {
	left: -5px;
	bottom: -5px
}
.fr-image-resizer .fr-handler.fr-hse {
	right: -5px;
	bottom: -5px
}
}.fr-image-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2147483640;
	display: none
}
.fr-popup .fr-image-upload-layer {
	border: dashed 2px #bdbdbd;
	padding: 25px 0;
	position: relative;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 140%;
	text-align: center
}
.fr-popup .fr-image-upload-layer: hover {
	background: #ebebeb
}
.fr-popup .fr-image-upload-layer.fr-drop {
	background: #ebebeb;
	border-color: #1e88e5
}
.fr-popup .fr-image-upload-layer .fr-form {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter: "alpha(Opacity=0)";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2147483640;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important
}
.fr-popup .fr-image-upload-layer .fr-form input {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 500%;
	height: 100%;
	margin: 0;
	font-size: 400px
}
.fr-popup .fr-image-progress-bar-layer>h3 {
	font-size: 16px;
	margin: 10px 0;
	font-weight: 400
}
.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons {
	display: none
}
.fr-popup .fr-image-progress-bar-layer>div.fr-loader {
	background: #bcdbf7;
	height: 10px;
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
	position: relative
}
.fr-popup .fr-image-progress-bar-layer>div.fr-loader span {
	display: block;
	height: 100%;
	width: 0;
	background: #1e88e5;
	-webkit-transition: width .2s ease 0s;
	-moz-transition: width .2s ease 0s;
	-ms-transition: width .2s ease 0s;
	-o-transition: width .2s ease 0s
}
.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span {
	width: 30% !important;
	position: absolute;
	top: 0;
	-webkit-animation: loading 2s linear infinite;
	-moz-animation: loading 2s linear infinite;
	-o-animation: loading 2s linear infinite;
	animation: loading 2s linear infinite
}
.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader {
	display: none
}
.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons {
	display: block
}
.fr-image-size-layer .fr-image-group .fr-input-line {
	width: calc(50% - 5px);
	display: inline-block
}
.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line {
	margin-left: 10px
}
.fr-uploading {
	-webkit-opacity: .4;
	-moz-opacity: .4;
	opacity: .4;
	-ms-filter: "alpha(Opacity=0)"
}
@keyframes loading {
	from {
	left: -25%
}
to {
	left: 100%
}
}@-webkit-keyframes loading {
	from {
	left: -25%
}
to {
	left: 100%
}
}@-moz-keyframes loading {
	from {
	left: -25%
}
to {
	left: 100%
}
}@-o-keyframes loading {
	from {
	left: -25%
}
to {
	left: 100%
}
}.clearfix: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.hide-by-clipping {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.fr-modal-head .fr-modal-head-line: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.fr-modal-head .fr-modal-head-line i.fr-modal-more,.fr-modal-head .fr-modal-head-line svg.fr-modal-more {
	float: left;
	opacity: 1;
	-webkit-transition: padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;
	-moz-transition: padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;
	-ms-transition: padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;
	-o-transition: padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;
	padding: 12px
}
.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available,.fr-modal-head .fr-modal-head-line svg.fr-modal-more.fr-not-available {
	opacity: 0;
	width: 0;
	padding: 12px 0
}
.fr-modal-head .fr-modal-tags {
	display: none;
	text-align: left
}
.fr-modal-head .fr-modal-tags a {
	display: inline-block;
	opacity: 0;
	padding: 6px 8px;
	margin: 8px 0 8px 8px;
	text-decoration: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	color: #1e88e5;
	-webkit-transition: opacity .2s ease 0s,background .2s ease 0s;
	-moz-transition: opacity .2s ease 0s,background .2s ease 0s;
	-ms-transition: opacity .2s ease 0s,background .2s ease 0s;
	-o-transition: opacity .2s ease 0s,background .2s ease 0s;
	cursor: pointer
}
.fr-modal-head .fr-modal-tags a: focus {
	outline: 0
}
.fr-modal-head .fr-modal-tags a.fr-selected-tag {
	background: #d6d6d6
}
div.fr-modal-body .fr-preloader {
	display: block;
	margin: 50px auto
}
div.fr-modal-body div.fr-image-list {
	text-align: center;
	margin: 0 10px;
	padding: 0
}
div.fr-modal-body div.fr-image-list: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
div.fr-modal-body div.fr-image-list .fr-list-column {
	float: left;
	width: calc((100% - 10px)/2)
}
@media(min-width: 768px)and (max-width: 1199px) {
	div.fr-modal-body div.fr-image-list .fr-list-column {
	width: calc((100% - 20px)/3)
}
}@media(min-width: 1200px) {
	div.fr-modal-body div.fr-image-list .fr-list-column {
	width: calc((100% - 30px)/4)
}
}div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column {
	margin-left: 10px
}
div.fr-modal-body div.fr-image-list div.fr-image-container {
	position: relative;
	width: 100%;
	display: block;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	overflow: hidden
}
div.fr-modal-body div.fr-image-list div.fr-image-container: first-child {
	margin-top: 10px
}
div.fr-modal-body div.fr-image-list div.fr-image-container+div {
	margin-top: 10px
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting: : after {
	position: absolute;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	opacity: .5;
	-ms-filter: "alpha(Opacity=0)";
	-webkit-transition: opacity .2s ease 0s;
	-moz-transition: opacity .2s ease 0s;
	-ms-transition: opacity .2s ease 0s;
	-o-transition: opacity .2s ease 0s;
	background: #000;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting: : before {
	content: attr(data-deleting);
	color: #fff;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	position: absolute;
	z-index: 3;
	font-size: 15px;
	height: 20px
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
	height: 95px;
	background: #ccc;
	z-index: 1
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty: : after {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: attr(data-loading);
	display: inline-block;
	height: 20px
}
div.fr-modal-body div.fr-image-list div.fr-image-container img {
	width: 100%;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter: "alpha(Opacity=0)";
	-webkit-transition: opacity .2s ease 0s,filter .2s ease 0s;
	-moz-transition: opacity .2s ease 0s,filter .2s ease 0s;
	-ms-transition: opacity .2s ease 0s,filter .2s ease 0s;
	-o-transition: opacity .2s ease 0s,filter .2s ease 0s;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0)
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
	-webkit-opacity: .75;
	-moz-opacity: .75;
	opacity: .75;
	-ms-filter: "alpha(Opacity=0)"
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
	display: inline-block
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
	display: none;
	top: 50%;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition: background .2s ease 0s,color .2s ease 0s;
	-moz-transition: background .2s ease 0s,color .2s ease 0s;
	-ms-transition: background .2s ease 0s,color .2s ease 0s;
	-o-transition: background .2s ease 0s,color .2s ease 0s;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 1px 1px rgba(0, 0, 0, 0.16);
	position: absolute;
	cursor: pointer;
	margin: 0;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
	z-index: 3
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
	background: #b8312f;
	color: #fff;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(25%);
	-moz-transform: translateY(-50%) translateX(25%);
	-ms-transform: translateY(-50%) translateX(25%);
	-o-transform: translateY(-50%) translateX(25%)
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
	background: #fff;
	color: #1e88e5;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-125%);
	-moz-transform: translateY(-50%) translateX(-125%);
	-ms-transform: translateY(-50%) translateX(-125%);
	-o-transform: translateY(-50%) translateX(-125%)
}
.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a: hover {
	background: #ebebeb
}
.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag {
	background: #d6d6d6
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container: hover img {
	-webkit-opacity: .75;
	-moz-opacity: .75;
	opacity: .75;
	-ms-filter: "alpha(Opacity=0)"
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container: hover .fr-delete-img,.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container: hover .fr-insert-img {
	display: inline-block
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img: hover {
	background: #bf4644;
	color: #fff
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img: hover {
	background: #ebebeb
}
.clearfix: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.hide-by-clipping {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.fr-line-breaker {
	cursor: text;
	border-top: 1px solid #1e88e5;
	position: fixed;
	z-index: 2;
	display: none
}
.fr-line-breaker.fr-visible {
	display: block
}
.fr-line-breaker a.fr-floating-btn {
	position: absolute;
	left: calc(50% - 16px);
	top: -16px
}
.clearfix: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.hide-by-clipping {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.fr-quick-insert {
	position: absolute;
	z-index: 2147483639;
	white-space: nowrap;
	padding-right: 5px;
	margin-left: -5px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.fr-quick-insert.fr-on a.fr-floating-btn svg {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg)
}
.fr-quick-insert.fr-hidden {
	display: none
}
.fr-qi-helper {
	position: absolute;
	z-index: 3;
	padding-left: 16px;
	white-space: nowrap
}
.fr-qi-helper a.fr-btn.fr-floating-btn {
	text-align: center;
	display: inline-block;
	color: #222;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter: "alpha(Opacity=0)";
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0)
}
.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter: "alpha(Opacity=0)";
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}
.clearfix: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.hide-by-clipping {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal {
	text-align: left;
	padding: 20px 20px 10px
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-list {
	margin-bottom: 20px
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-title {
	font-weight: 700;
	font-size: 14px;
	padding: 6px 0 4px;
	margin: 0 0 5px
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character {
	display: inline-block;
	font-size: 16px;
	width: 20px;
	height: 20px;
	padding: 5px;
	line-height: 20px;
	cursor: default;
	font-weight: 400;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-align: center;
	border: 1px solid #ccc;
	margin: -1px 0 0 -1px
}
.clearfix: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.hide-by-clipping {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell {
	border: 1px double #1e88e5
}
.fr-element table tr {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}
.fr-element table td,.fr-element table th {
	user-select: text;
	-o-user-select: text;
	-moz-user-select: text;
	-khtml-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text
}
.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}
.fr-table-resizer {
	cursor: col-resize;
	position: absolute;
	z-index: 3;
	display: none
}
.fr-table-resizer.fr-moving {
	z-index: 2
}
.fr-table-resizer div {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter: "alpha(Opacity=0)";
	border-right: 1px solid #1e88e5
}
.fr-no-selection {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}
.fr-popup .fr-table-colors-hex-layer {
	width: 100%;
	margin: 0;
	padding: 10px
}
.fr-popup .fr-table-colors-hex-layer .fr-input-line {
	float: left;
	width: calc(100% - 50px);
	padding: 8px 0 0
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons {
	float: right;
	width: 50px
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button {
	background-color: #1e88e5;
	color: #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	font-size: 13px;
	height: 32px
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button: hover {
	background-color: #166dba;
	color: #fff
}
.fr-popup .fr-table-size .fr-table-size-info {
	text-align: center;
	font-size: 14px;
	padding: 8px
}
.fr-popup .fr-table-size .fr-select-table-size {
	line-height: 0;
	padding: 0 5px 5px;
	white-space: nowrap
}
.fr-popup .fr-table-size .fr-select-table-size>span {
	display: inline-block;
	padding: 0 4px 4px 0;
	background: 0 0
}
.fr-popup .fr-table-size .fr-select-table-size>span>span {
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 1px solid #ddd
}
.fr-popup .fr-table-size .fr-select-table-size>span.hover {
	background: 0 0
}
.fr-popup .fr-table-size .fr-select-table-size>span.hover>span {
	background: rgba(30, 136, 229, 0.3);
	border: solid 1px #1e88e5
}
.fr-popup .fr-table-size .fr-select-table-size .new-line: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.fr-popup.fr-above .fr-table-size .fr-select-table-size>span {
	display: inline-block !important
}
.fr-popup .fr-table-colors-buttons {
	margin-bottom: 5px
}
.fr-popup .fr-table-colors {
	line-height: 0;
	display: block
}
.fr-popup .fr-table-colors>span {
	display: inline-block;
	width: 32px;
	height: 32px;
	position: relative;
	z-index: 1
}
.fr-popup .fr-table-colors>span>i {
	text-align: center;
	line-height: 32px;
	height: 32px;
	width: 32px;
	font-size: 13px;
	position: absolute;
	bottom: 0;
	cursor: default;
	left: 0
}
.fr-popup .fr-table-colors>span: focus {
	outline: 1px solid #222;
	z-index: 2
}
.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span {
	width: 12px;
	height: 12px
}
.fr-insert-helper {
	position: absolute;
	z-index: 9999;
	white-space: nowrap
}
.clearfix: : after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.hide-by-clipping {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.fr-element .fr-video {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}
.fr-element .fr-video: : after {
	position: absolute;
	content: "";
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	display: block;
	background: rgba(0, 0, 0, 0)
}
.fr-element .fr-video.fr-active>* {
	z-index: 2;
	position: relative
}
.fr-element .fr-video>* {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	max-width: 100%;
	border: 0
}
.fr-box .fr-video-resizer {
	position: absolute;
	border: solid 1px #1e88e5;
	display: none;
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}
.fr-box .fr-video-resizer.fr-active {
	display: block
}
.fr-box .fr-video-resizer .fr-handler {
	display: block;
	position: absolute;
	background: #1e88e5;
	border: solid 1px #fff;
	z-index: 4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.fr-box .fr-video-resizer .fr-handler.fr-hnw {
	cursor: nw-resize
}
.fr-box .fr-video-resizer .fr-handler.fr-hne {
	cursor: ne-resize
}
.fr-box .fr-video-resizer .fr-handler.fr-hsw {
	cursor: sw-resize
}
.fr-box .fr-video-resizer .fr-handler.fr-hse {
	cursor: se-resize
}
.fr-box .fr-video-resizer .fr-handler {
	width: 12px;
	height: 12px
}
.fr-box .fr-video-resizer .fr-handler.fr-hnw {
	left: -6px;
	top: -6px
}
.fr-box .fr-video-resizer .fr-handler.fr-hne {
	right: -6px;
	top: -6px
}
.fr-box .fr-video-resizer .fr-handler.fr-hsw {
	left: -6px;
	bottom: -6px
}
.fr-box .fr-video-resizer .fr-handler.fr-hse {
	right: -6px;
	bottom: -6px
}
@media(min-width: 1200px) {
	.fr-box .fr-video-resizer .fr-handler {
	width: 10px;
	height: 10px
}
.fr-box .fr-video-resizer .fr-handler.fr-hnw {
	left: -5px;
	top: -5px
}
.fr-box .fr-video-resizer .fr-handler.fr-hne {
	right: -5px;
	top: -5px
}
.fr-box .fr-video-resizer .fr-handler.fr-hsw {
	left: -5px;
	bottom: -5px
}
.fr-box .fr-video-resizer .fr-handler.fr-hse {
	right: -5px;
	bottom: -5px
}
}.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
	width: calc(50% - 5px);
	display: inline-block
}
.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line {
	margin-left: 10px
}
.fr-popup .fr-video-upload-layer {
	border: dashed 2px #bdbdbd;
	padding: 25px 0;
	position: relative;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 140%;
	text-align: center
}
.fr-popup .fr-video-upload-layer: hover {
	background: #ebebeb
}
.fr-popup .fr-video-upload-layer.fr-drop {
	background: #ebebeb;
	border-color: #1e88e5
}
.fr-popup .fr-video-upload-layer .fr-form {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter: "alpha(Opacity=0)";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2147483640;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important
}
.fr-popup .fr-video-upload-layer .fr-form input {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 500%;
	height: 100%;
	margin: 0;
	font-size: 400px
}
.fr-popup .fr-video-progress-bar-layer>h3 {
	font-size: 16px;
	margin: 10px 0;
	font-weight: 400
}
.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons {
	display: none
}
.fr-popup .fr-video-progress-bar-layer>div.fr-loader {
	background: #bcdbf7;
	height: 10px;
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
	position: relative
}
.fr-popup .fr-video-progress-bar-layer>div.fr-loader span {
	display: block;
	height: 100%;
	width: 0;
	background: #1e88e5;
	-webkit-transition: width .2s ease 0s;
	-moz-transition: width .2s ease 0s;
	-ms-transition: width .2s ease 0s;
	-o-transition: width .2s ease 0s
}
.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span {
	width: 30% !important;
	position: absolute;
	top: 0;
	-webkit-animation: loading 2s linear infinite;
	-moz-animation: loading 2s linear infinite;
	-o-animation: loading 2s linear infinite;
	animation: loading 2s linear infinite
}
.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader {
	display: none
}
.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons {
	display: block
}
.fr-video-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2147483640;
	display: none
}
/*! * Font Awesome 4.7.0 by @davegandy - http: //fontawesome.io - @fontawesome * License - http: //fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)*/
	@font-face {
	font-family: "FontAwesome";
	src: url("font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0");
	src: url("font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),url("font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),url("font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),url("font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),url("font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
	font-weight: normal;
	font-style: normal
}
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.fa-lg {
	font-size: 1.3333333333em;
	line-height: .75em;
	vertical-align: -15%
}
.fa-2x {
	font-size: 2em
}
.fa-3x {
	font-size: 3em
}
.fa-4x {
	font-size: 4em
}
.fa-5x {
	font-size: 5em
}
.fa-fw {
	width: 1.2857142857em;
	text-align: center
}
.fa-ul {
	padding-left: 0;
	margin-left: 2.1428571429em;
	list-style-type: none
}
.fa-ul>li {
	position: relative
}
.fa-li {
	position: absolute;
	left: -2.1428571429em;
	width: 2.1428571429em;
	top: .1428571429em;
	text-align: center
}
.fa-li.fa-lg {
	left: -1.8571428571em
}
.fa-border {
	padding: .2em .25em .15em;
	border: solid .08em #eee;
	border-radius: .1em
}
.fa-pull-left {
	float: left
}
.fa-pull-right {
	float: right
}
.fa.fa-pull-left {
	margin-right: .3em
}
.fa.fa-pull-right {
	margin-left: .3em
}
.pull-right {
	float: right
}
.pull-left {
	float: left
}
.fa.pull-left {
	margin-right: .3em
}
.fa.pull-right {
	margin-left: .3em
}
.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear
}
.fa-pulse {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
100% {
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg)
}
}@keyframes fa-spin {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
100% {
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg)
}
}.fa-rotate-90 {
	-ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.fa-rotate-180 {
	-ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=2)";
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.fa-rotate-270 {
	-ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=3)";
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg)
}
.fa-flip-horizontal {
	-ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1)
}
.fa-flip-vertical {
	-ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
	-webkit-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1)
}
: root .fa-rotate-90,: root .fa-rotate-180,: root .fa-rotate-270,: root .fa-flip-horizontal,: root .fa-flip-vertical {
	filter: none
}
.fa-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle
}
.fa-stack-1x,.fa-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center
}
.fa-stack-1x {
	line-height: inherit
}
.fa-stack-2x {
	font-size: 2em
}
.fa-inverse {
	color: #fff
}
.fa-glass: before {
	content: ""
}
.fa-music: before {
	content: ""
}
.fa-search: before {
	content: ""
}
.fa-envelope-o: before {
	content: ""
}
.fa-heart: before {
	content: ""
}
.fa-star: before {
	content: ""
}
.fa-star-o: before {
	content: ""
}
.fa-user: before {
	content: ""
}
.fa-film: before {
	content: ""
}
.fa-th-large: before {
	content: ""
}
.fa-th: before {
	content: ""
}
.fa-th-list: before {
	content: ""
}
.fa-check: before {
	content: ""
}
.fa-remove: before,.fa-close: before,.fa-times: before {
	content: ""
}
.fa-search-plus: before {
	content: ""
}
.fa-search-minus: before {
	content: ""
}
.fa-power-off: before {
	content: ""
}
.fa-signal: before {
	content: ""
}
.fa-gear: before,.fa-cog: before {
	content: ""
}
.fa-trash-o: before {
	content: ""
}
.fa-home: before {
	content: ""
}
.fa-file-o: before {
	content: ""
}
.fa-clock-o: before {
	content: ""
}
.fa-road: before {
	content: ""
}
.fa-download: before {
	content: ""
}
.fa-arrow-circle-o-down: before {
	content: ""
}
.fa-arrow-circle-o-up: before {
	content: ""
}
.fa-inbox: before {
	content: ""
}
.fa-play-circle-o: before {
	content: ""
}
.fa-rotate-right: before,.fa-repeat: before {
	content: ""
}
.fa-refresh: before {
	content: ""
}
.fa-list-alt: before {
	content: ""
}
.fa-lock: before {
	content: ""
}
.fa-flag: before {
	content: ""
}
.fa-headphones: before {
	content: ""
}
.fa-volume-off: before {
	content: ""
}
.fa-volume-down: before {
	content: ""
}
.fa-volume-up: before {
	content: ""
}
.fa-qrcode: before {
	content: ""
}
.fa-barcode: before {
	content: ""
}
.fa-tag: before {
	content: ""
}
.fa-tags: before {
	content: ""
}
.fa-book: before {
	content: ""
}
.fa-bookmark: before {
	content: ""
}
.fa-print: before {
	content: ""
}
.fa-camera: before {
	content: ""
}
.fa-font: before {
	content: ""
}
.fa-bold: before {
	content: ""
}
.fa-italic: before {
	content: ""
}
.fa-text-height: before {
	content: ""
}
.fa-text-width: before {
	content: ""
}
.fa-align-left: before {
	content: ""
}
.fa-align-center: before {
	content: ""
}
.fa-align-right: before {
	content: ""
}
.fa-align-justify: before {
	content: ""
}
.fa-list: before {
	content: ""
}
.fa-dedent: before,.fa-outdent: before {
	content: ""
}
.fa-indent: before {
	content: ""
}
.fa-video-camera: before {
	content: ""
}
.fa-photo: before,.fa-image: before,.fa-picture-o: before {
	content: ""
}
.fa-pencil: before {
	content: ""
}
.fa-map-marker: before {
	content: ""
}
.fa-adjust: before {
	content: ""
}
.fa-tint: before {
	content: ""
}
.fa-edit: before,.fa-pencil-square-o: before {
	content: ""
}
.fa-share-square-o: before {
	content: ""
}
.fa-check-square-o: before {
	content: ""
}
.fa-arrows: before {
	content: ""
}
.fa-step-backward: before {
	content: ""
}
.fa-fast-backward: before {
	content: ""
}
.fa-backward: before {
	content: ""
}
.fa-play: before {
	content: ""
}
.fa-pause: before {
	content: ""
}
.fa-stop: before {
	content: ""
}
.fa-forward: before {
	content: ""
}
.fa-fast-forward: before {
	content: ""
}
.fa-step-forward: before {
	content: ""
}
.fa-eject: before {
	content: ""
}
.fa-chevron-left: before {
	content: ""
}
.fa-chevron-right: before {
	content: ""
}
.fa-plus-circle: before {
	content: ""
}
.fa-minus-circle: before {
	content: ""
}
.fa-times-circle: before {
	content: ""
}
.fa-check-circle: before {
	content: ""
}
.fa-question-circle: before {
	content: ""
}
.fa-info-circle: before {
	content: ""
}
.fa-crosshairs: before {
	content: ""
}
.fa-times-circle-o: before {
	content: ""
}
.fa-check-circle-o: before {
	content: ""
}
.fa-ban: before {
	content: ""
}
.fa-arrow-left: before {
	content: ""
}
.fa-arrow-right: before {
	content: ""
}
.fa-arrow-up: before {
	content: ""
}
.fa-arrow-down: before {
	content: ""
}
.fa-mail-forward: before,.fa-share: before {
	content: ""
}
.fa-expand: before {
	content: ""
}
.fa-compress: before {
	content: ""
}
.fa-plus: before {
	content: ""
}
.fa-minus: before {
	content: ""
}
.fa-asterisk: before {
	content: ""
}
.fa-exclamation-circle: before {
	content: ""
}
.fa-gift: before {
	content: ""
}
.fa-leaf: before {
	content: ""
}
.fa-fire: before {
	content: ""
}
.fa-eye: before {
	content: ""
}
.fa-eye-slash: before {
	content: ""
}
.fa-warning: before,.fa-exclamation-triangle: before {
	content: ""
}
.fa-plane: before {
	content: ""
}
.fa-calendar: before {
	content: ""
}
.fa-random: before {
	content: ""
}
.fa-comment: before {
	content: ""
}
.fa-magnet: before {
	content: ""
}
.fa-chevron-up: before {
	content: ""
}
.fa-chevron-down: before {
	content: ""
}
.fa-retweet: before {
	content: ""
}
.fa-shopping-cart: before {
	content: ""
}
.fa-folder: before {
	content: ""
}
.fa-folder-open: before {
	content: ""
}
.fa-arrows-v: before {
	content: ""
}
.fa-arrows-h: before {
	content: ""
}
.fa-bar-chart-o: before,.fa-bar-chart: before {
	content: ""
}
.fa-twitter-square: before {
	content: ""
}
.fa-facebook-square: before {
	content: ""
}
.fa-camera-retro: before {
	content: ""
}
.fa-key: before {
	content: ""
}
.fa-gears: before,.fa-cogs: before {
	content: ""
}
.fa-comments: before {
	content: ""
}
.fa-thumbs-o-up: before {
	content: ""
}
.fa-thumbs-o-down: before {
	content: ""
}
.fa-star-half: before {
	content: ""
}
.fa-heart-o: before {
	content: ""
}
.fa-sign-out: before {
	content: ""
}
.fa-linkedin-square: before {
	content: ""
}
.fa-thumb-tack: before {
	content: ""
}
.fa-external-link: before {
	content: ""
}
.fa-sign-in: before {
	content: ""
}
.fa-trophy: before {
	content: ""
}
.fa-github-square: before {
	content: ""
}
.fa-upload: before {
	content: ""
}
.fa-lemon-o: before {
	content: ""
}
.fa-phone: before {
	content: ""
}
.fa-square-o: before {
	content: ""
}
.fa-bookmark-o: before {
	content: ""
}
.fa-phone-square: before {
	content: ""
}
.fa-twitter: before {
	content: ""
}
.fa-facebook-f: before,.fa-facebook: before {
	content: ""
}
.fa-github: before {
	content: ""
}
.fa-unlock: before {
	content: ""
}
.fa-credit-card: before {
	content: ""
}
.fa-feed: before,.fa-rss: before {
	content: ""
}
.fa-hdd-o: before {
	content: ""
}
.fa-bullhorn: before {
	content: ""
}
.fa-bell: before {
	content: ""
}
.fa-certificate: before {
	content: ""
}
.fa-hand-o-right: before {
	content: ""
}
.fa-hand-o-left: before {
	content: ""
}
.fa-hand-o-up: before {
	content: ""
}
.fa-hand-o-down: before {
	content: ""
}
.fa-arrow-circle-left: before {
	content: ""
}
.fa-arrow-circle-right: before {
	content: ""
}
.fa-arrow-circle-up: before {
	content: ""
}
.fa-arrow-circle-down: before {
	content: ""
}
.fa-globe: before {
	content: ""
}
.fa-wrench: before {
	content: ""
}
.fa-tasks: before {
	content: ""
}
.fa-filter: before {
	content: ""
}
.fa-briefcase: before {
	content: ""
}
.fa-arrows-alt: before {
	content: ""
}
.fa-group: before,.fa-users: before {
	content: ""
}
.fa-chain: before,.fa-link: before {
	content: ""
}
.fa-cloud: before {
	content: ""
}
.fa-flask: before {
	content: ""
}
.fa-cut: before,.fa-scissors: before {
	content: ""
}
.fa-copy: before,.fa-files-o: before {
	content: ""
}
.fa-paperclip: before {
	content: ""
}
.fa-save: before,.fa-floppy-o: before {
	content: ""
}
.fa-square: before {
	content: ""
}
.fa-navicon: before,.fa-reorder: before,.fa-bars: before {
	content: ""
}
.fa-list-ul: before {
	content: ""
}
.fa-list-ol: before {
	content: ""
}
.fa-strikethrough: before {
	content: ""
}
.fa-underline: before {
	content: ""
}
.fa-table: before {
	content: ""
}
.fa-magic: before {
	content: ""
}
.fa-truck: before {
	content: ""
}
.fa-pinterest: before {
	content: ""
}
.fa-pinterest-square: before {
	content: ""
}
.fa-google-plus-square: before {
	content: ""
}
.fa-google-plus: before {
	content: ""
}
.fa-money: before {
	content: ""
}
.fa-caret-down: before {
	content: ""
}
.fa-caret-up: before {
	content: ""
}
.fa-caret-left: before {
	content: ""
}
.fa-caret-right: before {
	content: ""
}
.fa-columns: before {
	content: ""
}
.fa-unsorted: before,.fa-sort: before {
	content: ""
}
.fa-sort-down: before,.fa-sort-desc: before {
	content: ""
}
.fa-sort-up: before,.fa-sort-asc: before {
	content: ""
}
.fa-envelope: before {
	content: ""
}
.fa-linkedin: before {
	content: ""
}
.fa-rotate-left: before,.fa-undo: before {
	content: ""
}
.fa-legal: before,.fa-gavel: before {
	content: ""
}
.fa-dashboard: before,.fa-tachometer: before {
	content: ""
}
.fa-comment-o: before {
	content: ""
}
.fa-comments-o: before {
	content: ""
}
.fa-flash: before,.fa-bolt: before {
	content: ""
}
.fa-sitemap: before {
	content: ""
}
.fa-umbrella: before {
	content: ""
}
.fa-paste: before,.fa-clipboard: before {
	content: ""
}
.fa-lightbulb-o: before {
	content: ""
}
.fa-exchange: before {
	content: ""
}
.fa-cloud-download: before {
	content: ""
}
.fa-cloud-upload: before {
	content: ""
}
.fa-user-md: before {
	content: ""
}
.fa-stethoscope: before {
	content: ""
}
.fa-suitcase: before {
	content: ""
}
.fa-bell-o: before {
	content: ""
}
.fa-coffee: before {
	content: ""
}
.fa-cutlery: before {
	content: ""
}
.fa-file-text-o: before {
	content: ""
}
.fa-building-o: before {
	content: ""
}
.fa-hospital-o: before {
	content: ""
}
.fa-ambulance: before {
	content: ""
}
.fa-medkit: before {
	content: ""
}
.fa-fighter-jet: before {
	content: ""
}
.fa-beer: before {
	content: ""
}
.fa-h-square: before {
	content: ""
}
.fa-plus-square: before {
	content: ""
}
.fa-angle-double-left: before {
	content: ""
}
.fa-angle-double-right: before {
	content: ""
}
.fa-angle-double-up: before {
	content: ""
}
.fa-angle-double-down: before {
	content: ""
}
.fa-angle-left: before {
	content: ""
}
.fa-angle-right: before {
	content: ""
}
.fa-angle-up: before {
	content: ""
}
.fa-angle-down: before {
	content: ""
}
.fa-desktop: before {
	content: ""
}
.fa-laptop: before {
	content: ""
}
.fa-tablet: before {
	content: ""
}
.fa-mobile-phone: before,.fa-mobile: before {
	content: ""
}
.fa-circle-o: before {
	content: ""
}
.fa-quote-left: before {
	content: ""
}
.fa-quote-right: before {
	content: ""
}
.fa-spinner: before {
	content: ""
}
.fa-circle: before {
	content: ""
}
.fa-mail-reply: before,.fa-reply: before {
	content: ""
}
.fa-github-alt: before {
	content: ""
}
.fa-folder-o: before {
	content: ""
}
.fa-folder-open-o: before {
	content: ""
}
.fa-smile-o: before {
	content: ""
}
.fa-frown-o: before {
	content: ""
}
.fa-meh-o: before {
	content: ""
}
.fa-gamepad: before {
	content: ""
}
.fa-keyboard-o: before {
	content: ""
}
.fa-flag-o: before {
	content: ""
}
.fa-flag-checkered: before {
	content: ""
}
.fa-terminal: before {
	content: ""
}
.fa-code: before {
	content: ""
}
.fa-mail-reply-all: before,.fa-reply-all: before {
	content: ""
}
.fa-star-half-empty: before,.fa-star-half-full: before,.fa-star-half-o: before {
	content: ""
}
.fa-location-arrow: before {
	content: ""
}
.fa-crop: before {
	content: ""
}
.fa-code-fork: before {
	content: ""
}
.fa-unlink: before,.fa-chain-broken: before {
	content: ""
}
.fa-question: before {
	content: ""
}
.fa-info: before {
	content: ""
}
.fa-exclamation: before {
	content: ""
}
.fa-superscript: before {
	content: ""
}
.fa-subscript: before {
	content: ""
}
.fa-eraser: before {
	content: ""
}
.fa-puzzle-piece: before {
	content: ""
}
.fa-microphone: before {
	content: ""
}
.fa-microphone-slash: before {
	content: ""
}
.fa-shield: before {
	content: ""
}
.fa-calendar-o: before {
	content: ""
}
.fa-fire-extinguisher: before {
	content: ""
}
.fa-rocket: before {
	content: ""
}
.fa-maxcdn: before {
	content: ""
}
.fa-chevron-circle-left: before {
	content: ""
}
.fa-chevron-circle-right: before {
	content: ""
}
.fa-chevron-circle-up: before {
	content: ""
}
.fa-chevron-circle-down: before {
	content: ""
}
.fa-html5: before {
	content: ""
}
.fa-css3: before {
	content: ""
}
.fa-anchor: before {
	content: ""
}
.fa-unlock-alt: before {
	content: ""
}
.fa-bullseye: before {
	content: ""
}
.fa-ellipsis-h: before {
	content: ""
}
.fa-ellipsis-v: before {
	content: ""
}
.fa-rss-square: before {
	content: ""
}
.fa-play-circle: before {
	content: ""
}
.fa-ticket: before {
	content: ""
}
.fa-minus-square: before {
	content: ""
}
.fa-minus-square-o: before {
	content: ""
}
.fa-level-up: before {
	content: ""
}
.fa-level-down: before {
	content: ""
}
.fa-check-square: before {
	content: ""
}
.fa-pencil-square: before {
	content: ""
}
.fa-external-link-square: before {
	content: ""
}
.fa-share-square: before {
	content: ""
}
.fa-compass: before {
	content: ""
}
.fa-toggle-down: before,.fa-caret-square-o-down: before {
	content: ""
}
.fa-toggle-up: before,.fa-caret-square-o-up: before {
	content: ""
}
.fa-toggle-right: before,.fa-caret-square-o-right: before {
	content: ""
}
.fa-euro: before,.fa-eur: before {
	content: ""
}
.fa-gbp: before {
	content: ""
}
.fa-dollar: before,.fa-usd: before {
	content: ""
}
.fa-rupee: before,.fa-inr: before {
	content: ""
}
.fa-cny: before,.fa-rmb: before,.fa-yen: before,.fa-jpy: before {
	content: ""
}
.fa-ruble: before,.fa-rouble: before,.fa-rub: before {
	content: ""
}
.fa-won: before,.fa-krw: before {
	content: ""
}
.fa-bitcoin: before,.fa-btc: before {
	content: ""
}
.fa-file: before {
	content: ""

}
.fa-file-text: before {
	content: ""
}
.fa-sort-alpha-asc: before {
	content: ""
}
.fa-sort-alpha-desc: before {
	content: ""
}
.fa-sort-amount-asc: before {
	content: ""
}
.fa-sort-amount-desc: before {
	content: ""
}
.fa-sort-numeric-asc: before {
	content: ""
}
.fa-sort-numeric-desc: before {
	content: ""
}
.fa-thumbs-up: before {
	content: ""
}
.fa-thumbs-down: before {
	content: ""
}
.fa-youtube-square: before {
	content: ""
}
.fa-youtube: before {
	content: ""
}
.fa-xing: before {
	content: ""
}
.fa-xing-square: before {
	content: ""
}
.fa-youtube-play: before {
	content: ""
}
.fa-dropbox: before {
	content: ""
}
.fa-stack-overflow: before {
	content: ""
}
.fa-instagram: before {
	content: ""
}
.fa-flickr: before {
	content: ""
}
.fa-adn: before {
	content: ""
}
.fa-bitbucket: before {
	content: ""
}
.fa-bitbucket-square: before {
	content: ""
}
.fa-tumblr: before {
	content: ""
}
.fa-tumblr-square: before {
	content: ""
}
.fa-long-arrow-down: before {
	content: ""
}
.fa-long-arrow-up: before {
	content: ""
}
.fa-long-arrow-left: before {
	content: ""
}
.fa-long-arrow-right: before {
	content: ""
}
.fa-apple: before {
	content: ""
}
.fa-windows: before {
	content: ""
}
.fa-android: before {
	content: ""
}
.fa-linux: before {
	content: ""
}
.fa-dribbble: before {
	content: ""
}
.fa-skype: before {
	content: ""
}
.fa-foursquare: before {
	content: ""
}
.fa-trello: before {
	content: ""
}
.fa-female: before {
	content: ""
}
.fa-male: before {
	content: ""
}
.fa-gittip: before,.fa-gratipay: before {
	content: ""
}
.fa-sun-o: before {
	content: ""
}
.fa-moon-o: before {
	content: ""
}
.fa-archive: before {
	content: ""
}
.fa-bug: before {
	content: ""
}
.fa-vk: before {
	content: ""
}
.fa-weibo: before {
	content: ""
}
.fa-renren: before {
	content: ""
}
.fa-pagelines: before {
	content: ""
}
.fa-stack-exchange: before {
	content: ""
}
.fa-arrow-circle-o-right: before {
	content: ""
}
.fa-arrow-circle-o-left: before {
	content: ""
}
.fa-toggle-left: before,.fa-caret-square-o-left: before {
	content: ""
}
.fa-dot-circle-o: before {
	content: ""
}
.fa-wheelchair: before {
	content: ""
}
.fa-vimeo-square: before {
	content: ""
}
.fa-turkish-lira: before,.fa-try: before {
	content: ""
}
.fa-plus-square-o: before {
	content: ""
}
.fa-space-shuttle: before {
	content: ""
}
.fa-slack: before {
	content: ""
}
.fa-envelope-square: before {
	content: ""
}
.fa-wordpress: before {
	content: ""
}
.fa-openid: before {
	content: ""
}
.fa-institution: before,.fa-bank: before,.fa-university: before {
	content: ""
}
.fa-mortar-board: before,.fa-graduation-cap: before {
	content: ""
}
.fa-yahoo: before {
	content: ""
}
.fa-google: before {
	content: ""
}
.fa-reddit: before {
	content: ""
}
.fa-reddit-square: before {
	content: ""
}
.fa-stumbleupon-circle: before {
	content: ""
}
.fa-stumbleupon: before {
	content: ""
}
.fa-delicious: before {
	content: ""
}
.fa-digg: before {
	content: ""
}
.fa-pied-piper-pp: before {
	content: ""
}
.fa-pied-piper-alt: before {
	content: ""
}
.fa-drupal: before {
	content: ""
}
.fa-joomla: before {
	content: ""
}
.fa-language: before {
	content: ""
}
.fa-fax: before {
	content: ""
}
.fa-building: before {
	content: ""
}
.fa-child: before {
	content: ""
}
.fa-paw: before {
	content: ""
}
.fa-spoon: before {
	content: ""
}
.fa-cube: before {
	content: ""
}
.fa-cubes: before {
	content: ""
}
.fa-behance: before {
	content: ""
}
.fa-behance-square: before {
	content: ""
}
.fa-steam: before {
	content: ""
}
.fa-steam-square: before {
	content: ""
}
.fa-recycle: before {
	content: ""
}
.fa-automobile: before,.fa-car: before {
	content: ""
}
.fa-cab: before,.fa-taxi: before {
	content: ""
}
.fa-tree: before {
	content: ""
}
.fa-spotify: before {
	content: ""
}
.fa-deviantart: before {
	content: ""
}
.fa-soundcloud: before {
	content: ""
}
.fa-database: before {
	content: ""
}
.fa-file-pdf-o: before {
	content: ""
}
.fa-file-word-o: before {
	content: ""
}
.fa-file-excel-o: before {
	content: ""
}
.fa-file-powerpoint-o: before {
	content: ""
}
.fa-file-photo-o: before,.fa-file-picture-o: before,.fa-file-image-o: before {
	content: ""
}
.fa-file-zip-o: before,.fa-file-archive-o: before {
	content: ""
}
.fa-file-sound-o: before,.fa-file-audio-o: before {
	content: ""
}
.fa-file-movie-o: before,.fa-file-video-o: before {
	content: ""
}
.fa-file-code-o: before {
	content: ""
}
.fa-vine: before {
	content: ""
}
.fa-codepen: before {
	content: ""
}
.fa-jsfiddle: before {
	content: ""
}
.fa-life-bouy: before,.fa-life-buoy: before,.fa-life-saver: before,.fa-support: before,.fa-life-ring: before {
	content: ""
}
.fa-circle-o-notch: before {
	content: ""
}
.fa-ra: before,.fa-resistance: before,.fa-rebel: before {
	content: ""
}
.fa-ge: before,.fa-empire: before {
	content: ""
}
.fa-git-square: before {
	content: ""
}
.fa-git: before {
	content: ""
}
.fa-y-combinator-square: before,.fa-yc-square: before,.fa-hacker-news: before {
	content: ""
}
.fa-tencent-weibo: before {
	content: ""
}
.fa-qq: before {
	content: ""
}
.fa-wechat: before,.fa-weixin: before {
	content: ""
}
.fa-send: before,.fa-paper-plane: before {
	content: ""
}
.fa-send-o: before,.fa-paper-plane-o: before {
	content: ""
}
.fa-history: before {
	content: ""
}
.fa-circle-thin: before {
	content: ""
}
.fa-header: before {
	content: ""
}
.fa-paragraph: before {
	content: ""
}
.fa-sliders: before {
	content: ""
}
.fa-share-alt: before {
	content: ""
}
.fa-share-alt-square: before {
	content: ""
}
.fa-bomb: before {
	content: ""
}
.fa-soccer-ball-o: before,.fa-futbol-o: before {
	content: ""
}
.fa-tty: before {
	content: ""
}
.fa-binoculars: before {
	content: ""
}
.fa-plug: before {
	content: ""
}
.fa-slideshare: before {
	content: ""
}
.fa-twitch: before {
	content: ""
}
.fa-yelp: before {
	content: ""
}
.fa-newspaper-o: before {
	content: ""
}
.fa-wifi: before {
	content: ""
}
.fa-calculator: before {
	content: ""
}
.fa-paypal: before {
	content: ""
}
.fa-google-wallet: before {
	content: ""
}
.fa-cc-visa: before {
	content: ""
}
.fa-cc-mastercard: before {
	content: ""
}
.fa-cc-discover: before {
	content: ""
}
.fa-cc-amex: before {
	content: ""
}
.fa-cc-paypal: before {
	content: ""
}
.fa-cc-stripe: before {
	content: ""
}
.fa-bell-slash: before {
	content: ""
}
.fa-bell-slash-o: before {
	content: ""
}
.fa-trash: before {
	content: ""
}
.fa-copyright: before {
	content: ""
}
.fa-at: before {
	content: ""
}
.fa-eyedropper: before {
	content: ""
}
.fa-paint-brush: before {
	content: ""
}
.fa-birthday-cake: before {
	content: ""
}
.fa-area-chart: before {
	content: ""
}
.fa-pie-chart: before {
	content: ""
}
.fa-line-chart: before {
	content: ""
}
.fa-lastfm: before {
	content: ""
}
.fa-lastfm-square: before {
	content: ""
}
.fa-toggle-off: before {
	content: ""
}
.fa-toggle-on: before {
	content: ""
}
.fa-bicycle: before {
	content: ""
}
.fa-bus: before {
	content: ""
}
.fa-ioxhost: before {
	content: ""
}
.fa-angellist: before {
	content: ""
}
.fa-cc: before {
	content: ""
}
.fa-shekel: before,.fa-sheqel: before,.fa-ils: before {
	content: ""
}
.fa-meanpath: before {
	content: ""
}
.fa-buysellads: before {
	content: ""
}
.fa-connectdevelop: before {
	content: ""
}
.fa-dashcube: before {
	content: ""
}
.fa-forumbee: before {
	content: ""
}
.fa-leanpub: before {
	content: ""
}
.fa-sellsy: before {
	content: ""
}
.fa-shirtsinbulk: before {
	content: ""
}
.fa-simplybuilt: before {
	content: ""
}
.fa-skyatlas: before {
	content: ""
}
.fa-cart-plus: before {
	content: ""
}
.fa-cart-arrow-down: before {
	content: ""
}
.fa-diamond: before {
	content: ""
}
.fa-ship: before {
	content: ""
}
.fa-user-secret: before {
	content: ""
}
.fa-motorcycle: before {
	content: ""
}
.fa-street-view: before {
	content: ""
}
.fa-heartbeat: before {
	content: ""
}
.fa-venus: before {
	content: ""
}
.fa-mars: before {
	content: ""
}
.fa-mercury: before {
	content: ""
}
.fa-intersex: before,.fa-transgender: before {
	content: ""
}
.fa-transgender-alt: before {
	content: ""
}
.fa-venus-double: before {
	content: ""
}
.fa-mars-double: before {
	content: ""
}
.fa-venus-mars: before {
	content: ""
}
.fa-mars-stroke: before {
	content: ""
}
.fa-mars-stroke-v: before {
	content: ""
}
.fa-mars-stroke-h: before {
	content: ""
}
.fa-neuter: before {
	content: ""
}
.fa-genderless: before {
	content: ""
}
.fa-facebook-official: before {
	content: ""
}
.fa-pinterest-p: before {
	content: ""
}
.fa-whatsapp: before {
	content: ""
}
.fa-server: before {
	content: ""
}
.fa-user-plus: before {
	content: ""
}
.fa-user-times: before {
	content: ""
}
.fa-hotel: before,.fa-bed: before {
	content: ""
}
.fa-viacoin: before {
	content: ""
}
.fa-train: before {
	content: ""
}
.fa-subway: before {
	content: ""
}
.fa-medium: before {
	content: ""
}
.fa-yc: before,.fa-y-combinator: before {
	content: ""
}
.fa-optin-monster: before {
	content: ""
}
.fa-opencart: before {
	content: ""
}
.fa-expeditedssl: before {
	content: ""
}
.fa-battery-4: before,.fa-battery: before,.fa-battery-full: before {
	content: ""
}
.fa-battery-3: before,.fa-battery-three-quarters: before {
	content: ""
}
.fa-battery-2: before,.fa-battery-half: before {
	content: ""
}
.fa-battery-1: before,.fa-battery-quarter: before {
	content: ""
}
.fa-battery-0: before,.fa-battery-empty: before {
	content: ""
}
.fa-mouse-pointer: before {
	content: ""
}
.fa-i-cursor: before {
	content: ""
}
.fa-object-group: before {
	content: ""
}
.fa-object-ungroup: before {
	content: ""
}
.fa-sticky-note: before {
	content: ""
}
.fa-sticky-note-o: before {
	content: ""
}
.fa-cc-jcb: before {
	content: ""
}
.fa-cc-diners-club: before {
	content: ""
}
.fa-clone: before {
	content: ""
}
.fa-balance-scale: before {
	content: ""
}
.fa-hourglass-o: before {
	content: ""
}
.fa-hourglass-1: before,.fa-hourglass-start: before {
	content: ""
}
.fa-hourglass-2: before,.fa-hourglass-half: before {
	content: ""
}
.fa-hourglass-3: before,.fa-hourglass-end: before {
	content: ""
}
.fa-hourglass: before {
	content: ""
}
.fa-hand-grab-o: before,.fa-hand-rock-o: before {
	content: ""
}
.fa-hand-stop-o: before,.fa-hand-paper-o: before {
	content: ""
}
.fa-hand-scissors-o: before {
	content: ""
}
.fa-hand-lizard-o: before {
	content: ""
}
.fa-hand-spock-o: before {
	content: ""
}
.fa-hand-pointer-o: before {
	content: ""
}
.fa-hand-peace-o: before {
	content: ""
}
.fa-trademark: before {
	content: ""
}
.fa-registered: before {
	content: ""
}
.fa-creative-commons: before {
	content: ""
}
.fa-gg: before {
	content: ""
}
.fa-gg-circle: before {
	content: ""
}
.fa-tripadvisor: before {
	content: ""
}
.fa-odnoklassniki: before {
	content: ""
}
.fa-odnoklassniki-square: before {
	content: ""
}
.fa-get-pocket: before {
	content: ""
}
.fa-wikipedia-w: before {
	content: ""
}
.fa-safari: before {
	content: ""
}
.fa-chrome: before {
	content: ""
}
.fa-firefox: before {
	content: ""
}
.fa-opera: before {
	content: ""
}
.fa-internet-explorer: before {
	content: ""
}
.fa-tv: before,.fa-television: before {
	content: ""
}
.fa-contao: before {
	content: ""
}
.fa-500px: before {
	content: ""
}
.fa-amazon: before {
	content: ""
}
.fa-calendar-plus-o: before {
	content: ""
}
.fa-calendar-minus-o: before {
	content: ""
}
.fa-calendar-times-o: before {
	content: ""
}
.fa-calendar-check-o: before {
	content: ""
}
.fa-industry: before {
	content: ""
}
.fa-map-pin: before {
	content: ""
}
.fa-map-signs: before {
	content: ""
}
.fa-map-o: before {
	content: ""
}
.fa-map: before {
	content: ""
}
.fa-commenting: before {
	content: ""
}
.fa-commenting-o: before {
	content: ""
}
.fa-houzz: before {
	content: ""
}
.fa-vimeo: before {
	content: ""
}
.fa-black-tie: before {
	content: ""
}
.fa-fonticons: before {
	content: ""
}
.fa-reddit-alien: before {
	content: ""
}
.fa-edge: before {
	content: ""
}
.fa-credit-card-alt: before {
	content: ""
}
.fa-codiepie: before {
	content: ""
}
.fa-modx: before {
	content: ""
}
.fa-fort-awesome: before {
	content: ""
}
.fa-usb: before {
	content: ""
}
.fa-product-hunt: before {
	content: ""
}
.fa-mixcloud: before {
	content: ""
}
.fa-scribd: before {
	content: ""
}
.fa-pause-circle: before {
	content: ""
}
.fa-pause-circle-o: before {
	content: ""
}
.fa-stop-circle: before {
	content: ""
}
.fa-stop-circle-o: before {
	content: ""
}
.fa-shopping-bag: before {
	content: ""
}
.fa-shopping-basket: before {
	content: ""
}
.fa-hashtag: before {
	content: ""
}
.fa-bluetooth: before {
	content: ""
}
.fa-bluetooth-b: before {
	content: ""
}
.fa-percent: before {
	content: ""
}
.fa-gitlab: before {
	content: ""
}
.fa-wpbeginner: before {
	content: ""
}
.fa-wpforms: before {
	content: ""
}
.fa-envira: before {
	content: ""
}
.fa-universal-access: before {
	content: ""
}
.fa-wheelchair-alt: before {
	content: ""
}
.fa-question-circle-o: before {
	content: ""
}
.fa-blind: before {
	content: ""
}
.fa-audio-description: before {
	content: ""
}
.fa-volume-control-phone: before {
	content: ""
}
.fa-braille: before {
	content: ""
}
.fa-assistive-listening-systems: before {
	content: ""
}
.fa-asl-interpreting: before,.fa-american-sign-language-interpreting: before {
	content: ""
}
.fa-deafness: before,.fa-hard-of-hearing: before,.fa-deaf: before {
	content: ""
}
.fa-glide: before {
	content: ""
}
.fa-glide-g: before {
	content: ""
}
.fa-signing: before,.fa-sign-language: before {
	content: ""
}
.fa-low-vision: before {
	content: ""
}
.fa-viadeo: before {
	content: ""
}
.fa-viadeo-square: before {
	content: ""
}
.fa-snapchat: before {
	content: ""
}
.fa-snapchat-ghost: before {
	content: ""
}
.fa-snapchat-square: before {
	content: ""
}
.fa-pied-piper: before {
	content: ""
}
.fa-first-order: before {
	content: ""
}
.fa-yoast: before {
	content: ""
}
.fa-themeisle: before {
	content: ""
}
.fa-google-plus-circle: before,.fa-google-plus-official: before {
	content: ""
}
.fa-fa: before,.fa-font-awesome: before {
	content: ""
}
.fa-handshake-o: before {
	content: ""
}
.fa-envelope-open: before {
	content: ""
}
.fa-envelope-open-o: before {
	content: ""
}
.fa-linode: before {
	content: ""
}
.fa-address-book: before {
	content: ""
}
.fa-address-book-o: before {
	content: ""
}
.fa-vcard: before,.fa-address-card: before {
	content: ""
}
.fa-vcard-o: before,.fa-address-card-o: before {
	content: ""
}
.fa-user-circle: before {
	content: ""
}
.fa-user-circle-o: before {
	content: ""
}
.fa-user-o: before {
	content: ""
}
.fa-id-badge: before {
	content: ""
}
.fa-drivers-license: before,.fa-id-card: before {
	content: ""
}
.fa-drivers-license-o: before,.fa-id-card-o: before {
	content: ""
}
.fa-quora: before {
	content: ""
}
.fa-free-code-camp: before {
	content: ""
}
.fa-telegram: before {
	content: ""
}
.fa-thermometer-4: before,.fa-thermometer: before,.fa-thermometer-full: before {
	content: ""
}
.fa-thermometer-3: before,.fa-thermometer-three-quarters: before {
	content: ""
}
.fa-thermometer-2: before,.fa-thermometer-half: before {
	content: ""
}
.fa-thermometer-1: before,.fa-thermometer-quarter: before {
	content: ""
}
.fa-thermometer-0: before,.fa-thermometer-empty: before {
	content: ""
}
.fa-shower: before {
	content: ""
}
.fa-bathtub: before,.fa-s15: before,.fa-bath: before {
	content: ""
}
.fa-podcast: before {
	content: ""
}
.fa-window-maximize: before {
	content: ""
}
.fa-window-minimize: before {
	content: ""
}
.fa-window-restore: before {
	content: ""
}
.fa-times-rectangle: before,.fa-window-close: before {
	content: ""
}
.fa-times-rectangle-o: before,.fa-window-close-o: before {
	content: ""
}
.fa-bandcamp: before {
	content: ""
}
.fa-grav: before {
	content: ""
}
.fa-etsy: before {
	content: ""
}
.fa-imdb: before {
	content: ""
}
.fa-ravelry: before {
	content: ""
}
.fa-eercast: before {
	content: ""
}
.fa-microchip: before {
	content: ""
}
.fa-snowflake-o: before {
	content: ""
}
.fa-superpowers: before {
	content: ""
}
.fa-wpexplorer: before {
	content: ""
}
.fa-meetup: before {
	content: ""
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.sr-only-focusable: active,.sr-only-focusable: focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto
}
.flatpickr-calendar {
	background: transparent;
	opacity: 0;
	display: none;
	text-align: center;
	visibility: hidden;
	padding: 0;
	-webkit-animation: none;
	animation: none;
	direction: ltr;
	border: 0;
	font-size: 14px;
	line-height: 24px;
	border-radius: 5px;
	position: absolute;
	width: 307.875px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	background: #fff;
	-webkit-box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0, 0, 0, 0.08)
}
.flatpickr-calendar.open,.flatpickr-calendar.inline {
	opacity: 1;
	max-height: 640px;
	visibility: visible
}
.flatpickr-calendar.open {
	display: inline-block;
	z-index: 99999
}
.flatpickr-calendar.animate.open {
	-webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
	animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1)
}
.flatpickr-calendar.inline {
	display: block;
	position: relative;
	top: 2px
}
.flatpickr-calendar.static {
	position: absolute;
	top: calc(100% + 2px)
}
.flatpickr-calendar.static.open {
	z-index: 999;
	display: block
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer: nth-child(n+1) .flatpickr-day.inRange: nth-child(7n+7) {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer: nth-child(n+2) .flatpickr-day.inRange: nth-child(7n+1) {
	-webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
	box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}
.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}
.flatpickr-calendar .hasWeeks .dayContainer {
	border-left: 0
}
.flatpickr-calendar.hasTime .flatpickr-time {
	height: 40px;
	border-top: 1px solid #e6e6e6
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
	height: auto
}
.flatpickr-calendar: before,.flatpickr-calendar: after {
	position: absolute;
	display: block;
	pointer-events: none;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	left: 22px
}
.flatpickr-calendar.rightMost: before,.flatpickr-calendar.arrowRight: before,.flatpickr-calendar.rightMost: after,.flatpickr-calendar.arrowRight: after {
	left: auto;
	right: 22px
}
.flatpickr-calendar.arrowCenter: before,.flatpickr-calendar.arrowCenter: after {
	left: 50%;
	right: 50%
}
.flatpickr-calendar: before {
	border-width: 5px;
	margin: 0 -5px
}
.flatpickr-calendar: after {
	border-width: 4px;
	margin: 0 -4px
}
.flatpickr-calendar.arrowTop: before,.flatpickr-calendar.arrowTop: after {
	bottom: 100%
}
.flatpickr-calendar.arrowTop: before {
	border-bottom-color: #e6e6e6
}
.flatpickr-calendar.arrowTop: after {
	border-bottom-color: #fff
}
.flatpickr-calendar.arrowBottom: before,.flatpickr-calendar.arrowBottom: after {
	top: 100%
}
.flatpickr-calendar.arrowBottom: before {
	border-top-color: #e6e6e6
}
.flatpickr-calendar.arrowBottom: after {
	border-top-color: #fff
}
.flatpickr-calendar: focus {
	outline: 0
}
.flatpickr-wrapper {
	position: relative;
	display: inline-block
}
.flatpickr-months {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.flatpickr-months .flatpickr-month {
	background: transparent;
	color: rgba(0, 0, 0, 0.9);
	fill: rgba(0, 0, 0, 0.9);
	height: 34px;
	line-height: 1;
	text-align: center;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month {
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	top: 0;
	height: 34px;
	padding: 10px;
	z-index: 3;
	color: rgba(0, 0, 0, 0.9);
	fill: rgba(0, 0, 0, 0.9)
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
	display: none
}
.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i {
	position: relative
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
	left: 0
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
	right: 0
}
.flatpickr-months .flatpickr-prev-month: hover,.flatpickr-months .flatpickr-next-month: hover {
	color: #959ea9
}
.flatpickr-months .flatpickr-prev-month: hover svg,.flatpickr-months .flatpickr-next-month: hover svg {
	fill: #f64747
}
.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg {
	width: 14px;
	height: 14px
}
.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path {
	-webkit-transition: fill .1s;
	transition: fill .1s;
	fill: inherit
}
.numInputWrapper {
	position: relative;
	height: auto
}
.numInputWrapper input,.numInputWrapper span {
	display: inline-block
}
.numInputWrapper input {
	width: 100%
}
.numInputWrapper input: : -ms-clear {
	display: none
}
.numInputWrapper input: : -webkit-outer-spin-button,.numInputWrapper input: : -webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none
}
.numInputWrapper span {
	position: absolute;
	right: 0;
	width: 14px;
	padding: 0 4px 0 2px;
	height: 50%;
	line-height: 50%;
	opacity: 0;
	cursor: pointer;
	border: 1px solid rgba(57, 57, 57, 0.15);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.numInputWrapper span: hover {
	background: rgba(0, 0, 0, 0.1)
}
.numInputWrapper span: active {
	background: rgba(0, 0, 0, 0.2)
}
.numInputWrapper span: after {
	display: block;
	content: "";
	position: absolute
}
.numInputWrapper span.arrowUp {
	top: 0;
	border-bottom: 0
}
.numInputWrapper span.arrowUp: after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid rgba(57, 57, 57, 0.6);
	top: 26%
}
.numInputWrapper span.arrowDown {
	top: 50%
}
.numInputWrapper span.arrowDown: after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid rgba(57, 57, 57, 0.6);
	top: 40%
}
.numInputWrapper span svg {
	width: inherit;
	height: auto
}
.numInputWrapper span svg path {
	fill: rgba(0, 0, 0, 0.5)
}
.numInputWrapper: hover {
	background: rgba(0, 0, 0, 0.05)
}
.numInputWrapper: hover span {
	opacity: 1
}
.flatpickr-current-month {
	font-size: 135%;
	line-height: inherit;
	font-weight: 300;
	color: inherit;
	position: absolute;
	width: 75%;
	left: 12.5%;
	padding: 7.48px 0 0 0;
	line-height: 1;
	height: 34px;
	display: inline-block;
	text-align: center;
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px)
}
.flatpickr-current-month span.cur-month {
	font-family: inherit;
	font-weight: 700;
	color: inherit;
	display: inline-block;
	margin-left: .5ch;
	padding: 0
}
.flatpickr-current-month span.cur-month: hover {
	background: rgba(0, 0, 0, 0.05)
}
.flatpickr-current-month .numInputWrapper {
	width: 6ch;
	width: 7ch\0 ;
	display: inline-block
}
.flatpickr-current-month .numInputWrapper span.arrowUp: after {
	border-bottom-color: rgba(0, 0, 0, 0.9)
}
.flatpickr-current-month .numInputWrapper span.arrowDown: after {
	border-top-color: rgba(0, 0, 0, 0.9)
}
.flatpickr-current-month input.cur-year {
	background: transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	cursor: text;
	padding: 0 0 0 .5ch;
	margin: 0;
	display: inline-block;
	font-size: inherit;
	font-family: inherit;
	font-weight: 300;
	line-height: inherit;
	height: auto;
	border: 0;
	border-radius: 0;
	vertical-align: initial;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield
}
.flatpickr-current-month input.cur-year: focus {
	outline: 0
}
.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]: hover {
	font-size: 100%;
	color: rgba(0, 0, 0, 0.5);
	background: transparent;
	pointer-events: none
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
	appearance: menulist;
	background: transparent;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	color: inherit;
	cursor: pointer;
	font-size: inherit;
	font-family: inherit;
	font-weight: 300;
	height: auto;
	line-height: inherit;
	margin: -1px 0 0 0;
	outline: none;
	padding: 0 0 0 .5ch;
	position: relative;
	vertical-align: initial;
	-webkit-box-sizing: border-box;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
	width: auto
}
.flatpickr-current-month .flatpickr-monthDropdown-months: focus,.flatpickr-current-month .flatpickr-monthDropdown-months: active {
	outline: none
}
.flatpickr-current-month .flatpickr-monthDropdown-months: hover {
	background: rgba(0, 0, 0, 0.05)
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
	background-color: transparent;
	outline: none;
	padding: 0
}
.flatpickr-weekdays {
	background: transparent;
	text-align: center;
	overflow: hidden;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 28px
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
span.flatpickr-weekday {
	cursor: default;
	font-size: 90%;
	background: transparent;
	color: rgba(0, 0, 0, 0.54);
	line-height: 1;
	margin: 0;
	text-align: center;
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: bolder
}
.dayContainer,.flatpickr-weeks {
	padding: 1px 0 0 0
}
.flatpickr-days {
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 307.875px
}
.flatpickr-days: focus {
	outline: 0
}
.dayContainer {
	padding: 0;
	outline: 0;
	text-align: left;
	width: 307.875px;
	min-width: 307.875px;
	max-width: 307.875px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	opacity: 1
}
.dayContainer+.dayContainer {
	-webkit-box-shadow: -1px 0 0 #e6e6e6;
	box-shadow: -1px 0 0 #e6e6e6
}
.flatpickr-day {
	background: none;
	border: 1px solid transparent;
	border-radius: 150px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #393939;
	cursor: pointer;
	font-weight: 400;
	width: 14.2857143%;
	-webkit-flex-basis: 14.2857143%;
	-ms-flex-preferred-size: 14.2857143%;
	flex-basis: 14.2857143%;
	max-width: 39px;
	height: 39px;
	line-height: 39px;
	margin: 0;
	display: inline-block;
	position: relative;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}
.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day: hover,.flatpickr-day.prevMonthDay: hover,.flatpickr-day.nextMonthDay: hover,.flatpickr-day: focus,.flatpickr-day.prevMonthDay: focus,.flatpickr-day.nextMonthDay: focus {
	cursor: pointer;
	outline: 0;
	background: #e6e6e6;
	border-color: #e6e6e6
}
.flatpickr-day.today {
	border-color: #959ea9
}
.flatpickr-day.today: hover,.flatpickr-day.today: focus {
	border-color: #959ea9;
	background: #959ea9;
	color: #fff
}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected: focus,.flatpickr-day.startRange: focus,.flatpickr-day.endRange: focus,.flatpickr-day.selected: hover,.flatpickr-day.startRange: hover,.flatpickr-day.endRange: hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay {
	background: #569ff7;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	border-color: #569ff7
}
.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange {
	border-radius: 50px 0 0 50px
}
.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange {
	border-radius: 0 50px 50px 0
}
.flatpickr-day.selected.startRange+.endRange: not(: nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange: not(: nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange: not(: nth-child(7n+1)) {
	-webkit-box-shadow: -10px 0 0 #569ff7;
	box-shadow: -10px 0 0 #569ff7
}
.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange {
	border-radius: 50px
}
.flatpickr-day.inRange {
	border-radius: 0;
	-webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
	box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled: hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay {
	color: rgba(57, 57, 57, 0.3);
	background: transparent;
	border-color: transparent;
	cursor: default
}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled: hover {
	cursor: not-allowed;
	color: rgba(57, 57, 57, 0.1)
}
.flatpickr-day.week.selected {
	border-radius: 0;
	-webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
	box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7
}
.flatpickr-day.hidden {
	visibility: hidden
}
.rangeMode .flatpickr-day {
	margin-top: 1px
}
.flatpickr-weekwrapper {
	float: left
}
.flatpickr-weekwrapper .flatpickr-weeks {
	padding: 0 12px;
	-webkit-box-shadow: 1px 0 0 #e6e6e6;
	box-shadow: 1px 0 0 #e6e6e6
}
.flatpickr-weekwrapper .flatpickr-weekday {
	float: none;
	width: 100%;
	line-height: 28px
}
.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day: hover {
	display: block;
	width: 100%;
	max-width: none;
	color: rgba(57, 57, 57, 0.3);
	background: transparent;
	cursor: default;
	border: none
}
.flatpickr-innerContainer {
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}
.flatpickr-rContainer {
	display: inline-block;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.flatpickr-time {
	text-align: center;
	outline: 0;
	display: block;
	height: 0;
	line-height: 40px;
	max-height: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.flatpickr-time: after {
	content: "";
	display: table;
	clear: both
}
.flatpickr-time .numInputWrapper {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 40%;
	height: 40px;
	float: left
}
.flatpickr-time .numInputWrapper span.arrowUp: after {
	border-bottom-color: #393939
}
.flatpickr-time .numInputWrapper span.arrowDown: after {
	border-top-color: #393939
}
.flatpickr-time.hasSeconds .numInputWrapper {
	width: 26%
}
.flatpickr-time.time24hr .numInputWrapper {
	width: 49%
}
.flatpickr-time input {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	border-radius: 0;
	text-align: center;
	margin: 0;
	padding: 0;
	height: inherit;
	line-height: inherit;
	color: #393939;
	font-size: 14px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield
}
.flatpickr-time input.flatpickr-hour {
	font-weight: bold
}
.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second {
	font-weight: 400
}
.flatpickr-time input: focus {
	outline: 0;
	border: 0
}
.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm {
	height: inherit;
	float: left;
	line-height: inherit;
	color: #393939;
	font-weight: bold;
	width: 2%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center
}
.flatpickr-time .flatpickr-am-pm {
	outline: 0;
	width: 18%;
	cursor: pointer;
	text-align: center;
	font-weight: 400
}
.flatpickr-time input: hover,.flatpickr-time .flatpickr-am-pm: hover,.flatpickr-time input: focus,.flatpickr-time .flatpickr-am-pm: focus {
	background: #eee
}
.flatpickr-input[readonly] {
	cursor: pointer
}
@-webkit-keyframes fpFadeInDown {
	from {
	opacity: 0;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}@keyframes fpFadeInDown {
	from {
	opacity: 0;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}@font-face {
	font-family: "custom";
	src: url("fonts/custom.eot?xrw764");
	src: url("fonts/custom.eot?xrw764#iefix") format("embedded-opentype"),url("fonts/custom.ttf?xrw764") format("truetype"),url("fonts/custom.woff?xrw764") format("woff"),url("fonts/custom.svg?xrw764#custom") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block
}
[class^=yci-],[class*=" yci-"] {
	font-family: "custom" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.yci-shoppingCart_fill: before {
	content: "";
	color: #4a4a4a
}
.yci-trash-o: before {
	content: ""
}
.yci-trash: before {
	content: ""
}
.yci-heart_fill: before {
	content: ""
}
.yci-bars: before {
	content: ""
}
.yci-navicon: before {
	content: ""
}
.yci-reorder: before {
	content: ""
}
.yci-plus: before {
	content: ""
}
.yci-check: before {
	content: ""
}
.yci-close: before {
	content: ""
}
.yci-remove: before {
	content: ""
}
.yci-times: before {
	content: ""
}
.yci-cog: before {
	content: ""
}
.yci-gear: before {
	content: ""
}
.yci-chevron-left: before {
	content: ""
}
.yci-chevron-right: before {
	content: ""
}
.yci-arrow-up: before {
	content: ""
}
.yci-arrow-down: before {
	content: ""
}
.yci-feed: before {
	content: ""
}
.yci-rss: before {
	content: ""
}
.yci-bars1: before {
	content: ""
}
.yci-navicon1: before {
	content: ""
}
.yci-reorder1: before {
	content: ""
}
.yci-sort-desc: before {
	content: ""
}
.yci-sort-down: before {
	content: ""
}
.yci-sort-asc: before {
	content: ""
}
.yci-sort-up: before {
	content: ""
}
.yci-cloud-upload: before {
	content: ""
}
.yci-price-tag: before {
	content: ""
}
.yci-bubbles: before {
	content: ""
}
.yci-google-plus2: before {
	content: ""
}
.yci-clock: before {
	content: ""
}
.yci-clock1: before {
	content: ""
}
.yci-document-alt-stroke: before {
	content: ""
}
.yci-document-alt-fill: before {
	content: ""
}
.yci-pen: before {
	content: ""
}
.yci-eye: before {
	content: ""
}
.yci-search: before {
	content: ""
}
.yci-exclamation: before {
	content: ""
}
.yci-play: before {
	content: ""
}
.yci-stop: before {
	content: ""
}
.yci-pause: before {
	content: ""
}
.yci-envelope: before {
	content: ""
}
.yci-calendar: before {
	content: ""
}
.yci-light-bulb: before {
	content: ""
}
.yci-add-solid: before {
	content: ""
}
.yci-cheveron-outline-left: before {
	content: ""
}
.yci-cheveron-outline-right: before {
	content: ""
}
.yci-instagram: before {
	content: ""
}
.yci-youtube: before {
	content: ""
}
.yci-facebook: before {
	content: ""
}
.yci-shoppingCart: before {
	content: "";
	color: #4a4a4a
}
.yci-bell: before {
	content: "";
	color: #4a4a4a
}
.yci-BeTeacher: before {
	content: "";
	color: #4a4a4a
}
.yci-explore: before {
	content: "";
	color: #4a4a4a
}
.yci-magnifier: before {
	content: "";
	color: #4a4a4a
}
.yci-mycourse: before {
	content: "";
	color: #4a4a4a
}
.yci-book: before {
	content: ""
}
.yci-tag: before {
	content: ""
}
.yci-heart: before {
	content: ""
}
.yci-loop: before {
	content: ""
}
.yci-play_circle_filled: before {
	content: ""
}
.yci-video_collection: before {
	content: ""
}
.yci-playlist_play: before {
	content: ""
}
.yci-highlight: before {
	content: ""
}
.yci-monetization_on: before {
	content: ""
}
.yci-file_download: before {
	content: ""
}
.yci-headset: before {
	content: ""
}
.yci-headset_mic: before {
	content: ""
}
.yci-person_pin_circle: before {
	content: ""
}
.yci-more_vert: before {
	content: ""
}
.yci-person: before {
	content: ""
}
.yci-school: before {
	content: ""
}
.yci-share: before {
	content: ""
}
.yci-home: before {
	content: ""
}
.yci-stars: before {
	content: ""
}
.yci-file_download_done: before {
	content: ""
}
.vague {
	filter: blur(5px)
}
.mobile-show {
	display: none !important
}
@media(max-width: 1040px) {
	.mobile-show {
	display: flex !important
}
}@media(max-width: 567px) {
	.mobile-hide {
	display: none !important
}
}.pad-show {
	display: none !important
}
@media(max-width: 1040px) {
	.pad-show {
	display: flex !important
}
}@media(max-width: 567px) {
	.pad-show {
	display: none !important
}
}.pad-hide {
	display: none !important
}
@media(max-width: 1040px) {
	.pad-hide {
	display: flex !important
}
}@media(max-width: 567px) {
	.pad-hide {
	display: none !important
}
}.container,.container-fluid,.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
	padding-right: 16px;
	padding-left: 16px
}
.wrapper {
	padding: 70px 0 0 0;
	min-height: calc(100vh - 134px)
}
.row {
	margin-right: -16px;
	margin-left: -16px
}
.row.no-gutters {
	margin-right: 0;
	margin-left: 0
}
.row.no-gutters>[class^=col-],.row.no-gutters>[class*=" col-"] {
	padding-right: 0;
	padding-left: 0
}
a {
	color: #4c545a
}
a.underline {
	text-decoration: underline
}
a.inline {
	display: inline-block
}
a: hover {
	color: #33b2e4
}
a: active {
	color: #00658d
}
a.white-link {
	color: #fff
}
a.white-link: hover {
	color: #f7f8fa
}
a.white-link: active {
	color: #4c545a
}
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word
}
.fr-grey-block {
	border-radius: 4px;
	display: block;
	margin: 0 0 10px;
	padding: 9.5px;
	font-size: 14px;
	line-height: normal;
	color: #333;
	background: #f5f5f5;
	border: 1px solid #ccc;
	white-space: pre-wrap;
	word-wrap: break-word
}
.fr-article-title {
	font-weight: 500;
	font-size: 24px;
	color: #019fde;
	margin: 30px 0
}
.fr-quote-block {
	color: #4c545a;
	font-weight: 500;
	font-size: 20px;
	margin: 30px 0;
	position: relative
}
.fr-quote-block: before {
	content: "“"
}
.fr-quote-block: after {
	content: "”"
}
.fr-dropdown-wrapper a {
	margin: 0;
	font-weight: normal;
	font-size: 16px
}
.fr-popup.fr-active {
	z-index: 1050 !important
}
.fr-view table.fr-none-borders td,.fr-view table.fr-none-borders th {
	border-style: none
}
.font-bold {
	font-weight: 500
}
.text-nowrap-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.underline-title {
	padding: 10px 0;
	border-bottom: 1px solid #c3dae8
}
.text-gold {
	color: #ffc669
}
.text-blue {
	color: #019fde
}
.text-green {
	color: #40be5e
}
.text-dark-blue {
	color: #007fb1
}
.text-red {
	color: #ff5b74 !important
}
.text-lightblue {
	color: #33b2e4
}
.text-grey {
	color: #8b9195
}
.text-lightgrey {
	color: #d3dee5
}
.text-white {
	color: #fff
}
.text-black {
	color: #4c545a
}
.text-del {
	text-decoration: line-through
}
.text-bold {
	font-weight: 500
}
.font-xs {
	font-size: 12px
}
.font-sm {
	font-size: 14px
}
.font-nor {
	font-size: 16px
}
.font-lg {
	font-size: 20px
}
.font-xl {
	font-size: 24px
}
.font-xxl {
	font-size: 36px
}
.text-center {
	text-align: center
}
.text-left {
	text-align: left
}
.text-right {
	text-align: right
}
.flexbox {
}
.center-flexbox {
	display: flex;
	justify-content: center;
	align-items: center
}
.d-flex {
	display: flex !important
}
.d-inline-flex {
	display: inline-flex !important
}
.align-items-center {
	align-items: center !important
}
.justify-content-center {
	justify-content: center !important
}
.justify-content-between {
	justify-content: space-between !important
}
.justify-content-evenly {
	justify-content: space-evenly !important
}
.d-flex-center {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important
}
.d-inline-flex-center {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important
}
.bg-transparent {
	background: transparent
}
.bg-white {
	background-color: #F1F5F8
}
.bg-brand {
	background-color: #019fde
}
.bg-danger {
	background-color: #ff5b74
}
.bg-info {
	background-color: #8b9195
}
.bg-warning {
	background-color: #ffc669
}
.bg-base {
	background-color: #4c545a
}
.bg-strong {
	background: #181a1c
}
.border-none {
	border: none
}
.border {
	border-width: 1px;
	border-style: solid
}
.border-strong {
	border-color: #4c545a
}
.border-brand {
	border-color: #019fde
}
.border-warning {
	border-color: #ffc669
}
.border-error {
	border-color: #ff5b74
}
.radius-circle {
	border-radius: 50%
}
.radius-none {
	border-radius: 0
}
.avatars {
	border-radius: 50%
}
.avatars-30 {
	width: 30px;
	height: 30px;
	border-radius: 50%
}
.avatars-36 {
	width: 36px;
	height: 36px;
	border-radius: 50%
}
.avatars-40 {
	width: 40px;
	height: 40px;
	border-radius: 50%
}
.avatars-44 {
	width: 44px;
	height: 44px;
	border-radius: 50%
}
.avatars-50 {
	width: 50px;
	height: 50px;
	border-radius: 50%
}
.avatars-170 {
	width: 170px;
	height: 170px;
	border-radius: 50%
}
.no-padding {
	padding: 0px
}
.margin-t-15 {
	margin-top: 15px
}
.margin-t-30 {
	margin-top: 30px
}
.margin-b-15 {
	margin-bottom: 15px
}
.margin-r-15 {
	margin-right: 15px
}
.margin-l-15 {
	margin-left: 15px
}
.center-link {
	display: block
}
.inline-block {
	display: inline-block
}
.display-none {
	display: none
}
.page-loading {
	padding: 90px 0;
	display: none
}
.page-loading img {
	width: 100px;
	height: auto
}
.page-loading p {
	margin: 15px auto
}
.data-loading {
	display: none;
	margin: 30px auto
}
.data-loading button {
	display: block;
	margin: 0 auto
}
.data-loading p {
	display: none;
	margin: 0 auto
}
.data-loading.loading p {
	display: block
}
.data-loading.loading button {
	display: none
}
.result-list.more .data-loading {
	display: block
}
.li-loading {
	border-radius: 5px;
	background: url(../image/loading.gif) no-repeat center center;
	background-size: 100px 100px;
	width: 100%;
	height: calc(100% - 0px);
	background-color: #fff;
	position: absolute !important;
	left: 0;
	z-index: 10;
	display: none
}
.li-loading.show {
	padding: 0px
}
.simpleLoading {
	background: url(data: image/svg+xml;
	base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHdpZHRoPSIxOTJweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgNTEyIDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjYWJjMWZmIiBmaWxsLW9wYWNpdHk9IjAuNDIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTQ4Ni40IDE5LjJBMTIuOCAxMi44IDAgMSAxIDQ3My42IDMyYTEyLjggMTIuOCAwIDAgMSAxMi44LTEyLjh6bS01MS4yIDBBMTIuOCAxMi44IDAgMSAxIDQyMi40IDMyYTEyLjggMTIuOCAwIDAgMSAxMi44LTEyLjh6bS01MS4yIDBBMTIuOCAxMi44IDAgMSAxIDM3MS4yIDMyIDEyLjggMTIuOCAwIDAgMSAzODQgMTkuMnptLTUxLjIgMEExMi44IDEyLjggMCAxIDEgMzIwIDMyYTEyLjggMTIuOCAwIDAgMSAxMi44LTEyLjh6bS01MS4yIDBBMTIuOCAxMi44IDAgMSAxIDI2OC44IDMyYTEyLjggMTIuOCAwIDAgMSAxMi44LTEyLjh6bS01MS4yIDBBMTIuOCAxMi44IDAgMSAxIDIxNy42IDMyYTEyLjggMTIuOCAwIDAgMSAxMi44LTEyLjh6bS01MS4yIDBBMTIuOCAxMi44IDAgMSAxIDE2Ni40IDMyYTEyLjggMTIuOCAwIDAgMSAxMi44LTEyLjh6bS01MS4yIDBBMTIuOCAxMi44IDAgMSAxIDExNS4yIDMyIDEyLjggMTIuOCAwIDAgMSAxMjggMTkuMnptLTUxLjIgMEExMi44IDEyLjggMCAxIDEgNjQgMzJhMTIuOCAxMi44IDAgMCAxIDEyLjgtMTIuOHptLTUxLjIgMEExMi44IDEyLjggMCAxIDEgMTIuOCAzMmExMi44IDEyLjggMCAwIDEgMTIuOC0xMi44eiIvPjxnPjxwYXRoIGZpbGw9IiMzNzZiZmYiIGZpbGwtb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLTExOS42LDEwLjI0QTIxLjc2LDIxLjc2LDAsMCwxLTk3Ljg0LDMyLDIxLjc2LDIxLjc2LDAsMCwxLTExOS42LDUzLjc2LDIxLjc2LDIxLjc2LDAsMCwxLTE0MS4zNiwzMiwyMS43NiwyMS43NiwwLDAsMS0xMTkuNiwxMC4yNFptLTUxLjIsMEEyMS43NiwyMS43NiwwLDAsMS0xNDkuMDQsMzIsMjEuNzYsMjEuNzYsMCwwLDEtMTcwLjgsNTMuNzYsMjEuNzYsMjEuNzYsMCwwLDEtMTkyLjU2LDMyLDIxLjc2LDIxLjc2LDAsMCwxLTE3MC44LDEwLjI0Wm0tNTEuMiwwQTIxLjc2LDIxLjc2LDAsMCwxLTIwMC4yNCwzMiwyMS43NiwyMS43NiwwLDAsMS0yMjIsNTMuNzYsMjEuNzYsMjEuNzYsMCwwLDEtMjQzLjc2LDMyLDIxLjc2LDIxLjc2LDAsMCwxLTIyMiwxMC4yNFptLTUxLjIsMEEyMS43NiwyMS43NiwwLDAsMS0yNTEuNDQsMzIsMjEuNzYsMjEuNzYsMCwwLDEtMjczLjIsNTMuNzYsMjEuNzYsMjEuNzYsMCwwLDEtMjk0Ljk2LDMyLDIxLjc2LDIxLjc2LDAsMCwxLTI3My4yLDEwLjI0Wm0tNTEuMiwwQTIxLjc2LDIxLjc2LDAsMCwxLTMwMi42NCwzMiwyMS43NiwyMS43NiwwLDAsMS0zMjQuNCw1My43NiwyMS43NiwyMS43NiwwLDAsMS0zNDYuMTYsMzIsMjEuNzYsMjEuNzYsMCwwLDEtMzI0LjQsMTAuMjRabS01MS4yLDBBMjEuNzYsMjEuNzYsMCwwLDEtMzUzLjg0LDMyLDIxLjc2LDIxLjc2LDAsMCwxLTM3NS42LDUzLjc2LDIxLjc2LDIxLjc2LDAsMCwxLTM5Ny4zNiwzMiwyMS43NiwyMS43NiwwLDAsMS0zNzUuNiwxMC4yNFptLTUxLjIsMEEyMS43NiwyMS43NiwwLDAsMS00MDUuMDQsMzIsMjEuNzYsMjEuNzYsMCwwLDEtNDI2LjgsNTMuNzYsMjEuNzYsMjEuNzYsMCwwLDEtNDQ4LjU2LDMyLDIxLjc2LDIxLjc2LDAsMCwxLTQyNi44LDEwLjI0Wm0tNTEuMiwwQTIxLjc2LDIxLjc2LDAsMCwxLTQ1Ni4yNCwzMiwyMS43NiwyMS43NiwwLDAsMS00NzgsNTMuNzYsMjEuNzYsMjEuNzYsMCwwLDEtNDk5Ljc2LDMyLDIxLjc2LDIxLjc2LDAsMCwxLTQ3OCwxMC4yNFptLTUxLjIsMEEyMS43NiwyMS43NiwwLDAsMS01MDcuNDQsMzIsMjEuNzYsMjEuNzYsMCwwLDEtNTI5LjIsNTMuNzYsMjEuNzYsMjEuNzYsMCwwLDEtNTUwLjk2LDMyLDIxLjc2LDIxLjc2LDAsMCwxLTUyOS4yLDEwLjI0Wm0tNTEuMiwwQTIxLjc2LDIxLjc2LDAsMCwxLTU1OC42NCwzMiwyMS43NiwyMS43NiwwLDAsMS01ODAuNCw1My43NiwyMS43NiwyMS43NiwwLDAsMS02MDIuMTYsMzIsMjEuNzYsMjEuNzYsMCwwLDEtNTgwLjQsMTAuMjRabS01MSwyLjU2QTE5LjIsMTkuMiwwLDAsMS02MTIuMiwzMmExOS4yLDE5LjIsMCwwLDEtMTkuMiwxOS4yQTE5LjIsMTkuMiwwLDAsMS02NTAuNiwzMiwxOS4yLDE5LjIsMCwwLDEtNjMxLjQsMTIuOFptLTUxLDIuNTZBMTYuNjQsMTYuNjQsMCwwLDEtNjY1Ljc2LDMyLDE2LjY0LDE2LjY0LDAsMCwxLTY4Mi40LDQ4LjY0LDE2LjY0LDE2LjY0LDAsMCwxLTY5OS4wNCwzMiwxNi42NCwxNi42NCwwLDAsMS02ODIuNCwxNS4zNlpNLTY4LjgsMTIuOEExOS4yLDE5LjIsMCwwLDEtNDkuNiwzMiwxOS4yLDE5LjIsMCwwLDEtNjguOCw1MS4yLDE5LjIsMTkuMiwwLDAsMS04OCwzMiwxOS4yLDE5LjIsMCwwLDEtNjguOCwxMi44Wm01MS4yLDIuNTZBMTYuNjQsMTYuNjQsMCwwLDEtLjk2LDMyLDE2LjY0LDE2LjY0LDAsMCwxLTE3LjYsNDguNjQsMTYuNjQsMTYuNjQsMCwwLDEtMzQuMjQsMzIsMTYuNjQsMTYuNjQsMCwwLDEtMTcuNiwxNS4zNloiLz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InRyYW5zbGF0ZSIgdmFsdWVzPSI0NCAwOzk1LjIgMDsxNDYuNCAwOzE5Ny42IDA7MjQ4LjggMDszMDAgMDszNTEuMiAwOzQwMi40IDA7NDUzLjYgMDs1MDQuOCAwOzU1NiAwOzYwNy4yIDA7NjU4LjQgMDs3MDkuNiAwOzc2MC44IDA7ODEyIDA7ODYzLjIgMDs5MTQuNCAwOzk2NS42IDA7MTAxNi44IDA7MTA2OCAwOzExMTkuMiAwOzExNzAuNCAwOzEyMjEuNiAwOzEyNzIuOCAwOzEzMjQgMCIgY2FsY01vZGU9ImRpc2NyZXRlIiBkdXI9IjE2ODBtcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2c+PC9zdmc+) no-repeat center;
	background-size: 192px 24px;
	background-color: #fff;
	width: 100%;
	min-height: 24px
}
.disabled {
	pointer-events: none
}
.badge-count,.class-manage-tab .nav-tabs li .num,.classroom-header .classroom-tab-container .nav-tabs li .num,.my-course-card .mobile-manage-list .count,.manage-tab-div .nav .num,.mobile-bottom-nav .count {
	border-radius: 50%;
	background: #ff5b74;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	width: 16px;
	line-height: 16px;
	display: block;
	text-align: center
}
.course-type-tag,.my-notification-list .type-tag,.my-collect-container .course-block .type-tag,.my-order-block .item .type-tag,.cart-item-list .item .type-tag,.edit-class-header .course-info .type-tag,.class-manage-header .course-header-block .type-tag,.classroom-header .course-header-block .type-tag,.mobile-fixed-course-info .type-tag,.course-sidebar .type-tag-list .type-tag,.student-course-card .tag,.my-course-card .info .type-tag,.course-card .tag {
	padding: 4px 7px;
	font-size: 12px;
	color: #fff;
	line-height: 1;
	cursor: pointer;
	display: inline-block
}
.course-type-tag.online,.my-notification-list .online.type-tag,.my-collect-container .course-block .online.type-tag,.my-order-block .item .online.type-tag,.cart-item-list .item .online.type-tag,.edit-class-header .course-info .online.type-tag,.class-manage-header .course-header-block .online.type-tag,.classroom-header .course-header-block .online.type-tag,.mobile-fixed-course-info .online.type-tag,.course-sidebar .type-tag-list .online.type-tag,.student-course-card .online.tag,.my-course-card .info .online.type-tag,.course-card .online.tag {
	background: #019fde
}
.course-type-tag.offline,.my-notification-list .offline.type-tag,.my-collect-container .course-block .offline.type-tag,.my-order-block .item .offline.type-tag,.cart-item-list .item .offline.type-tag,.edit-class-header .course-info .offline.type-tag,.class-manage-header .course-header-block .offline.type-tag,.classroom-header .course-header-block .offline.type-tag,.mobile-fixed-course-info .offline.type-tag,.course-sidebar .type-tag-list .offline.type-tag,.student-course-card .offline.tag,.my-course-card .info .offline.type-tag,.course-card .offline.tag {
	background: #ffc669
}
.course-type-tag.fundraising,.my-notification-list .fundraising.type-tag,.my-collect-container .course-block .fundraising.type-tag,.my-order-block .item .fundraising.type-tag,.cart-item-list .item .fundraising.type-tag,.edit-class-header .course-info .fundraising.type-tag,.class-manage-header .course-header-block .fundraising.type-tag,.classroom-header .course-header-block .fundraising.type-tag,.mobile-fixed-course-info .fundraising.type-tag,.course-sidebar .type-tag-list .fundraising.type-tag,.student-course-card .fundraising.tag,.my-course-card .info .fundraising.type-tag,.course-card .fundraising.tag {
	background: #ff5b74
}
.teacher-tag,.classroom-header .course-header-block .teacher-info .tag,.course-sidebar .teacher-info .tag,.checkin-info-div .author-div .tag,.gallery-modal .author-box .author .author-link span {
	padding: 0 4px;
	margin-left: 8px;
	border: 1px solid #33b2e4;
	background: transparent;
	color: #33b2e4;
	font-size: 14px;
	text-align: center
}
.yotta-alert {
	color: #4c545a;
	padding: 10px 16px
}
.yotta-alert .title {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px
}
.yotta-alert i {
	color: #007fb1;
	font-size: 20px;
	margin: 0 5px;
	width: 20px;
	text-align: center
}
.yotta-alert i.fa-circle {
	width: auto;
	color: #019fde;
	margin-left: 0px;
	font-size: 12px
}
.yotta-alert.alert-dismissible .close {
	font-size: 16px;
	color: #019fde;
	text-shadow: none;
	opacity: 1;
	font-weight: normal;
	top: 5px;
	right: 0px
}
.yotta-alert.alert-info {
	border-color: #019fde;
	background: #ccecf8
}
.mobile.safari {
	font-family: PingFang Tc,Noto Sans TC,Helvetica;
	scroll-behavior: smooth
}
.noScroll {
	overflow: hidden !important;
	position: fixed
}
.noFlow {
	overflow: hidden !important
}
.modal-noScroll {
	overflow: hidden !important;
	position: fixed
}
.yotta-icon {
	position: relative;
	width: 24px;
	height: 24px;
	display: inline-block
}
.btn--base {
	border: none;
	background: transparent;
	display: inline-flex;
	padding: 0
}
.c-loading-btn .img--loading {
	height: 100%;
	display: none
}
.c-loading-btn.s--loading {
	display: flex;
	justify-content: center
}
.c-loading-btn.s--loading p {
	display: none
}
.c-loading-btn.s--loading .img--loading {
	display: block
}
.c-capsule {
	padding: 0 12px;
	border-radius: 23px;
	background: #fff;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500
}
.c-capsule.active {
	border-color: #019fde;
	color: #019fde
}
@media(max-width: 567px) {
	.c-capsule {
	height: 36px;
	line-height: 36px;
	margin: 0 7px 10px 7px;
	font-size: 14px
}
}.c-capsule.c-capsule--grey {
	background: #eaeaea;
	color: #707070
}
.c-capsule.c-capsule--blue {
	background: #e6f4ff;
	color: #019fde
}
.c-capsule.c-capsule--red {
	background: #ff5b74;
	color: #fff
}
.c-capsule.c-capsule--red-border {
	border: 1px solid #ff5b74;
	color: #ff5b74
}
.c-capsule.c-capsule--red-border .svg-icon {
	fill: #ff5b74 !important
}
.slick-slider {
	touch-action: auto;
	-ms-touch-action: auto
}
.login-form {
	padding: 0 50px;
	background: #fff;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	text-align: center
}
.login-form.s--login .js-form-login {
	display: flex
}
.login-form.s--login .js-form-register {
	display: none
}
.login-form.s--login .js-tab-login p {
	color: #019fde
}
.login-form.s--login .js-tab-login img {
	display: inline
}
.login-form.s--login .js-tab-register p {
	color: #4c545a
}
.login-form.s--login .js-tab-register img {
	display: none
}
.login-form.s--login .l-login__panel: : after {
	left: calc(25% - 20px)
}
@media(max-width: 567px) {
	.login-form.s--login .l-login__panel: : after {
	left: calc(25% - 15px)
}
}.login-form.s--login .l-form .input-group--last {
	margin-bottom: 86px;
	margin-top: 25px
}
@media(max-width: 567px) {
	.login-form.s--login .l-form .input-group--last {
	margin-bottom: 72px
}
}.login-form.s--register .js-form-login {
	display: none
}
.login-form.s--register .js-form-register {
	display: flex
}
.login-form.s--register .js-tab-register p {
	color: #019fde
}
.login-form.s--register .js-tab-register img {
	display: inline
}
.login-form.s--register .js-tab-login p {
	color: #4c545a
}
.login-form.s--register .js-tab-login img {
	display: none
}
.login-form.s--register .l-login__panel: : after {
	left: calc(75% - 20px)
}
@media(max-width: 567px) {
	.login-form.s--register .l-login__panel: : after {
	left: calc(75% - 15px)
}
}.login-form.s--register .l-form .input-group--last {
	margin-bottom: 18px;
	margin-top: 18px
}
@media(max-width: 567px) {
	.login-form.s--register .l-form .input-group--last {
	margin-bottom: 15px;
	margin-top: 15px
}
}.login-form.s--register .l-form .input-group--last__info {
	margin-top: 18px
}
@media(max-width: 567px) {
	.login-form.s--register .l-form .input-group--last__info {
	margin-top: 15px
}
}@media(max-width: 567px) {
	.login-form.s--register .l-form .mobile--hide {
	display: none
}
}.login-form.s--register .l-form .input--remember {
	width: 100%;
	justify-content: center;
	font-size: 14px
}
@media(max-width: 567px) {
	.login-form.s--register .l-form .input--remember {
	font-size: 12px
}
}.login-form.s--register .l-form .input--remember .link__text {
	color: #019fde
}
.login-form.s--register .l-form .input--remember .link__text: hover {
	text-decoration: underline;
	font-weight: bold
}
.login-form.s--register .l-form .input--remember .link__text: focus {
	color: #019fde
}
.login-form .form__banner {
	margin: 0 0 20px 0;
	height: 110px
}
@media(max-width: 567px) {
	.login-form .form__banner {
	margin: 0 0 20px 0;
	height: 100px
}
}.login-form .l-login__panel {
	height: 51px;
	display: flex;
	width: 100%;
	cursor: pointer;
	position: relative
}
@media(max-width: 567px) {
	.login-form .l-login__panel {
	height: 45px
}
}.login-form .l-login__panel img {
	position: absolute;
	height: 14px;
	top: 0;
	right: calc(50% - 35px);
	transform: translateX(50%)
}
@media(max-width: 567px) {
	.login-form .l-login__panel img {
	right: 25%
}
}.login-form .l-login__panel p {
	font-size: 26px;
	font-weight: 500;
	height: 30px;
	line-height: 30px;
	color: #4c545a
}
@media(max-width: 567px) {
	.login-form .l-login__panel p {
	font-size: 22px
}
}.login-form .l-login__panel: : after {
	content: "";
	height: 4px;
	bottom: 0;
	width: 40px;
	background: #019fde;
	position: absolute;
	left: 0;
	transition: all .2s ease-in;
	border-radius: 3px
}
@media(max-width: 567px) {
	.login-form .l-login__panel: : after {
	width: 30px
}
}.login-form .panel__tab {
	height: 100%;
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	position: relative
}
.login-form .social-group {
	width: 100%;
	margin-top: 20px;
	display: flex;
	justify-content: center;
}
.login-form .social-group a{
	padding: 0 5px
}
.login-form .social-group .link {
	width: calc(25% - 5px);
	height: 50px;
	font-size: 15px;
	font-weight: 500;
	border-radius: 4px;
	border: solid 1px rgba(0,0,0,.16);
	background-color: #fff;
	box-shadow: none;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s ease
}
.login-form .social-group .link: hover {
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.16)
}
@media(max-width: 567px) {
	.login-form .social-group .link {
	font-size: 14px;
	height: 42px
}
}.login-form .social-group img {
	height: 48px;
	width: 48px;
	margin-right: 5px
}
@media(max-width: 567px) {
	.login-form .social-group img {
}
}.login-form .l-form {
	flex-direction: column;
	width: 100%;
	align-items: center;
	padding: 20px 0 0 0
}
@media(max-width: 567px) {
	.login-form .l-form {
	padding-top: 15px
}
}.login-form .l-form label {
	margin-bottom: 0;
	font-weight: unset
}
.login-form .l-form input {
	margin-right: 0px;
	margin-top: 0;
	background-color: #F5F5F5;
	padding-left: 10px;
}
.login-form .l-form input[type="checkbox"] {
	margin-right: 5px;
}
.login-form .l-form .form-group {
	position: relative;
	border: 2px solid transparent;
	box-sizing: border-box
}
.login-form .l-form .form-group_input {
	border: 1px solid transparent
}
.login-form .l-form .form-group.has-pass .form-control-feedback {
	position: absolute;
	top: 50%;
	transform: TranslateY(-50%);
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #019fde;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 20px
}
.login-form .l-form .form-group.has-pass .form-control-feedback .svg-icon {
	fill: #fff
}
.login-form .c-form__title {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	line-height: 20px;
	color: #4c545a;
	margin-bottom: 20px;
	margin-top: 20px;
}
@media(max-width: 567px) {
	.login-form .c-form__title {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 15px
}
}.login-form .c-form__title p {
	flex-shrink: 0;
	margin: 0 5px
}
@media(max-width: 567px) {
	.login-form .c-form__title p {
	font-size: 12px
}
}.login-form .title__line {
	height: 1px;
	flex-grow: 1;
	background-color: rgba(0,0,0,.16)
}
.login-form .form__input-group {
	width: 100%;
	height: 50px;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	background-color: rgba(0,0,0,.03);
	border-radius: 4px;
	position: relative;
	border: 1px solid transparent;
	box-sizing: border-box
}
@media(max-width: 567px) {
	.login-form .form__input-group {
	margin-bottom: 25px;
	height: 42px
}
}.login-form .form__input-group: focus-within {
	border-color: #019fde
}
.login-form .form__input-group .visibility-btn {
	margin-right: 20px;
	cursor: pointer
}
.login-form .form__input-group .form__clear-btn,.login-form .form__input-group .visibility-btn {
	display: none
}
.login-form .form__input-group.has-input .form__clear-btn,.login-form .form__input-group.has-input .visibility-btn {
	display: flex
}
.login-form .form__input-group.has-input.is-blurring .form__clear-btn,.login-form .form__input-group.has-input.is-blurring .visibility-btn {
	display: flex
}
.login-form .form__input-group.is-blurring .form__clear-btn,.login-form .form__input-group.is-blurring .visibility-btn {
	display: none
}
.login-form .form__input-group.has-error {
	border-color: #ff5b74
}
.login-form .form__input-group.has-error input {
	color: #ff5b74
}
.login-form .form__input-group.has-error .error-msg {
	margin: 3px 0;
	text-align: left;
	position: absolute;
	height: 16px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	top: calc(100% + 4px);
	left: 25px
}
@media(max-width: 567px) {
	.login-form .form__input-group.has-error .error-msg {
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	left: 20px
}
}.login-form .form__input-group.has-error .error-icon {
	margin: 3px 0;
	display: block;
	position: absolute;
	height: 16px;
	line-height: 16px;
	top: calc(100% + 4px)
}
@media(max-width: 567px) {
	.login-form .form__input-group.has-error .error-icon {
	height: 14px;
	line-height: 14px
}
}.login-form .form__input-group .error-icon {
	display: none
}
.login-form .form__input-group.has-pass .form-control-feedback {
	position: absolute;
	top: 50%;
	transform: TranslateY(-50%);
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #019fde;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 20px
}
.login-form .form__input-group.has-pass .form-control-feedback .svg-icon {
	fill: #fff
}
.login-form .input-group__icon {
	margin-bottom: 0;
	height: 100%;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	padding: 0 5px 0 10px
}
.login-form .input-group__input {
	margin-right: 0px;
	margin-top: 0;
	background: transparent;
	flex-grow: 1;
	font-weight: 500;
	border: none;
	font-size: 16px;
	height: 100%
}
@media(max-width: 567px) {
	.login-form .input-group__input {
	font-size: 14px
}
}.login-form .input-group--last {
	height: 22px;
	justify-content: space-between;
	background: transparent
}
@media(max-width: 567px) {
	.login-form .input-group--last {
	font-size: 12px;
	height: 17px
}
}.login-form .remember__label {
	font-size: 14px;
	display: flex;
	align-items: center;
	user-select: none
}
@media(max-width: 567px) {
	.login-form .remember__label {
	font-size: 14px
}
}.login-form .remember__label a {
	font-weight: 500
}
.login-form .input-group__checkbox-control {
	border: 1px solid #707070;
	height: 16px;
	width: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	margin-right: 5px
}
.login-form .input-group__checkbox-control .svg-icon {
	margin: 0;
	opacity: 0
}
@media(max-width: 567px) {
	.login-form .input-group__checkbox-control {
	height: 14px;
	width: 14px
}
}.login-form .input-group__checkbox: checked+.input-group__checkbox-control {
	border-color: #019fde;
	background: #019fde
}
.login-form .input-group__checkbox: checked+.input-group__checkbox-control .svg-icon {
	opacity: 1;
	fill: #fff
}
.login-form .input--remember {
	display: flex;
	align-items: center
}
.login-form .input--remember .input__checkbox {
	margin-right: 10px
}
.login-form .label--link {
	color: #019fde
}
.login-form .label--link: hover {
	font-weight: 500;
	text-decoration: underline;
	font-weight: bold
}
button.c-btn {
	height: 50px;
	font-size: 16px;
	line-height: 1.19;
	font-weight: 500;
	border: none;
	border-radius: 4px;
	width: 100%;
	transition: all .4s ease;
	box-sizing: border-box;
	color: #fff;
	background: #999999 !important
}
button.c-btn.btn-active {
	color: #fff;
	background: #3280FF
}
button.c-btn.btn-active {
	background: #3280FF !important
}
@media(max-width: 567px) {
	button.c-btn {
	height: 42px
}
}.saved-notice {
	height: fit-content;
	position: fixed;
	right: 0;
	top: 250px;
	display: flex;
	transform: translateX(120%);
	transition: transform ease-in-out .8s;
	z-index: 50
}
.saved-notice.active {
	transform: translateX(0)
}
@media(max-width: 567px) {
	.saved-notice {
	top: 200px
}
}.saved-notice.s--error .save__text {
	background-color: #ff5b74
}
.saved-notice.s--error .save__text: : after {
	background-color: #ff5b74
}
.saved-notice .save__text {
	margin: 32px 0px 28px 0;
	padding: 20px 26px 20px 26px;
	box-shadow: 0 2px 20px 0 rgba(0,0,0,.16);
	background-color: #019fde;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35;
	text-align: left;
	border-radius: 8px;
	position: relative
}
@media(max-width: 567px) {
	.saved-notice .save__text {
	padding: 15px;
	font-size: 16px;
	line-height: 1.5
}
}.saved-notice .save__text: after {
	content: "";
	display: block;
	position: absolute;
	height: 16px;
	width: 16px;
	background: #019fde;
	right: -8px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg)
}
.saved-notice img {
	width: 70px;
	margin-right: -20px
}
.course-card-list {
	display: flex;
	flex-wrap: wrap
}
.course-card-list .c-course-card {
	margin-right: 30px;
	margin-bottom: 60px
}
.course-card-list .c-course-card: nth-of-type(4n) {
	margin-right: 0
}
@media(max-width: 1040px) {
	.course-card-list .c-course-card {
	margin-right: 25px;
	margin-bottom: 0
}
.course-card-list .c-course-card: nth-of-type(4n) {
	margin-right: 25px
}
.course-card-list .c-course-card: nth-of-type(3n) {
	margin-right: 0px
}
.course-card-list .c-course-card: last-of-type {
	border-bottom: none
}
}@media(max-width: 567px) {
	.course-card-list .c-course-card {
	margin: 0
}
.course-card-list .c-course-card: nth-of-type(4n) {
	margin-right: 0px
}
}.body--cart .login-modal .modal-close-btn,.body--cart .welcome-back-account-modal .modal-close-btn,.body--cart .validate-email-modal .modal-close-btn {
	display: none !important
}
.img-upload-field .upload-btn {
	cursor: pointer;
	color: #019fde;
	display: inline-flex;
	align-items: center
}
.img-upload-field .upload-btn .svg-icon {
	fill: #019fde
}
.img-upload-field .upload-photo-list {
	margin-top: 10px;
	display: flex
}
@media(max-width: 567px) {
	.img-upload-field .upload-photo-list {
	flex-wrap: wrap
}
}.img-upload-field .photo-item {
	cursor: pointer;

	width: 100px;
	height: 100px;
	margin-right: 15px;
	position: relative
}
@media(max-width: 567px) {
	.img-upload-field .photo-item {
	width: 70px;
	height: 70px;
	margin-top: 10px
}
}.img-upload-field .photo-item img {
	width: 100%;
	height: 100%
}
.img-upload-field .delete-btn {
	width: 24px;
	height: 24px;
	background-color: #019fde;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%
}
@media(max-width: 567px) {
	.img-upload-field .delete-btn {
	width: 20px;
	height: 20px
}
}.img-upload-field .delete-btn .svg-icon {
	fill: #fff;
	opacity: 1;
	margin: 0
}
@media(max-width: 567px) {
	.img-upload-field .delete-btn .svg-icon {
	width: 14px;
	height: 14px
}
}.logo-img {
	display: none
}
.logo-img--mobile {
	width: 100px
}
@media(min-width: 568px) {
	.logo-img {
	width: 118px;
	display: block
}
.logo-img--mobile {
	width: 67.82px;
	display: none
}
}html {
	height: 100%
}
body {
	font-family: "Noto Sans","Noto Sans TC","Helvetica";
	margin: 0;
	font-size: 16px;
	color: #0C163A;
	text-align: left;
	background: #F1F5F8;
	line-height: 1.7em;
	-webkit-font-smoothing: antialiased;
	height: fit-content;
	min-height: 100vh;
	position: relative
}
body.fixed {
	overflow: hidden
}
body.light-bg {
	background: #019fde
}
body.light-bg footer {
	background: #019fde
}
body.light-bg .footer-inner {
	color: #fff
}
body.light-bg .footer-inner ul li a {
	color: #fff
}
h1,h2,h3,h4,h5,h6,p,span {
	margin: 0
}
h1,h2,h3,h4,h5,h6 {
	line-height: 1.33
}
a {
	text-decoration: none
}
a: hover,a: focus,a: active {
	outline: none !important;
	text-decoration: none
}
ul {
	list-style: none;
	margin: 0;
	padding: 0
}
ul li {
	list-style: none
}
img {
	vertical-align: top;
	width: 100%;
}
img.middle {
	vertical-align: middle
}
: : -webkit-input-placeholder,: -moz-placeholder,: : -moz-placeholder,: -ms-input-placeholder {
	font-weight: normal
}
button {
	outline: none !important;
	box-shadow: none
}
button: focus,button: active {
	outline: none !important;
	box-shadow: none
}
input,textarea {
	border-radius: 0px;
	max-width: 100%;
	box-shadow: none
}
input: focus,textarea: focus {
	outline: none !important;
	box-shadow: none
}
textarea {
	resize: vertical
}
table {
	width: 100%
}
table.border {
	border: 1px solid #4c545a
}
table th {
	background: #f5f5f5;
	color: #4c545a;
	line-height: 50px;
	padding: 0 5px
}
table td {
	color: #959595;
	line-height: 50px;
	padding: 0 5px
}
.btn {
	border-radius: 5px;
	font-size: 16px;
	padding: 12px 16px;
	border: 1px solid #019fde;
	color: #019fde;
	background: transparent
}
.btn: active,.btn: focus {
	background: transparent;
	box-shadow: none
}
.btn-icon {
	background: transparent;
	padding: 4px;
	border: none
}
.btn-icon: hover,.btn-icon: active .btn-icon: focus {
	box-shadow: none
}
.btn-noborder {
	border: 1px solid transparent
}
.btn-noborder: hover {
	color: #7397ff;
	border: 1px solid transparent
}
.btn-noborder: focus {
	box-shadow: none;
	color: #264ab2;
	border: 1px solid transparent
}
.btn-blue {
	background: #3175FA;
	color: #fff;
	border: none
}
.btn-blue: hover {
	color: #fff;
	background: #018dc5;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}
.btn-blue: focus {
	color: #fff;
	background: #007fb1;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}
.btn-orange {
	background: #F3B94B;
	color: #fff;
	border: none
}
.btn-orange: hover {
	color: #fff;
	background: #018dc5;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}
.btn-orange: focus {
	color: #fff;
	background: #007fb1;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}
.btn-pink {
	background: #ff5b74;
	color: #fff;
	border: 1px solid #ff5b74
}
.btn-pink: hover {
	color: #fff;
	background-color: #ff7b8f;
	border: 1px solid #ff7b8f
}
.btn-pink: focus {
	color: #fff;
	background-color: #cc485c;
	box-shadow: inset 0 4px 0 0 #a33949
}
.btn-pink-border {
	color: #ff5b74;
	border: 1px solid #ff5b74
}
.btn-pink-border: hover,.btn-pink-border: focus {
	color: #ff5b74;
	border-color: #ff5b74
}
.btn-blue-border {
	background: #fff;
	color: #019fde;
	border: 1px solid #F3B94B
}
.btn-orange-border {
	background: #fff;
	color: #F3B94B;
	border: 1px solid #F3B94B
}
.btn-orange-border: hover {
	background: #fff;
	border-color: #33b2e4;
	color: #33b2e4
}
.btn-orange-border: focus {
	background: #fff;
	border-color: #007fb1;
	color: #007fb1
}
.btn-gray {
	background: #B2B2B2;
	color: #FFFFFF;
	border: 1px solid #B2B2B2
}
.btn-gray: hover {
	background: #666666;
	border-color: #666666;
	color: #FFFFFF
}
.btn-gray: focus {
	background: #666666;
	border-color: #666666;
	color: #FFFFFF
}
.btn-black-border {
	color: #4c545a;
	border: 1px solid #8b9195
}
.btn-black-border: hover,.btn-black-border: focus {
	color: #4c545a;
	border-color: #4c545a
}
.btn-grey {
	background: #8b9195;
	color: #fff;
	border: 1px solid #8b9195
}
.btn-grey: hover,.btn-grey: focus {
	background: #8b9195;
	border: 1px solid #8b9195;
	color: #4c545a
}
.btn-grey: focus {
	box-shadow: inset 0 2px 0 0 rgba(0,0,0,.5)
}
.btn-success {
	background: #6c9;
	color: #fff;
	border: 1px solid #6c9
}
.btn-success: hover {
	background: #84d6ad;
	border-color: #84d6ad
}
.btn-success: focus {
	background: #51a37a;
	border-color: #51a37a;
	box-shadow: inset 0 4px 0 0 #408261
}
.btn-danger {
	background: #ff5b74;
	color: #fff;
	border: 1px solid #ff5b74
}
.btn-danger: hover {
	background: #ff7b8f;
	border-color: #ff7b8f
}
.btn-danger: focus {
	background: #cc485c;
	border-color: #cc485c;
	box-shadow: inset 0 4px 0 0 #a33949
}
.btn-disable {
	background: #d3dee5;
	border: 1px solid #d3dee5;
	color: #fff
}
.btn-disable: hover {
	background: #dbe4ea;
	border-color: #dbe4ea
}
.btn-disable: focus {
	background: #e9e9e9;
	border-color: #e9e9e9;
	box-shadow: inset 0 4px 0 0 #868d92
}
.btn-full {
	width: 100%
}
.btn-lg {
	font-size: 20px
}
.btn-sm {
	padding: 6px 8px
}
.btn-xs {
	padding: 4px;
	font-size: 12px
}
.tooltip.fade {
	opacity: 1
}
.tooltip.fade .tooltip-inner {
	background: #fff;
	font-size: 16px;
	color: #8b9195;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	border: none;
	white-space: nowrap
}
.tooltip.fade .tooltip-arrow: after {
	background: #fff;
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}
.tooltip.fade.top .tooltip-arrow {
	border-top-color: #8b9195
}
.tooltip.fade.top .tooltip-arrow: after {
	left: -4px;
	top: -10px
}
.tooltip.fade.bottom .tooltip-arrow {
	border-bottom-color: #8b9195
}
.tooltip.fade.bottom .tooltip-arrow: after {
	left: -4px;
	bottom: -10px
}
.tooltip-black-bg+.tooltip .tooltip-inner {
	color: #fff;
	font-size: 12px;
	background: #4c545a;
	padding: 4px 12px;
	max-width: inherit;
	border: none
}
.tooltip-black-bg+.tooltip .tooltip-arrow: after {
	background: #4c545a;
	width: 8px;
	height: 8px
}
.tooltip-blue-bg+.tooltip .tooltip-inner {
	color: #fff;
	font-size: 16px;
	background: #59bded;
	padding: 8px 16px;
	max-width: inherit;
	border: none
}
.tooltip-blue-bg+.tooltip .tooltip-arrow: after {
	background: #59bded;
	width: 10px;
	height: 10px
}
.tooltip-text-blue+.tooltip .tooltip-inner {
	color: #007fb1;
	font-size: 12px;
	font-weight: 500;
	padding: 10px 16px;
	max-width: inherit;
	border: none;
	box-shadow: inset 1px -1px 0 0 #d3dee5
}
.tooltip-text-blue+.tooltip .tooltip-arrow {
	border: none
}
.popover {
	border-radius: 0px;
	box-shadow: none;
	background: #33b2e4;
	color: #fff;
	border: none
}
.popover.top>.arrow {
	border-top-color: #33b2e4
}
.popover.top>.arrow: after {
	border-top-color: #33b2e4
}
.popover .popover-content {
	min-width: 170px
}
.popover .popover-content p {
	color: #fff;
	font-size: 13px;
	margin: 0;
	display: inline
}
.popover .popover-content p.message {
	display: block;
	text-align: center;
	font-size: 14px
}
.popover .popover-content span {
	text-decoration: underline;
	font-size: 13px;
	margin: 0;
	display: inline-block;
	cursor: pointer;
	margin-left: 5px
}
.svg-icon {
	height: 1.7rem;
	margin: 0 .3rem;
	fill: #8b9195
}
.svg-icon--row {
	margin: 0;
	fill: unset
}
.icon-red {
	fill: #ff5b74 !important
}
.icon-brand {
	fill: #019fde !important
}
.icon-light-blue {
	fill: #009fde !important
}
.icon-white {
	fill: #fff !important
}
.icon-grey {
	fill: #d3dee5 !important
}
.icon-green {
	fill: #6c9 !important
}
.icon-mid-grey {
	fill: #8b9195 !important
}
.icon-dark-grey {
	fill: #4c545a !important
}
.icon-yellow {
	fill: #ffc669 !important
}
.icon-rotate-180deg {
	transform: rotate(180deg)
}
.icon-rotate-90deg {
	transform: rotate(90deg)
}
.icon-l {
	height: 2.5rem !important
}
.icon-m {
	height: 2.2rem !important
}
.icon-s {
	height: 1.5rem !important
}
.gif-dot-loader {
	display: inline-block;
	height: 50px;
	width: 50px
}
.svg-anime {
	height: 100px;
	width: 100px
}
.svg-anime.running * {
	animation-play-state: running !important
}
@keyframes slideIn {
	0% {
	transform: translateX(-200px)
}
100% {
	transform: translateX(0)
}
}.notification {
	width: 100%;
	background: #019fde;
	height: 60px
}
.notification .notification__inner {
	width: 1210px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	margin: 0 auto;
	height: 100%;
	font-size: 16px
}
.notification .notification__inner .svg-icon {
	height: 16px;
	margin-right: 10px
}
@media(max-width: 1040px) {
	.notification .notification__inner {
	width: 100%;
	padding: 0 30px
}
}@media(max-width: 567px) {
	.notification .notification__inner {
	width: 100%;
	padding: 0 10px
}
}.notification button {
	min-width: 160px;
	height: 42px;
	background: #fff;
	color: #019fde;
	border: none;
	border-radius: 4px
}
.notification button a {
	color: #019fde
}
@media(max-width: 567px) {
	.notification button {
	min-width: 100px
}
}.l-remarketing-notice.notice__anchor {
	display: block;
	background: #ff5b74;
	position: fixed;
	padding: 0;
	width: 60px;
	height: 60px;
	right: 20px;
	bottom: 95px;
	border-radius: 50%;
	cursor: pointer
}
.l-remarketing-notice.notice__anchor .svg-icon {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translateX(50%) translateY(-50%);
	margin: 0
}
.l-remarketing-notice {
	display: flex;
	position: fixed;
	z-index: 99;
	font-size: 14px;
	bottom: 95px;
	flex-direction: column;
	align-items: center;
	right: 20px
}
.l-remarketing-notice .notice__close {
	width: 30px;
	height: 30px;
	top: -30px;
	padding: 0;
	border-radius: 50%;
	border: none;
	background-color: rgba(0,0,0,.2);
	position: absolute;
	right: 0;
	z-index: 10;
	transition: all ease-in-out .1s
}
.l-remarketing-notice .notice__close .svg-icon {
	height: 25px;
	fill: #fff;
	opacity: 1;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translateX(50%) translateY(-50%);
	margin: 0
}
.l-remarketing-notice .notice__close: hover {
	background: #ff5b74
}
.l-remarketing-notice .notice__img {
	height: 98px;
	margin-bottom: -3px;
	position: relative;
	z-index: 5
}
.l-remarketing-notice .notice__content {
	border-radius: 4px;
	background: #eac3b2;
	box-shadow: 0 2px 14px -1px rgba(0,0,0,.16)
}
.l-remarketing-notice .list__title {
	background: #eac3b2;
	height: 2px;
	border-radius: 4px 4px 0 0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center
}
.l-remarketing-notice .list__title .svg-icon {
	margin-right: 5px
}
.l-remarketing-notice li {
	background: #fff;
	margin: 4px;
	transition: all .2s ease;
	height: 40px;
	width: 130px;
	color: #ff5b74;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	font-weight: 500
}
.l-remarketing-notice li.list__item: hover {
	background-color: #9b6a59
}
.l-remarketing-notice li.list__item: hover a {
	color: #fff
}
.l-remarketing-notice li a {
	font-weight: 600;
	color: #4c545a;
	justify-content: center
}
.body--explore .chatbox {
	display: none
}
.toolbar {
	top: 0;
	position: fixed;
	z-index: 1050;
	background: #F1F5F8;
	width: 100%;
	border-radius: 0;
	border: none
}
.toolbar.no-border {
	box-shadow: none
}
.toolbar .logo {
	padding: 0;
	margin: 0;
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: left
}
@media(max-width: 768px) {
	.toolbar .logo {
	width: 70%
}
}@media(max-width: 567px) {
	.toolbar .logo {
	width: 60%
}
}.toolbar-inner {
	height: 70px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}
.toolbar-inner .toolbar-left {
	width: auto;
	display: flex;
	align-items: center;
	flex-shrink: 0
}
.toolbar-inner .toolbar-center {
	position: relative;
	flex-grow: 1
}
.toolbar-inner .btn-icon {
	padding: 0
}
.toolbar-inner .font-bold {
	font-weight: bold
}
.toolbar-inner .divide-line {
	height: 1px;
	background: rgba(0,0,0,.16);
	position: absolute;
	z-index: 10
}
.toolbar-inner .divide-line-90 {
	left: 5%;
	right: 5%
}
.toolbar-inner .divide-line-100 {
	left: 0;
	right: 0
}
@media(max-width: 1040px) {
	.toolbar-inner {
	padding: 0 30px
}
.toolbar-inner .member.dropdown {
	display: none
}
}@media(max-width: 567px) {
	.toolbar-inner {
	height: 50px;
	padding: 0 20px
}
}.toolbar-inner .menu-icon {
	display: none
}
@media(max-width: 1040px) {
	.toolbar-inner .menu-icon {
	display: block
}
}.toolbar-inner .nav_margin_right {
	margin-right: 30px
}
@media(max-width: 1824px) {
	.toolbar-inner .nav_margin_right {
	margin-right: 20px
}
}
@media(max-width: 567px) {
	.toolbar-inner .nav_margin_right {
	margin-right: 20px
}
}.toolbar-inner .icon-text-m {
	margin-right: 5px
}
.toolbar-inner .svg-icon {
	height: 24px;
	fill: #4c545a
}
.toolbar-inner .navbar-nav {
	float: none;
	margin: 0;
	display: flex;
	padding-left: 30px;
	margin-left: auto;
}
.toolbar-inner .nav_link {
	height: 40px;
	padding: 0;
	display: flex;
	align-items: center;
	position: relative;
	font-weight: 600;
	color: #0C163A;
	cursor: pointer
}
.toolbar-inner .nav_link: hover {
	color: #707070
}
.toolbar-inner .nav_link a {
	font-weight: 500;
	color: #707070
}
.toolbar-inner .nav_link a: hover {
	color: #707070
}
.toolbar-inner .nav_link i {
	font-size: 28px;
	color: #3175FA;
}
@media(max-width: 1040px) {
	.toolbar-inner .nav_link.teacher,.toolbar-inner .nav_link.course {
	display: none
}
}.toolbar-inner .count {
	border-radius: 20px;
	background: #F3B94B;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	min-width: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	padding: 0 5px;
	right: -10px;
	line-height: 20px
}
@media(max-width: 768px) {
	.toolbar-inner .count {
	height: 18px
}
}@media(max-width: 1240px) {
	.toolbar-inner .icon-link.teacher {
	display: none
}
}.toolbar-inner.desktop {
	display: flex;
	width: 1824px
}
@media(max-width: 1824px) {
	.toolbar-inner.desktop {
	width: 100%;
	padding: 0 40px;
}
}
@media(max-width: 1240px) {
	.toolbar-inner.desktop {
	width: 1010px
}
}
@media(max-width: 1040px) {
	.toolbar-inner.desktop {
	display: none
}
}.toolbar-inner.pad.mobile {
	display: none
}
.toolbar-inner.pad.mobile .count {
	top: -3px
}
@media(max-width: 1040px) {
	.toolbar-inner.pad.mobile {
	display: flex
}
}.toolbar-inner.pad.mobile.vague {
	filter: blur(5px)
}
.user-nav {
	align-items: center
}
.user-nav.desktop {
	display: flex
}
.user-nav.pad {
	display: none
}
@media(max-width: 768px) {
	.user-nav.desktop {
	display: none
}
.user-nav.pad {
	display: flex
}
}.user-nav .login-btn {
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	padding: 9px 14px;
	font-weight: 500;
	line-height: 19px
}
@media(max-width: 1040px) {
	.user-nav .login-btn {
	display: none
}
}.user-nav li {
	position: relative
}
.user-nav li.mobile-teacher {
	display: none
}
.user-nav li .count.js-notify-teacher-num {
	top: -2px
}
.user-nav li .dropdown-menu {
	border-radius: 5px;
	z-index: 10000
}
.user-nav .avatars-btn {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	overflow: hidden;
	border: none;
	padding: 0
}
.user-nav .avatars-btn .my-avatar {
	height: 100%;
	width: 100%
}
@media(max-width: 1040px) {
	.user-nav .teacher.dropdown {
	display: none
}
}.sidebar-rss-icon {
	transform: translateY(6px);
	color: #d3dee5
}
.toolbar-intro.active .toolbar-menu {
	display: block
}
.toolbar-intro .toolbar-menu-btn {
	display: inline-block
}
.dropdown-menu li: hover .sub-menu {
	visibility: visible
}
.dropdown-menu {
	border-radius: 5px;
	top: 70px;
	padding: 0px;
	color: #4c545a
}
@media(max-width: 1240px) {
	.dropdown-menu {
	top: 70px
}
}.dropdown-menu .title {
	padding: 15px
}
.dropdown-menu li.empty-view {
	padding: 10px 0;
	text-align: center;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	align-items: center
}
.dropdown-menu .empty-view {
	padding: 10px 0;
	text-align: center;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	align-items: center
}
.dropdown-menu .empty-view img {
	width: 30%;
	margin-bottom: 15px
}
.dropdown-menu .btn-blue {
	color: #fff
}
.dropdown-menu .btn-blue: hover {
	background: #018dc5;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}
.dropdown-menu .dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 8px
}
.dropdown-menu .dot-blue {
	background: #019fde
}
.dropdown-menu .dot-red {
	background-color: #ff5b74
}
.dropdown-menu .dot-black {
	background-color: #4c545a
}
.dropdown-menu .dot-green {
	background-color: #38c1a1
}
.teacher-dropdown-menu {
	width: 310px;
	position: absolute;
	top: 65px;
	left: -230px;
	border: none
}
.teacher-dropdown-menu li {
	margin: 0;
	padding: 16px;
	box-shadow: inset 0 -1px 0 0 #d3dee5;
	font-size: 16px;
	transition: all .3s
}
.teacher-dropdown-menu li: hover {
	background: #ccecf8
}
.teacher-dropdown-menu li: last-child {
	border-radius: 0 0 5px 5px;
	border-bottom: none
}
.teacher-dropdown-menu li.manage-bar {
	border-radius: 5px 5px 0 0;
	padding: 10px;
	background: #59bded;
	color: #fff;
	border: none;
	font-size: 14px
}
.teacher-dropdown-menu li.manage-bar span {
	font-size: 16px;
	display: block
}
.teacher-dropdown-menu li.manage-bar p {
	color: #fff;
	line-height: normal;
	margin-right: 0px
}
.teacher-dropdown-menu li.manage-bar .avatars-40 {
	margin-right: 10px
}
.teacher-dropdown-menu li.manage-bar: hover {
	background: #59bded
}
.teacher-dropdown-menu li p {
	margin-right: 10px;
	color: #4c545a
}
.teacher-dropdown-menu li a {
	line-height: normal;
	padding: 0px
}
.teacher-dropdown-menu li .icon {
	color: #8b9195;
	font-size: 14px;
	width: 60px;
	transform: translateY(-10px)
}
.teacher-dropdown-menu li .icon img {
	display: block;
	width: 56px;
	height: 56px;
	margin: 0 auto 0px auto
}
.message-dropdown-menu {
	width: 340px;
	min-height: 375px;
	position: absolute;
	left: -167px;
	border: none
}
.message-dropdown-menu .empty-view {
	margin-top: 80px
}
.message-dropdown-menu.open {
	display: block
}
@media(max-width: 567px) {
	.message-dropdown-menu {
	width: 300px;
	left: -53px
}
.message-dropdown-menu: before {
	left: 21%
}
}.message-dropdown-menu .title {
	padding: 10px
}
.message-dropdown-menu h4 {
	position: relative;
	color: #4c545a
}
.message-dropdown-menu h4.notify-item {
	font-size: 18px;
	font-weight: 500
}
.message-dropdown-menu .notify-item {
	position: relative;
	padding-right: 6px;
	height: 30px
}
.message-dropdown-menu .notify-item .dot {
	display: block !important;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0
}
.message-dropdown-menu .msg-link {
	width: 45%;
	display: flex;
	justify-content: space-between
}
.message-dropdown-menu .msg-link a {
	text-decoration: underline
}
.message-dropdown-menu .menu-item {
	margin: 0
}
.message-dropdown-menu .menu-item: last-of-type {
	padding: 10px 0;
	text-align: center;
	font-size: 16px;
	box-shadow: 0 -1px 4px 0 rgba(0,0,0,.2)
}
.message-dropdown-menu .menu-item: last-of-type a {
	padding: 0
}
.message-dropdown-menu .menu-item: last-of-type a: hover {
	background-color: #fff
}
.message-dropdown-menu .message-item-list {
	height: 295px;
	overflow-y: auto;
	border-bottom: none
}
.message-dropdown-menu .message-item-list li: hover {
	background: #e3f2ff
}
.message-dropdown-menu .message-item-list li {
	height: 108px;
	border-bottom: 1px solid #e0e0e0
}
.message-dropdown-menu .message-item {
	display: block;
	height: 100%;
	width: 100%;
	padding: 10px 15px;
	display: flex
}
.message-dropdown-menu .message-item .left {
	width: 20%
}
.message-dropdown-menu .message-item .right {
	width: 80%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between
}
.message-dropdown-menu .message-item .right p {
	width: 100%;
	word-break: break-word;
	font-size: 14px;
	height: 70px;
	overflow: hidden;
	line-height: 1.4;
	font-weight: 400
}
.message-dropdown-menu .message-item .right span {
	font-size: 12px;
	color: #8b9195
}
.message-dropdown-menu .message-item: hover {
	color: #4c545a
}
.cart-nav li {
	padding: 10px 0;
	width: 24%;
	display: inline-block;
	color: #8b9195;
	font-size: 16px
}
.cart-nav li.active {
	color: #4c545a
}
.cart-dropdown-menu {
	width: 300px;
	position: absolute;
	left: -181px;
	border: none
}
@media(max-width: 1240px) {
	.cart-dropdown-menu {
	left: -184px
}
}.cart-dropdown-menu.empty-cart .empty-view {
	display: block
}
.cart-dropdown-menu li {
	text-align: right;
	padding: 0px;
	position: relative
}
.cart-dropdown-menu li.total {
	padding: 10px;
	margin: 0;
	font-size: 16px;
	line-height: normal
}
.cart-dropdown-menu li.title h4 {
	font-weight: 500;
	font-size: 18px
}
.cart-dropdown-menu .cart-item-list {
	height: 295px;
	overflow-y: auto;
	border-bottom: none
}
.cart-dropdown-menu .cart-item-list .confirm .price {
	display: none
}
.cart-dropdown-menu .cart-item-list li: hover {
	background: #e3f2ff
}
.cart-dropdown-menu .cart-item {
	border-bottom: none;
	padding: 15px;
	display: flex;
	color: #4c545a
}
.cart-dropdown-menu .cart-item .meta {
	width: 35%;
	font-size: 12px;
	font-size: 10px;
	display: flex;
	flex-direction: column;
	align-items: center
}
.cart-dropdown-menu .cart-item .meta img {
	width: 100%;
	margin-bottom: 6px
}
.cart-dropdown-menu .cart-item .meta img+p {
	line-height: 1.2;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400
}
.cart-dropdown-menu .cart-item .meta img + p span {
	white-space: nowrap;
	color: #2AB6F5;
	font-weight: 500;
	font-size: 14px;
}
.cart-dropdown-menu .cart-item .course {
	width: 65%;
	text-align: left;
	padding: 0 5px;
	line-height: 1.17;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}
.cart-dropdown-menu .cart-item .course .title {
	height: 34px;
	overflow: hidden;
	padding: 0
}
.cart-dropdown-menu .cart-item .course .price,.cart-dropdown-menu .cart-item .course .title {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.17
}
.cart-dropdown-menu .cart-item .course s {
	color: #8b9195;
	font-size: 12px
}
.cart-dropdown-menu .small-cart-btn {
	padding: 0 15px 15px 15px;
	display: flex;
	justify-content: center
}
.cart-dropdown-menu .small-cart-btn a {
	width: 100%;
	padding: 13px 0;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.28;
	border-radius: 4px;
	cursor: pointer
}
.cart-dropdown-menu .small-cart-btn a: hover {
	color: #fff
}
.member-dropdown-cover {
	display: none;
	position: fixed;
	overflow-y: scroll;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100
}
.member-dropdown-cover.active {
	display: block
}
.member-dropdown-menu {
	width: 300px;
	position: absolute;
	left: -245px;
	border: none
}
.member-dropdown-menu .svg-icon {
	height: 20px;
	margin-right: 10px
}
.member-dropdown-menu a: hover {
	color: unset
}
.member-dropdown-menu .member-item {
	padding: 20px
}
.member-dropdown-menu .personal-info {
	margin-bottom: 20px
}
.member-dropdown-menu .personal-info h5 {
	font-size: 18px;
	line-height: 1.17;
	color: #000
}
.member-dropdown-menu ul li: first-of-type {
	padding: 0
}
.member-dropdown-menu li {
	padding-top: 15px
}
.member-dropdown-menu li a {
	font-size: 16px;
	color: #8b9195;
	line-height: 1.19
}
.member-dropdown-menu li a: hover {
	color: #4c545a
}
.member-dropdown-menu li a: hover .svg-icon {
	fill: #4c545a
}
.member-dropdown-menu li .svg-icon {
	fill: #8b9195
}
@media(max-width: 1040px) {
	.desktop-search-form {
	width: 60%
}
}.desktop-search-form input: : placeholder {
	font-weight: 500;
	color: #707070
}
.desktop-search-form.active input {
	background: #019fde;
	color: #fff
}
.desktop-search-form.active input: : placeholder {
	color: #fff
}
.search-form input: : placeholder {
	color: #8b9195
}
.search-form .form-control {
	border-radius: 100px;
	background: rgba(0,0,0,.03);
	color: #4c545a;
	font-size: 16px;
	width: 100%;
	padding-left: 50px;
	height: 44px;
	border: none
}
.search-form .search-form-btn {
	font-size: 14px;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	background: transparent;
	width: 24px;
	height: 24px
}
.search-form .search-form-btn .svg-icon {
	fill: #019fde
}
.search-form .search-form-clear {
	left: unset;
	right: 10px;
	display: none;
	border: none;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	padding: 0;
	justify-content: center;
	align-items: center
}
.search-form .search-form-clear .svg-icon {
	height: 16px;
	width: 16px;
	margin: 0;
	opacity: 1;
	fill: #019fde
}
.search-form .search-form-clear.active {
	display: flex;
	background: #fff
}
.search-form .search-form-clear.active .svg-icon {
	fill: #019fde !important
}
.search-form.active .search-form-btn .svg-icon {
	fill: #fff
}
.mobile-search-form {
	display: none;
	padding: 16px 0px;
	text-align: center
}
.mobile-search-form.active {
	display: block;
	width: 100%;
	z-index: 10000;
	position: fixed;
	top: 60px
}
.mobile-search-form .search-form {
	display: inline-block;
	position: relative
}
.mobile-search-btn {
	display: block;
	background-color: transparent;
	border: none
}
.mobile-bottom-nav {
	font-size: 12px;
	bottom: 0;
	position: fixed;
	width: 100%;
	z-index: 10000
}
.mobile-bottom-nav.display {
	z-index: 10
}
.mobile-bottom-nav.menu li {
	border-right: 1px solid #fff;
	box-shadow: inset -1px 0 0 0 #fff;
	display: inline-block;
	float: left;
	text-align: center;
	width: 25%;
	position: relative
}
.mobile-bottom-nav.menu li: last-child {
	box-shadow: none;
	border-right: none
}
.mobile-bottom-nav.menu a {
	display: flex;
	align-items: center;
	flex-direction: column;
	line-height: 1.3;
	padding: 5px 0;
	background: #e5f1f9;
	color: #8b9195
}
.mobile-bottom-nav.menu a: hover,.mobile-bottom-nav.menu a: active,.mobile-bottom-nav.menu a.active {
	color: #019fde
}
.mobile-bottom-nav.menu a: hover .svg-icon,.mobile-bottom-nav.menu a: active .svg-icon,.mobile-bottom-nav.menu a.active .svg-icon {
	fill: #019fde
}
.mobile-bottom-nav.menu a i {
	display: block;
	font-size: 20px
}
.mobile-bottom-nav.cart {
	box-shadow: 0 2px 10px 0 #d3dee5;
	background: #fff;
	padding: 7px 15px;
	display: none
}
.mobile-bottom-nav.cart li {
	width: 63%;
	display: inline-block;
	margin-left: 16px
}
.mobile-bottom-nav.cart li: first-child {
	margin-left: 0
}
.mobile-bottom-nav.cart li.full {
	width: 100%
}
.mobile-bottom-nav.cart li.small {
	width: 30%
}
.mobile-bottom-nav.cart .btn {
	width: 100%
}
.mobile-bottom-nav .count {
	position: absolute;
	top: 5px;
	right: 50%;
	margin-right: -20px
}
.toolbar-menu {
	display: none;
	vertical-align: top
}
.cart-page-nav {
	margin: 0 auto;
	padding: 15px 0
}
.cart-page-nav li {
	display: inline-block;
	color: #d3dee5;
	font-size: 16px;
	font-weight: 500
}
.cart-page-nav li .step {
	border-radius: 50%;
	width: 24px;
	height: 24px;
	background: #d3dee5;
	color: #fff;
	text-align: center;
	line-height: 24px;
	display: inline-block;
	margin-right: 8px
}
.cart-page-nav li.arrow {
	width: 63px;
	height: 9px;
	margin: 0 20px;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat
}
.manage-tab-div {
	border-top: 1px solid #fff;
	background: #019fde
}
.manage-tab-div.loading {
	padding: 3px 0
}
.manage-tab-div.loading .loading-bar {
	margin: 25px auto;
	width: 50%
}
.manage-tab-div .nav {
	width: 100%;
	margin: 0 auto;
	font-size: 20px;
	text-align: center;
	border: none
}
.manage-tab-div .nav .nav-list {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.manage-tab-div .nav .nav-list.active a {
	border: none;
	margin: 0;
	background: transparent;
	color: #fff;
	font-weight: 500;
	font-size: 24px
}
.manage-tab-div .nav .nav-list.active a: after {
	content: ""
}
.manage-tab-div .nav .nav-list.active a: hover,.manage-tab-div .nav .nav-list.active a: focus {
	color: #fff;
	border: none;
	background: transparent;
	font-weight: 500;
	font-size: 24px
}
.manage-tab-div .nav .nav-list.active a: hover: after,.manage-tab-div .nav .nav-list.active a: focus: after {
	content: ""
}
.manage-tab-div .nav a {
	margin: 0;
	border: none;
	color: #fff;
	font-size: 20px;
	background: transparent;
	padding: 24px 0;
	line-height: 33px;
	position: relative;
	transition: all .5s
}
.manage-tab-div .nav a: after {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #f7f8fa;
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -15px
}
.manage-tab-div .nav a: hover,.manage-tab-div .nav a: focus {
	background: transparent;
	font-weight: 500;
	font-size: 24px
}
.manage-tab-div .nav .num {
	border-radius: 100px;
	width: 40px;
	height: 24px;
	font-size: 16px;
	line-height: 20px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 50%;
	margin-right: -100px
}
.manage-tab-div.teacher .nav {
	width: 80%
}
.manage-tab-div.member .nav-list .nav-list-icon {
	display: none
}
.cart-step1 .cart-page-nav .step1 {
	color: #4c545a
}
.cart-step1 .cart-page-nav .step1 .step {
	background: #019fde;
	color: #fff
}
.cart-step1 .cart-page-nav .arrow {
	background-image: url(../image/cart/blue-arrow.svg?v=0913)
}
.cart-step2 .cart-page-nav .arrow {
	background-image: url(../image/cart/grey-arrow.svg?v=0913)
}
.cart-step2 .cart-page-nav .step2 {
	color: #4c545a
}
.cart-step2 .cart-page-nav .step2 .step {
	background: #019fde;
	color: #fff
}
@media(max-width: 991px) {
	.notification {
	font-size: 16px;
	text-align: left
}
.notification .btn {
	font-size: 16px;
	padding: 8px 16px
}
.toolbar .mobile-search-btn {
	display: inline-flex;
	align-items: center;
	position: relative
}
.toolbar .mobile-search-btn svg {
	margin: 0
}
.toolbar .mobile-search-btn.active svg {
	fill: #019fde
}
.toolbar .toolbar-control {
	height: 100%
}
.toolbar .toolbar-control .menu-icon {
	height: 24px;
	vertical-align: middle;
	margin: 0 15px 0 0
}
.user-nav {
	margin: 9px 0px;
	height: 30px;
	display: flex
}
.user-nav li {
	display: inline-block;
	padding: 0 0 0 10px;
	margin: 0
}
.user-nav li .count {
	top: -1px
}
.user-nav li.teacher {
	display: inline-block
}
.user-nav li.empty-cart .count {
	display: none
}
.user-nav .visible-xs,.user-nav .visible-sm {
	display: inline-block !important
}
.mobile-search-form.active {
	top: 48px
}
.mobile-search-form.active .svg-icon {
	fill: #8b9195
}
.mobile-search-form .search-form {
	width: 90%
}
.toolbar-intro .user-nav li.mobile-teacher {
	display: none
}
.dropdown: hover .cart-dropdown-menu,.dropdown: hover .message-dropdown-menu,.dropdown: hover .teacher-dropdown-menu {
	display: none
}
.toolbar .dropdown.open .member-dropdown-menu {
	border-radius: 5px;
	position: absolute;
	top: 53px;
	left: -60px;
	min-width: 130px;
	background: #fff
}
.toolbar .dropdown.open .member-dropdown-menu li {
	display: block;
	padding: 0px
}
.toolbar .dropdown.open .member-dropdown-menu li a {
	padding: 12px 0
}
.toolbar .dropdown.open .member-dropdown-menu li.nickname {
	padding: 5px 3px
}
.toolbar-menu {
	display: none;
	width: 100%;
	height: calc(100% - 48px);
	overflow-x: hidden;
	overflow-y: auto
}
.toolbar-menu.active {
	display: block
}
.toolbar-menu.display {
	position: fixed;
	z-index: 10002;
	left: 0;
	top: 48px
}
.toolbar-menu .mobile-search-form {
	position: static
}
.mobile-toolbar-cart {
	border-radius: 0px;
	margin-bottom: 0px
}
.mobile-toolbar-cart .container {
	padding-left: 10px;
	padding-right: 10px
}
.mobile-toolbar-cart .logo {
	height: 25px;
	margin: 14px 0;
	padding: 0
}
.mobile-toolbar-cart .logo img {
	height: 100%;
	width: auto
}
.mobile-toolbar-cart .cart-page-nav {
	margin: 15px 0;
	padding: 0
}
.mobile-toolbar-cart .cart-page-nav li {
	display: none
}
.cart-step1 .mobile-toolbar-cart .cart-page-nav .step1 {
	display: block
}
.cart-step1 .mobile-bottom-nav.cart-step1 {
	display: block
}
.cart-step2 .mobile-toolbar-cart .cart-page-nav .step2 {
	display: block
}
.cart-step2.cart-success .mobile-bottom-nav.cart-step2-success {
	display: block
}
.cart-step2.cart-fail .mobile-bottom-nav.cart-step2-fail {
	display: block
}
.cart-step2.cart-wait .mobile-bottom-nav.cart-step2-wait {
	display: block
}
.manage-tab-div.loading {
	padding: 0
}
.manage-tab-div .nav {
	font-size: 16px
}
.manage-tab-div .nav .nav-list.active a {
	font-size: 16px
}
.manage-tab-div .nav .nav-list.active a: hover,.manage-tab-div .nav .nav-list.active a: focus {
	font-size: 16px
}
.manage-tab-div .nav a {
	padding: 18px 0;
	font-size: 16px;
	line-height: 22px
}
.manage-tab-div .nav a: after {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f7f8fa;
	margin-left: -10px
}
.manage-tab-div .nav a: hover,.manage-tab-div .nav a: focus {
	font-size: 16px
}
.manage-tab-div .nav .num {
	border-radius: 10px;
	font-size: 10px;
	width: 20px;
	height: 16px;
	line-height: 16px;
	margin-top: 0px;
	margin-right: 0px;
	top: 7px;
	right: 7px
}
.manage-tab-div.teacher ul {
	width: 100%
}
.manage-tab-div.teacher ul .num {
	position: static;
	display: inline-block;
	margin-left: 4px
}
.manage-tab-div.member {
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	margin-bottom: 16px
}
.manage-tab-div.member .container {
	padding: 0px
}
.manage-tab-div.member .nav {
	font-size: 12px
}
.manage-tab-div.member .nav .nav-list {
	position: relative
}
.manage-tab-div.member .nav .nav-list: after {
	content: "|";
	color: #8b9195;
	position: absolute;
	right: 0px;
	top: 16px;
	font-weight: 500
}
.manage-tab-div.member .nav .nav-list: last-child: after {
	content: ""
}
.manage-tab-div.member .nav .nav-list.active a {
	font-size: 12px;
	color: #019fde;
	font-weight: normal
}
.manage-tab-div.member .nav .nav-list.active a .svg-icon {
	fill: #019fde
}
.manage-tab-div.member .nav .nav-list.active a: hover,.manage-tab-div.member .nav .nav-list.active a: focus {
	font-weight: normal;
	font-size: 12px
}
.manage-tab-div.member .nav a {
	padding: 10px 0;
	font-size: 12px;
	line-height: 22px;
	color: #4c545a
}
.manage-tab-div.member .nav a: after {
	display: none
}
.manage-tab-div.member .nav a: hover,.manage-tab-div.member .nav a: focus {
	font-weight: normal;
	font-size: 12px
}
.manage-tab-div.member .nav i {
	display: block
}
.manage-tab-div.loading .loading-bar {
	background: #d3dee5
}
}.s--has-notification .l-navbar__explore.active {
	transform: translateY(60px)
}
.l-navbar__explore {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: 0 2px 4px rgba(0,0,0,.16);
	position: absolute;
	width: 100%;
	top: -360px;
	z-index: -1;
	background: #F1F5F8;
	transition: all .3s ease
}
.l-navbar__explore.active {
	transform: translateY(0);
	top: 70px;
	box-shadow: none
}
@media(max-width: 567px) {
	.l-navbar__explore.active {
	top: 50px
}
}.l-navbar__explore .l-explore__main,.l-navbar__explore .l-explore__sub {
	width: 1240px;
	display: flex;
	justify-content: center
}
@media(max-width: 1240px) {
	.l-navbar__explore .l-explore__main,.l-navbar__explore .l-explore__sub {
	width: 1040px
}
}@media(max-width: 1040px) {
	.l-navbar__explore .l-explore__main,.l-navbar__explore .l-explore__sub {
	width: 740px
}
}.l-navbar__explore .explore__scroll {
	background: #F1F5F8
}
@media(max-width: 768px) {
	.l-navbar__explore .explore__scroll {
	width: 100vw;
	overflow-x: scroll
}
.l-navbar__explore .explore__scroll: : -webkit-scrollbar {
	width: 0;
	height: 0
}
}@media(max-width: 768px) {
	.l-navbar__explore .l-explore__main {
	width: fit-content;
	padding: 0 20px
}
}.l-navbar__explore .l-explore__sub {
	background: #fff
}
@media(max-width: 768px) {
	.l-navbar__explore .l-explore__sub {
	width: 100vw
}
}
.explore-category {
	display: flex;
	margin: 0 -10px;
	flex-wrap: wrap;
}
.l-explore__main {
	padding: 20px 0 10px 0
}
.l-explore__main .c-main__box {
	height: 120px;
	width: 184px;
	display: flex;
	justify-content: left;
	margin: 10px;
	border-radius: 8px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	border: 2px solid #6EBEFB;
	padding: 10px 0 0 15px;
	flex: 0 0 calc(100% / 6 - 20px);
}
@media(max-width: 1240px) {
	.l-explore__main .c-main__box {
	height: 100px;
	width: 140px
}
}@media(max-width: 1040px) {
	.l-explore__main .c-main__box {
	flex: 0 0 calc(100% / 4 - 20px);
	height: 100px;
}
}@media(max-width: 768px) {
	.l-explore__main .c-main__box {
	height: 80px;
	width: 140px;
	padding: 5px 0 0 10px;
}
}
@media(max-width: 567px) {.l-explore__main .c-main__box {flex: 0 0 calc(100% / 2 - 20px);height: 110px;}}
.l-explore__main .c-main__box: before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	opacity: .55;
	transition: all .3s ease;
	z-index: -1
}
.l-explore__main .c-main__box: hover: before,.l-explore__main .c-main__box.active: before {
	background-color: #019fde;
	opacity: .9
}
.c-main__box .main__img {
	position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.4s ease; 
}
.c-main__box .main__img:nth-child(1) {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 1;
}
.c-main__box .main__img:nth-child(2) {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	opacity: 0;
}
.c-main__box:hover .main__img:nth-child(1) {
	opacity: 0;
}

.c-main__box:hover .main__img:nth-child(2) {
    opacity: 1;
}
.l-explore__main .main__content {
	color: #fff;
	font-size: 28px;
	letter-spacing: 3px;
	display: flex;
	/* align-items: center; */
	/* justify-content: center; */
	font-weight: 700;
}
@media(max-width: 1040px) {
	.l-explore__main .main__content {
	font-size: 20px
}
}@media(max-width: 768px) {
	.l-explore__main .main__content {
	font-size: 20px;
	letter-spacing: 1px;
}
}.l-explore__main .main__content .svg-icon {
	fill: #fff;
	height: 34px;
	margin: 0 10px 0 0
}
@media(max-width: 1040px) {
	.l-explore__main .main__content .svg-icon {
	height: 32px
}
}.l-explore__sub {
	padding: 20px 20px 10px 20px;
	flex-wrap: wrap
}
.l-explore__sub .c-sub__capsule {
	height: 36px;
	padding: 0 12px;
	font-size: 14px;
	color: #707070;
	margin: 0 7.5px 15px 7.5px;
	border-radius: 23px;
	border: 1px solid rgba(0,0,0,.16);
	display: flex;
	align-items: center;
	font-weight: 500;
	cursor: pointer
}
.l-explore__sub .c-sub__capsule.active,.l-explore__sub .c-sub__capsule: hover {
	background: #019fde;
	color: #fff;
	border-color: #019fde
}
.l-search__box {
	width: 100%;
	background: #fff;
	border-radius: 8px;
	padding: 15px;
	box-shadow: 0 3px 12px 0 rgba(0,0,0,.16);
	text-align: left
}
.l-search__box: first-of-type {
	margin-bottom: 20px
}
.l-search__box .c-search__box: first-of-type {
	margin-bottom: 10px
}
.l-search__box .c-search__title {
	margin-bottom: 10px;
	color: #4c545a;
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 1.14
}
.l-search__box .c-search__title button {
	margin-left: 5px
}
.l-search__box .c-search__title .svg-icon {
	fill: #4c545a;
	height: 16px
}
@media(max-width: 567px) {
	.l-search__box .c-search__title {
	font-size: 14px
}
.l-search__box .c-search__title .svg-icon {
	height: 14px
}
}.l-search__box .c-search__title--no-margin {
	margin-bottom: 0px
}
.l-search__box .c-capsule {
	height: 36px;
	padding: 0 12px;
	display: inline-flex;
	line-height: 36px;
	margin: 0 10px 10px 0;
	font-weight: 500;
	cursor: pointer
}
.validation .l-mobile-search {
	padding-top: 136px
}
.l-mobile-search {
	position: fixed;
	z-index: 1049;
	left: 0;
	right: 0;
	flex-direction: column;
	align-items: center;
	display: none;
	top: 0;
	padding-top: 90px
}
.l-mobile-search.active {
	display: flex
}
@media(max-width: 567px) {
	.l-mobile-search {
	padding-top: 70px
}
}.l-mobile-search .l-search__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 10px 20px 10px;
	width: 100%
}
.l-mobile-search .l-search__search {
	width: 100%
}
.l-mobile-search .l-search__box.explore {
	display: none
}
@media(max-width: 567px) {
	.l-mobile-search .l-search__box.explore {
	display: block
}
}.l-mobile-search .l-search__catebox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.l-mobile-search .explore__box {
	width: calc(50% - 5px);
	height: 95px;
	margin-top: 10px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	-webkit-mask-image: -webkit-radial-gradient(white, black)
}
.l-mobile-search .explore__box .explore__mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.55)
}
.l-mobile-search .explore__box p {
	position: relative;
	color: #fff;
	font-size: 18px;
	display: flex;
	align-items: center;
	font-weight: 500
}
.l-mobile-search .explore__box img {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%
}
.l-mobile-search .explore__box .svg-icon {
	fill: #fff;
	height: 30px;
	margin-right: 10px
}
.l-navbar-searchform {
	position: absolute;
	background: #fff;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 0;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: width .3s ease
}
.l-navbar-searchform.active {
	width: 100%
}
.l-navbar-searchform .l-form__search {
	width: calc(100% - 72px);
	position: relative;
	height: calc(100% - 15px)
}
.l-navbar-searchform input {
	height: 100%;
	width: 100%;
	border-radius: 27px;
	border: none;
	background: #019fde;
	padding-left: 44px;
	color: #fff;
	font-weight: 500;
	margin-left: 10px
}
.l-navbar-searchform input: : placeholder {
	color: #fff;
	font-weight: 500
}
.l-navbar-searchform .c-searchform__clear {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	display: none;
	padding: 0;
	border: 0
}
.l-navbar-searchform .c-searchform__clear .svg-icon {
	height: 16px;
	width: 16px;
	opacity: 1;
	margin: 0
}
.l-navbar-searchform .c-searchform__clear.active {
	display: flex;
	background: #fff
}
.l-navbar-searchform .c-searchform__clear.active .svg-icon {
	fill: #019fde !important
}
.l-navbar-searchform .c-searchform__search {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 20px
}
.l-navbar-searchform .c-searchform__search .svg-icon {
	fill: #fff;
	margin: 0
}
.l-navbar-searchform .c-searchform__close {
	align-items: center;
	justify-content: center;
	width: 62px;
	visibility: hidden
}
.l-desktop-search-dropdown {
	height: fit-content;
	width: 100%;
	position: absolute;
	top: 75px;
	display: none
}
.l-desktop-search-dropdown.active {
	display: block
}
.l-desktop-search-dropdown .l-search__box {
	padding: 20px 20px 10px 20px
}
.l-desktop-search-dropdown .c-recent__result .c-capsule: hover {
	color: #4c545a;
	font-weight: 500
}
.l-desktop-search-dropdown .c-recent__hot .c-capsule: hover {
	background: #019fde;
	color: #fff
}
.s--suggestions {
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
	max-height: 70vh;
	overflow-y: scroll
}
.s--suggestions: : -webkit-scrollbar {
	display: none
}
.s--suggestions .option {
	padding: 10px 15px;
	cursor: pointer;
	color: #707070;
	display: flex;
	align-items: center
}
.s--suggestions .option: hover {
	background-color: #e6f4ff
}
@media(max-width: 567px) {
	.s--suggestions .option {
	font-size: 14px
}
}.s--suggestions .option p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.s--suggestions .svg-icon {
	height: 18px;
	fill: #707070;
	flex-shrink: 0;
	margin-right: 10px
}
.s--suggestions .note {
	font-weight: 500;
	color: #019fde
}
.navbar--simple {
	height: 70px;
	width: 100vw;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	z-index: 100;
	background-color: #fff
}
.navbar--simple .logo img {
	height: 30px
}
@media(max-width: 768px) {
	.navbar--simple {
	height: 56px
}
.navbar--simple .logo img {
	height: 28px
}
}#page {
	padding-top: 0
}
#page.vague {
	filter: blur(5px)
}
#page.noScroll {
	left: 0;
	right: 0
}
body.vague #mask {
	pointer-events: all
}
#mask {
	height: 100%;
	position: absolute;
	background: #000;
	z-index: 1049;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s
}
#mask.show {
	opacity: .7;
	pointer-events: all
}
.sidebar {
	position: fixed;
	top: 0;
	right: 0;
	width: 320px;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	z-index: 11111111111;
	transform: translateX(100%);
	transition: transform .2s;
	display: none
}
.sidebar.active {
	transform: translateX(0)
}
.sidebar: : -webkit-scrollbar {
	width: 0 !important
}
@media(max-width: 1240px) {
	.sidebar {
	display: block
}
}@media(max-width: 567px) {
	.sidebar {
	width: 100%
}
}.sidebar ul {
	min-height: 100%
}
.sidebar .login-btn {
	align-items: center;
	color: #ffffff;
	font-size: 16px !important;
	color: #FFF !important;
	padding: 15px 14px;
	text-align: center;
}
.sidebar .close-btn {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	background: transparent;
	margin-bottom: 15px;
	position: absolute;
	z-index: 111;
	right: 15px
}
.sidebar .close-btn .svg-icon {
	opacity: 1;
	fill: #000;
	height: 24px;
	margin: 0 !important
}
@media(max-width: 1040px) {
	.sidebar .close-btn {
	width: 10%;
	justify-content: flex-end
}
}@media(max-width: 768px) {
	.sidebar .close-btn {
	width: 20%
}
}.sidebar .campagn-list li: first-of-type {
	padding-top: 0
}
.sidebar .p-0 {
	padding: 0
}
.sidebar .divide-line {
	left: 0%;
	right: 0%;
	display: block;
	background: #e0e0e0;
	height: 1px
}
.sidebar .member-item {
	padding: 20px
}
.sidebar .member-item .svg-icon {
	margin-right: 15px
}
.sidebar .member-item a {
	border-radius: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 19px;
  color: #0C163A;
  display: block;
}

.sidebar .member-item a: hover {
	cursor: pointer
}
.sidebar .member-item a i {
	font-size: 22px;
}
.sidebar .member-item.login {
	height: 62px
}
.sidebar .member-item: first-of-type {
	padding-top: 20px;
	padding-bottom: 0
}
.sidebar .personal-info {
	margin-bottom: 20px;
	display: flex
}
.sidebar .personal-info h5 {
	font-size: 18px;
	line-height: 1.17;
	color: #000;
	display: flex;
	align-items: center
}
.sidebar .personal-info .left {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	border-radius: 50%
}
.sidebar .personal-info .right {
	width: 90%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}
.sidebar .campaign-list li: last-of-type {
	padding: 0
}
.sidebar li {
	padding-bottom: 20px
}
.sidebar li a {
	font-size: 16px;
	color: #8b9195;
	line-height: 1.19
}
.sidebar li a: hover {
	color: #4c545a
}
.sidebar li a: hover .svg-icon {
	fill: #4c545a
}
.sidebar li .svg-icon {
	fill: #8b9195
}
.sidebar li.explore a {
	display: flex;
	align-items: center
}
@media(max-width: 768px) {
	.sidebar li.explore {
	display: none
}
}@media(max-width: 567px) {
	.sidebar li.explore {
	display: flex
}
}.login .sidebar .close-btn {
	margin: 0
}
.l-sidebar__explore {
	position: absolute;
	top: 0;
	height: 900px;
	left: 0;
	right: 0;
	background: #fff;
	transform: translateX(-100%);
	transition: transform .3s ease;
	display: none
}
.l-sidebar__explore.active {
	transform: translateX(0);
	display: block;
}
.c-explore__title {
	height: 62px;
	display: flex;
	align-items: center;
	font-size: 22px;
	color: #4c545a;
	border-bottom: 1px solid rgba(0,0,0,.16);
	position: relative
}
.c-explore__title h4 {
	font-weight: 400;
	display: inline-block;
	line-height: 62px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%)
}
.c-explore__title button {
	padding: 0 20px;
	height: 100%;
	background: transparent;
	border: none;
	display: flex;
	align-items: center
}
.c-explore__title button .svg-icon {
	fill: #4c545a;
	margin: 0;
	height: 24px
}
.c-explore__title button .svg-icon.close {
	opacity: 1
}
.c-explore__section {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 20px;
}
.c-explore__section .svg-icon {
	height: 30px;
	margin-right: 10px
}
.c-explore__section a: focus,.c-explore__section a: hover {
	color: #4c545a
}
.c-explore__section .c-explore__main {
	display: flex;
	align-items: center;
	font-weight: 500;
	width: 100%;
	padding-bottom: 20px;
	position: relative;
	color: #707070;
	font-size: 18px;
}
.c-explore__section .c-explore__main .svg-icon {
	fill: #707070
}
.c-explore__section .c-explore__main: before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	height: 20px;
	width: 4px;
	background-color: #4c545a;
	transform: translateX(-100%);
	transition: all .3s ease;
	border-radius: 0 3px 3px 0
}
.c-explore__section .c-explore__main.active: before {
	transform: translateX(0)
}
.c-explore__section .c-explore__main.active span {
	color: #4c545a
}
.c-explore__section .c-explore__main.active .svg-icon {
	fill: #4c545a
}
.c-explore__section .c-explore__sub {
	padding: 0;
	background-color: #e6f4ff;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	height: 0;
	overflow: hidden;
	color: #707070
}
.c-explore__section .c-explore__sub.active {
	height: fit-content;
	padding: 15px 30px 0 30px
}
.c-explore__section .c-explore__capsule {
	height: 36px;
	border: 1px solid #eaeaea;
	padding: 0 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	border-radius: 23px;
	margin: 0 15px 15px 0;
	background: #fff;
	color: #4c545a;
	font-weight: 500
}
.c-explore__section .c-explore__capsule: active {
	color: #4c545a
}
.job-modal {
	position: fixed;
	z-index: 10001
}
.job-modal .modal-mask {
	height: 100vh;
	width: 100vw;
	background: #000;
	opacity: 0;
	transition: .3s opacity ease-in-out
}
.job-modal .modal-mask.fade {
	opacity: 0
}
.job-modal .modal-mask.fadein {
	opacity: .65
}
#job-modal {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(0%) translateX(-50%);
	transition: .3s all ease-in-out;
	opacity: 0
}
#job-modal.slideup {
	transform: translateY(-100%) translateX(-50%);
	opacity: 0;
	pointer-events: none
}
#job-modal.slidein {
	opacity: 1;
	transform: translateY(-50%) translateX(-50%)
}
.modal {
	z-index: 1052;
	text-align: center;
	background: transparent;
	padding: 0
}
.modal: before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px
}
.modal .modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle
}
.modal .modal-content {
	border-radius: 5px;
	border: none;
	padding: 0;
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
	overflow: hidden
}
.modal .modal-content.no-radius {
	border-radius: 0px
}
.modal .modal-body {
	color: #4c545a;
	font-size: 16px;
	padding: 0;
	position: relative
}
.modal .modal-close-btn {
	position: absolute;
	top: 24px;
	right: 24px;
	border: none;
	background: transparent;
	padding: 0;
	line-height: 1;
	z-index: 11111
}
.modal .modal-close-btn .svg-icon {
	height: 3rem;
	fill: #fff
}
.modal .facebook-auth-div {
	border-top: 1px solid #d3dee5;
	margin-top: 27px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 170px;
	padding-top: 20px
}
.modal .facebook-auth-div: before {
	content: "或";
	color: #d3dee5;
	display: inline-block;
	position: absolute;
	top: -15px;
	background: #fff;
	padding: 0 20px
}
.modal .facebook-auth-btn {
	background: url(../image/normal.png) no-repeat center center;
	background-size: 64px 64px;
	width: 64px;
	height: 64px;
	cursor: pointer
}
.modal .modal-info {
	font-size: 16px;
	padding: 30px 0;
	line-height: 1.4
}
.modal .modal-info button {
	margin: 5px 0
}
.modal .modal-info.text-black {
	color: #4c545a
}
.modal .modal-info.auth-modal-info {
	margin-bottom: 50px
}
.modal .modal-info.fb-register-info {
	padding-top: 16px
}
.modal .info {
	font-size: 12px;
	color: #8b9195;
	line-height: 1.5
}
.modal .outside-btn {
	position: absolute;
	left: 50%;
	margin-left: -24px
}
.modal-header {
	border-radius: 5px 5px 0 0;
	border: none;
	text-align: left;
	padding: 14px 24px;
	font-size: 20px;
	background: #f7f8fa
}
.modal-header .modal-logo {
	display: none
}
.modal-header .modal-title {
	float: left !important;
	font-size: 20px;
	font-weight: 500;
	color: #4c545a
}
.modal-form.login-form .submit-btn {
	margin-top: 40px;
	margin-bottom: 34px
}
.modal-form.login-form .l-remember-check input {
	margin: 0 0 0 -20px;
	position: relative
}
.modal-form.register-form .submit-btn {
	margin-top: 5px;
	margin-bottom: 15px
}
.modal-form .form-group {
	margin-bottom: 27px
}
.modal-form .form-group.no-margin,.modal-form .form-group.has-error,.modal-form .form-group.has-info {
	margin-bottom: 0
}
.modal-form .validatr-err {
	display: block;
	text-align: right;
	line-height: 25px;
	height: 25px
}
.modal-form .text-danger {
	color: #ff5b74;
	font-size: 12px
}
.modal-form .has-error .control-label {
	text-align: right;
	margin: 0
}
.modal-form .has-pass input {
	border: 1px solid #d3dee5
}
.modal-form .has-pass input: focus {
	border: 1px solid #d3dee5
}
.modal-form .has-pass .form-control-feedback {
	height: 46px;
	color: #019fde;
	margin-right: 9px;
	display: flex;
	align-items: center
}
.modal-form .has-feedback .form-control {
	padding-right: 9px
}
.modal-form input {
	border-radius: 5px;
	border: 1px solid #d3dee5;
	box-shadow: none;
	padding: 12px 9px;
	height: auto
}
.modal-form input: focus {
	outline: none;
	box-shadow: none;
	border: 1px solid #019fde
}
.modal-form .checkbox {
	color: #8b9195;
	text-align: left
}
.modal-form .help-block {
	text-align: right;
	font-size: 12px;
	color: #8b9195;
	margin: 0
}
.modal-form .submit-btn {
	border-radius: 5px;
	display: block;
	margin: 20px auto;
	width: 100%
}
.modal-form .submit-btn: nth-child(odd) {
	margin-top: 0px
}
.modal-form .validate-code-div {
	padding: 35px 0;
	text-align: center;
	margin: 0 auto
}
.modal-form .validate-code-div .g-recaptcha>div {
	margin: 0 auto
}
.modal-xs {
	width: 390px
}
.modal-sm {
	width: 570px
}
.modal-nor {
	width: 770px
}
.modal-black .modal-backdrop {
	background: #000;
	opacity: .6
}
.modal-black .modal-backdrop+.modal-backdrop {
	opacity: 0
}
.modal-black .wrapper,.modal-black footer {
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	filter: blur(0px)
}
.modal-black .modal .modal-close-btn .svg-icon {
	fill: #fff
}
.modal-white .modal-dialog {
	transition: transform .15s ease-out
}
.modal-white .wrapper,.modal-white footer {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	filter: blur(5px)
}
.modal-white .modal-backdrop {
	background: #fff;
	opacity: .8
}
.modal-white .modal .modal-close-btn .svg-icon {
	fill: #019fde
}
.modal-opacity .modal-backdrop {
	background: transparent;
	opacity: 1
}
.modal-opacity .wrapper,.modal-opacity footer {
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	filter: blur(0px)
}
.modal-opacity .modal .modal-close-btn {
	color: transparent
}
.modal-static .modal .modal-close-btn {
	display: none
}
.modal-static .modal .cooperation-note-modal .modal-close-btn {
	display: none
}
.modal-static .modal--v2 .modal-close-btn {
	display: unset
}
.modal-logo .modal-header {
	text-align: center;
	padding: 25px 25px 30px 25px;
	background: #fff
}
.modal-logo .modal-header .modal-logo {
	display: block;
	height: 25px
}
.modal-logo .modal-header .modal-logo img {
	width: auto;
	height: 100%
}
.modal-logo .modal-header .modal-title {
	color: #8b9195;
	font-size: 20px;
	font-weight: 500;
	float: right !important
}
.modal-blue .modal-header {
	background: #019fde
}
.modal-blue .modal-header .modal-title {
	color: #fff
}
.auth-modal-body {
	padding: 0 25px
}
.auth-modal-body .icon {
	margin-top: 45px;
	margin-bottom: 45px
}
.auth-modal-body .mail-icon {
	margin-top: 50px;
	margin-bottom: 16px
}
.auth-modal-body .fb-register-icon {
	margin-bottom: 16px;
	margin-top: 6px
}
.auth-modal-body .email-modal-info {
	font-size: 16px;
	line-height: 1.44;
	text-align: center;
	margin-bottom: 40px
}
.auth-modal-footer {
	border-radius: 0 0 5px 5px;
	background: #f7f8fa;
	text-align: center;
	border: none;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40px;
	line-height: 40px
}
.gallery-modal {
	z-index: 2050
}
.gallery-modal .modal-content {
	border-radius: 0px
}
.gallery-modal .gallery-wrapper-inner {
	display: flex;
	min-height: 50vh;
	max-height: 92vh
}
.gallery-modal .author-box {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	box-sizing: border-box;
	width: 24vw;
	padding: 16px;
	overflow-y: auto;
	color: #4c545a;
	word-break: break-all
}
.gallery-modal .author-box .author .author-link {
	color: #4c545a;
	margin-left: 12px;
	line-height: 36px
}
.gallery-modal .author-box .author .author-link: hover {
	color: #4c545a
}
.gallery-modal .author-box .author .author-link span {
	padding: 1px 4px
}
.gallery-modal .author-box .author .created {
	line-height: 36px
}
.gallery-modal .author-box .content {
	padding-top: 16px
}
.gallery-modal .author-box .content .title {
	color: #8b9195;
	font-size: 18px;
	margin-bottom: 8px
}
.gallery-modal .author-box .content .content-video-info {
	display: flex;
	align-items: flex-start
}
.gallery-modal .author-box .content .content-video-info .startTime {
	display: flex;
	align-items: center;
	margin: 0 0 0 10px;
	color: #bbb;
	cursor: pointer
}
.gallery-modal .author-box .content .content-video-info .startTime span {
	color: inherit;
	white-space: nowrap
}
.gallery-modal .author-box .content .content-video-info .startTime svg {
	fill: #bbb
}
.gallery-modal .author-box .content .content-video-info .startTime: hover span {
	color: #019fde;
	text-decoration: underline
}
.gallery-modal .author-box .content .content-video-info .startTime: hover svg {
	fill: #019fde
}
.gallery-modal .carousel-box {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 25vw;
	background: #000
}
.gallery-modal .carousel {
	margin: 0 auto;
	height: 100%
}
.gallery-modal .carousel .carousel-inner {
	height: 100%
}
.gallery-modal .carousel .item {
	position: relative;
	background: #000;
	height: 100%;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	opacity: 0
}
.gallery-modal .carousel .item.active {
	opacity: 1
}
.gallery-modal .carousel .item .item-inner {
	height: 100%
}
.gallery-modal .carousel .item img {
	display: block;
	width: auto;
	max-width: 66vw;
	max-height: 92vh
}
.gallery-modal .carousel .item .num-label {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	background: #33b2e4;
	opacity: .6;
	width: 32px;
	height: 32px;
	font-size: 20px
}
.gallery-modal .carousel .carousel-control {
	display: block;
	background: transparent;
	border: none;
	color: #fff;
	opacity: .5;
	font-size: 36px;
	padding: 0px;
	width: 50px
}
.gallery-modal .carousel .carousel-control: hover {
	opacity: 1
}
.message-modal {
	z-index: 3050;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.3)
}
.message-modal .modal-body {
	padding: 24px
}
.message-modal .message-box {
	color: #4c545a;
	line-height: 1.7;
	font-size: 16px
}
.message-modal .message-box .error {
	width: 100px;
	height: 100px;
	margin-top: 0;
	margin-bottom: 8px
}
.message-modal .message-box .success {
	width: 100px;
	height: 100px;
	margin-top: 0;
	margin-bottom: 8px
}
.message-modal .message-box .article-set {
	margin: 0 auto;
	width: 128px;
	height: 128px;
	margin-top: -30px
}
.message-modal .message-box .close-modal-btn {
	margin-top: 16px
}
.message-modal .message-box .button-list {
	margin-top: 16px
}
.message-modal .message-box .button-list button {
	margin-left: 8px
}
.message-modal .message-box .button-list button: last-child {
	margin-left: 0px
}
.iframe-body {
	color: #4c545a;
	text-align: justify;
	line-height: 1.44;
	height: 100%
}
.iframe-body .iframe-body-inner {
	padding: 18px 24px 72px 24px;
	min-height: 100%;
	max-height: 50vh;
	overflow-y: auto
}
.iframe-body .title {
	font-size: 20px;
	margin-bottom: 5px
}
.iframe-body .title .icon {
	font-size: 30px;
	margin-right: 5px
}
.iframe-body .title.removed-cart-title {
	margin: 20px 20px 0 20px
}
.iframe-body .block {
	margin-bottom: 30px
}
.iframe-body .btn-block {
	position: absolute;
	bottom: 0;
	padding: 12px 18px;
	background: #fff
}
.add-homework-modal,.homework-dtl-modal {
	max-height: 92vh;
	overflow-y: auto
}
.add-homework-modal .homework-modal-header,.homework-dtl-modal .homework-modal-header {
	padding: 15px 30px;
	color: #fff;
	background-color: #019fde
}
.add-homework-modal .homework-modal-header h3,.homework-dtl-modal .homework-modal-header h3 {
	font-size: 20px;
	line-height: 1.7
}
.add-homework-modal .homework-modal-header .teacher-name,.homework-dtl-modal .homework-modal-header .teacher-name {
	line-height: 36px
}
.add-homework-modal .homework-modal-header .teacher-name img,.homework-dtl-modal .homework-modal-header .teacher-name img {
	margin-right: 16px
}
.add-homework-modal .modal-close-btn,.homework-dtl-modal .modal-close-btn {
	height: 36px;
	width: 36px;
	position: absolute;
	border-radius: 50%;
	transition: all .4s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 15px;
	right: 15px;
	background-color: rgba(0,0,0,.2);
	box-shadow: none
}
.add-homework-modal .modal-close-btn .svg-icon.close,.homework-dtl-modal .modal-close-btn .svg-icon.close {
	opacity: 1;
	fill: #fff;
	float: none
}
.add-homework-modal .modal-close-btn: hover,.homework-dtl-modal .modal-close-btn: hover {
	background: #019fde
}
.add-homework-modal .modal-close-btn: hover .svg-icon,.homework-dtl-modal .modal-close-btn: hover .svg-icon {
	fill: #fff
}
@media(max-width: 567px) {
	.add-homework-modal .modal-close-btn,.homework-dtl-modal .modal-close-btn {
	height: 24px;
	width: 24px;
	top: 10px;
	right: 10px
}
.add-homework-modal .modal-close-btn .svg-icon.close,.homework-dtl-modal .modal-close-btn .svg-icon.close {
	height: 15px
}
}.preview-player-modal {
	color: #4c545a
}
.preview-player-modal .preview-player {
	width: 100%;
	background-color: #000
}
.preview-player-modal .course-header {
	padding: 10px 16px;
	box-shadow: inset 0 -1px 0 0 #d3dee5;
	text-align: center
}
.preview-player-modal .course-header .title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 30px;
	line-height: 30px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: bold;
	font-size: 20px
}
.preview-player-modal .course-header .price {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	margin-left: 16px;
	font-size: 20px;
	color: #ff5b74
}
.preview-player-modal .course-header .price s {
	margin-left: 8px;
	color: #8b9195;
	font-size: 12px
}
.preview-player-modal .course-header .btn {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	margin-left: 16px;
	max-height: 36px
}
.preview-player-modal .preview-chapter-list {
	position: relative;
	height: 190px;
	background: #f7f8fa;
	overflow-y: auto
}
.preview-player-modal .preview-chapter-list li {
	border-bottom: 1px solid #fff;
	padding: 10px 16px
}
.preview-player-modal .preview-chapter-list li.li-loading {
	background: #f7f8fa url(../image/loading.gif) no-repeat 50% 50%;
	padding: 0px;
	background-size: 100px 100px;
	height: 312px
}
.preview-player-modal .preview-chapter-list li.chapter {
	cursor: pointer;
	padding: 11px 16px;
	display: flex;
	align-items: center
}
.preview-player-modal .preview-chapter-list li.chapter .name {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 44px;
	line-height: 22px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: auto
}
.preview-player-modal .preview-chapter-list li.chapter .time {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	margin-left: 13px
}
.preview-player-modal .preview-chapter-list li.chapter svg {
	margin-right: 10px;
	fill: #4c545a
}
.preview-player-modal .preview-chapter-list li.chapter: hover {
	background-color: #20aee5
}
.preview-player-modal .preview-chapter-list li.chapter: hover .time,.preview-player-modal .preview-chapter-list li.chapter: hover .name {
	color: #fff
}
.preview-player-modal .preview-chapter-list li.chapter: hover svg {
	fill: #fff
}
.preview-player-modal .preview-chapter-list li.chapter.active {
	background-color: #f7f8fa;
	color: #1a9fde
}
.preview-player-modal .preview-chapter-list li.chapter.active .time,.preview-player-modal .preview-chapter-list li.chapter.active .name {
	color: #1a9fde
}
.preview-player-modal .preview-chapter-list li.chapter.active svg {
	fill: #1a9fde
}
.preview-player-modal button.modal-close-btn {
	background-color: #f7f8fa;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
	border-radius: 50%;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 10px;
	right: 10px
}
.preview-player-modal button.modal-close-btn .svg-icon.close {
	fill: #707070
}
.rating-list-modal {
	color: #4c545a
}
.rating-list-modal .manage-content-container {
	padding: 0px;
	width: 100%
}
.rating-list-modal .rating-block-header .title {
	font-weight: 500
}
.rating-list-modal .rating-list-container {
	max-height: calc(80vh - 168px);
	overflow-y: auto
}
.rating-list-modal .rating-list-container .star-group span {
	color: #ffc669;
	font-size: 16px
}
.rating-dtl-modal {
	text-align: left;
	color: #8b9195
}
.rating-dtl-modal .inner {
	padding: 0 30px
}
.rating-dtl-modal .manage-area {
	padding: 16px 0;
	text-align: center
}
.rating-dtl-modal .score-area {
	margin: 8px 0
}
.rating-dtl-modal .rating-comment {
	padding: 10px 0
}
.rating-dtl-modal .course-title {
	color: #4c545a;
	font-size: 20px;
	border-bottom: 1px solid #d3dee5;
	padding-bottom: 16px;
	margin-bottom: 16px
}
.rating-dtl-modal .reply {
	background: #f7f8fa;
	margin: 8px 0;
	padding: 16px;
	color: #4c545a
}
.rating-dtl-modal .reply .avatars {
	width: 36px;
	height: 36px
}
.rating-dtl-modal .reply .content {
	padding-left: 52px
}
.rating-dtl-modal .reply .author {
	margin-bottom: 8px
}
.rating-dtl-modal .reply .create {
	color: #8b9195;
	margin-bottom: 8px
}
.rating-dtl-modal .reset-btn {
	cursor: pointer
}
.modal-form-body {
	color: #4c545a;
	padding: 16px 24px
}
.modal-form-body.board {
	padding: 30px 0
}
.modal-form-body.board .form-group.has-error {
	margin-bottom: 10px
}
.modal-form-body.board .form-group.has-error .error-msg {
	font-size: 16px
}
.modal-form-body.board .radio-inline {
	margin-right: 40px
}
.modal-form-body .form-group {
	margin-bottom: 30px
}
.modal-form-body .form-group: last-child {
	margin-bottom: 0px
}
.modal-form-body .form-group.has-error {
	margin-bottom: 5px
}
.modal-form-body .form-group.has-error .froalaEditor {
	border: 1px solid #ff5b74
}
.modal-form-body .form-group.has-error .error-msg {
	margin-bottom: 0px
}
.modal-form-body .form-control {
	padding: 12px;
	height: auto
}
.modal-form-body .froalaEditor .fr-element {
	color: #4c545a
}
.modal-form-body .control-label {
	font-weight: normal;
	font-size: 16px
}
.modal-form-body button {
	margin-left: 16px
}
.update-browser-container {
	color: #4c545a
}
.update-browser-container img {
	width: 100%
}
.update-browser-container .message-box {
	margin-top: 5px;
	padding: 0 30px
}
.update-browser-container .message-box p {
	margin-bottom: 16px
}
.update-browser-container .manage-area {
	padding: 16px
}
.update-browser-container .manage-area .checkbox {
	margin-right: 24px
}
@media(max-width: 768px) {
	.modal .modal-close-btn {
	top: 15px;
	right: 15px
}
}@media(max-width: 991px) {
	.modal-xs {
	width: 90vw;
	max-width: 390px
}
.modal-nor .modal-body {
	overflow-y: auto
}
.modal-nor .btn-block {
	text-align: center
}
.modal-nor .btn-block .close-modal-btn {
	float: none !important
}
.modal-xs,.modal-sm,.modal-nor,.modal-lg {
	width: 90vw
}
.modal-logo .modal-header {
	padding-bottom: 25px
}
.iframe-body .removed-cart-title {
	margin: 16px 10px 0 10px;
	font-size: 16px
}
.iframe-body .removed-cart-title .icon {
	font-size: 20px
}
.message-modal .modal-body {
	padding: 24px 10px
}
.message-modal .message-box .button-list {
	margin-top: 24px
}
.message-modal .message-box .button-list .btn {
	width: 48%
}
.gallery-modal .gallery-wrapper-inner {
	flex-flow: column;
	max-height: 80vh
}
.gallery-modal .author-box {
	width: 100%;
	max-height: 25vh;
	overflow-y: scroll
}
.gallery-modal .author-box .author .author-link span {
	font-size: 12px
}
.gallery-modal .author-box .author .created {
	font-size: 14px
}
.gallery-modal .author-box .content {
	font-size: 14px;
	word-break: break-all
}
.gallery-modal .author-box .content .content-video-info {
	flex-direction: column;
	align-items: flex-start
}
.gallery-modal .author-box .content .content-video-info .startTime {
	margin-left: 0
}
.gallery-modal .carousel-box {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	min-height: 35vh
}
.gallery-modal .carousel {
	min-height: 35vh
}
.gallery-modal .carousel .item .item-inner {
	min-height: 35vh
}
.gallery-modal .carousel .item img {
	max-width: 80vw;
	max-height: 55vh
}
.gallery-modal .carousel .item .num-label {
	font-size: 16px;
	width: 24px;
	height: 24px;
	line-height: 24px
}
.gallery-modal .carousel .carousel-control {
	width: 36px;
	font-size: 24px
}
.add-homework-modal .homework-modal-header,.homework-dtl-modal .homework-modal-header {
	padding: 10px 15px
}
.preview-player-modal .course-header {
	position: relative;
	display: block;
	padding-top: 12px;
	padding-bottom: 12px
}
.preview-player-modal .course-header .title {
	float: left;
	width: 70%;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 56px;
	line-height: 28px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.preview-player-modal .course-header .price {
	float: left;
	width: 100%;
	margin-left: 0px
}
.preview-player-modal .course-header .btn {
	position: absolute;
	margin: 0px;
	top: 12px;
	right: 16px
}
.preview-player-modal .course-header: before,.preview-player-modal .course-header: after {
	display: table;
	content: " "
}
.preview-player-modal .course-header: after {
	clear: both
}
.preview-player-modal .preview-chapter-list {
	height: 26vh
}
.preview-player-modal .preview-chapter-list li.chapter {
	padding-top: 15px;
	padding-bottom: 15px
}
.preview-player-modal .preview-chapter-list li.chapter .time {
	margin-left: 16px
}
.preview-player-modal .preview-chapter-list li.li-loading {
	height: 125px
}
.rating-list-modal .rating-block-header {
	padding: 16px
}
.rating-list-modal .rating-block-header .title {
	font-size: 20px
}
.rating-list-modal .rating-list-container {
	max-height: 332px
}
.rating-list-modal .rating-list-container .rating-list-inner {
	padding: 30px 40px
}
.rating-list-modal .rating-list-container .block {
	margin-bottom: 30px;
	padding: 0px;
	border: none
}
.rating-list-modal .rating-list-container .rating-header {
	display: block
}
.rating-list-modal .rating-list-container .rating-header .avatars-36,.rating-list-modal .rating-list-container .rating-header .author {
	float: left
}
.rating-list-modal .rating-list-container .rating-header .info {
	float: left;
	margin-left: 52px;
	text-align: left
}
.rating-list-modal .rating-list-container .rating-header .info .rating-area .star-group span {
	font-size: 16px;
	color: #ffc669
}
.rating-list-modal .rating-list-container .rating-header: before {
	display: table;
	content: " "
}
.rating-list-modal .rating-list-container .rating-header: after {
	clear: both;
	display: block;
	content: "";
	height: 0
}
.rating-list-modal .rating-list-container .rating-content {
	margin-top: 30px;
	margin-left: 0
}
.rating-list-modal .rating-list-container .reply {
	margin-left: 0px
}
}@media(max-width: 567px) {
	.modal-nor .modal-body {
	max-height: 550px;
	overflow-y: auto
}
.modal-nor .btn-block {
	text-align: center
}
.modal-nor .btn-block .close-modal-btn {
	float: none !important
}
.preview-player-modal button.modal-close-btn {
	width: 30px;
	height: 30px;
	right: 5px
}
}@media only screen and (min-width: 1200px) {
	.modal-lg {
	width: 1170px
}
.modal-lg.gallery-modal {
	width: inherit;
	max-width: 90vw
}
}.post-discussion-modal .no-nickname-input {
	display: none
}
.post-discussion-modal .no-nickname .no-nickname-input {
	display: block
}
.cancel-order-modal .form {
	width: 100%
}
.cancel-order-modal .message {
	line-height: 1.5;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 16px
}
@media(max-width: 567px) {
	.cancel-order-modal .message {
	font-size: 14px
}
}.cancel-order-modal .btn-area {
	display: flex;
	justify-content: space-between
}
.cancel-order-modal .btn-area .btn {
	height: 50px;
	width: calc(50% - 10px);
	font-size: 16px;
	font-weight: 500;
	border-radius: 4px;
	border: solid 2px #019fde;
	color: #019fde;
	padding: 0
}
@media(max-width: 567px) {
	.cancel-order-modal .btn-area .btn {
	height: 42px;
	font-size: 14px
}}
.cancel-order-modal .btn-area .btn: first-of-type {
	background: #019fde;
	color: #fff
}
footer {
	padding: 0;
	width: 100%;
	background-color: #F1F5F8;
	background-image: url('/upload/footer-bg.png?v=20251205');
	background-repeat: no-repeat;
	background-position: right 60px bottom;
	background-size: auto;
}
@media(max-width: 567px) {
	footer {
	background-size: 200px;
	background-position: right 10px bottom;
}}
.newFooter-inner {
	margin: 0 auto;
	padding-top: 40px;
	width: 1210px;
	font-size: 16px;
	padding-bottom: 150px;
}
@media(max-width: 1240px) {
	.newFooter-inner {
	width: 1010px
}
}@media(max-width: 1040px) {
	.newFooter-inner {
	width: 740px
}
}@media(max-width: 768px) {
	.newFooter-inner {
	width: 568px
}
}@media(max-width: 567px) {
	.newFooter-inner {
	width: 100%
}
}.newFooter-inner .innerFlex {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 40px
}
.newFooter-inner .innerFlex ul:first-child {
	flex: 0 0 350px;
	margin-right: 100px;
}
@media(max-width: 567px) {.newFooter-inner .innerFlex ul:first-child{margin-right: 0;flex: 0;grid-column: 1 / -1;}}

.newFooter-inner .innerFlex ul:not(:first-child) {
  flex: 1;             /* 剩下的 ul 平均分配剩餘空間 */
}
.newFooter-inner .innerFlex ul {
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}
.newFooter-inner .innerFlex ul div {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #333333;
}
.newFooter-inner .innerFlex ul li {
	cursor: default;
	margin-bottom: 10px;
	font-size: 18px;
	color: #3F3F3F;
	font-weight: 400;
}
.newFooter-inner .innerFlex ul li: last-child {
	margin-bottom: 0
}
.newFooter-inner .innerFlex ul li a {
	width: fit-content;
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor: pointer;
	transition: color .4s ease-in-out
}
.newFooter-inner .innerFlex ul li.sociel{
	display: flex;
}
.newFooter-inner .innerFlex ul li.sociel a.contact {
	background: #3175FA;
	color: #FFFFFF;
	padding: 8px 20px;
	display: block;
	font-size: 18px;
	border-radius: 8px;
}
.newFooter-inner .innerFlex ul li.sociel a{
	padding:0 8px;
}
.newFooter-inner .innerFlex ul li.sociel a i{
	font-size: 24px;
	color:#565656;
}
.newFooter-inner .innerFlex ul li a.underline {
	text-decoration: underline
}
.newFooter-inner .innerFlex ul li a.inline {
	display: inline-block
}
.newFooter-inner .innerFlex ul li a: hover {
	color: #019fde
}
.newFooter-inner .innerFlex ul li a: hover .svg-icon {
	fill: #019fde !important
}
.newFooter-inner .innerFlex ul li a: active {
	color: #707070
}
.newFooter-inner .innerFlex ul li a: active .svg-icon {
	fill: #707070 !important
}
.newFooter-inner .innerFlex ul li a: focus {
	color: #707070
}
.newFooter-inner .innerFlex ul li a: focus .svg-icon {
	fill: #707070 !important
}
.newFooter-inner .innerFlex ul li a .svg-icon {
	margin-right: 10px
}
.newFooter-inner .footerBt {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0;
	color: #4c545a
}
.newFooter-inner .go2top {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	transition: color .4s ease-in-out
}
.newFooter-inner .go2top: hover a {
	color: #019fde
}
.newFooter-inner .go2top: hover .svg-icon {
	fill: #019fde !important
}
.newFooter-inner .go2top: active a {
	color: #4c545a !important
}
.newFooter-inner .go2top: active .svg-icon {
	fill: #4c545a !important
}
.newFooter-inner .go2top: focus a {
	color: #4c545a !important
}
.newFooter-inner .go2top: focus .svg-icon {
	fill: #4c545a !important
}
.newFooter-inner .go2top .svg-icon {
	margin-right: 5px
}
.newFooter-inner .go2top-btn {
	display: flex;
	flex-direction: row-reverse;
	border-bottom: solid 1px rgba(0,0,0,.12);
	padding-bottom: 10px
}
.newFooter-inner .go2top {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	transition: color .4s ease-in-out
}
.newFooter-inner .go2top: hover a {
	color: #019fde
}
.newFooter-inner .go2top: hover .svg-icon {
	fill: #019fde !important
}
.newFooter-inner .go2top: active a {
	color: #4c545a !important
}
.newFooter-inner .go2top: active .svg-icon {
	fill: #4c545a !important
}
.newFooter-inner .go2top: focus a {
	color: #4c545a !important
}
.newFooter-inner .go2top: focus .svg-icon {
	fill: #4c545a !important
}
.newFooter-inner .go2top .svg-icon {
	margin-right: 5px
}
.newFooter-inner .company__detail {
	display: flex;
	align-items: center;
	font-size: 14px
}
.newFooter-inner .company__detail.company__taxID {
	display: flex;
	flex-direction: column
}
.body--inbox footer,.body--explore footer,.body--invite footer,.body--my-course footer,.body--apply.s--step--2 footer,.body--change-password footer,.body--event footer {
	margin-top: 100px
}
@media(max-width: 1440px) {
	.newFooter-inner {
	padding-left: 100px;
	padding-right: 100px;
	width: 100%
}
}@media(max-width: 1040px) {
	.introv2 footer {
	padding-bottom: 78px
}
}@media(max-width: 991px) {
	.body--inbox footer,.body--explore footer,.body--invite footer,.body--my-course footer,.body--apply.s--step--2 footer,.body--change-password footer,.body--event footer {
	margin-top: 60px
}
}
@media(max-width: 567px) {
	.newFooter-inner {
	padding: 20px;
	font-size: 14px
}
.newFooter-inner .innerFlex {
	flex-direction: column;
	border-bottom: none;
	padding-bottom: 50px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	display: grid;
}
.newFooter-inner .innerFlex ul {
	border-bottom: 0;
	padding: 20px 0
}
.newFooter-inner .innerFlex ul: last-of-type {
	border-bottom: none
}
.newFooter-inner .innerFlex ul div {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px
}
.newFooter-inner .innerFlex ul div img{
	width: 250px;
}
.newFooter-inner .innerFlex ul li{
	font-size: 14px;
}
.newFooter-inner .footerBt {
	justify-content: center;
	flex-direction: column;
	padding: 12px 0
}
.newFooter-inner .go2top {
	display: none
}
.newFooter-inner .company__detail {
	font-size: 12px
}
.introv2 footer {
	padding-bottom: 68px
}
.newFooter-inner .innerFlex ul li.sociel a.contact{
	font-size: 14px;
}
}
.c-course-card {
	box-sizing: border-box;
	height: fit-content;
	border-radius: 8px;
	display: inline-flex;
	flex-direction: column;
	justify-self: center;
	box-shadow: 0 2px 15px -2px rgba(0,0,0,.12),0 2px 6px -2px rgba(0,0,0,.05);
	transition: all ease-in-out .3s;
	background: #fff;
	cursor: pointer
}

.c-course-card:hover {
	color: unset;
	transform: translateY(-6px);
	box-shadow: 0 2px 15px 1px rgba(0,0,0,.12)
}
@media(max-width: 768px) {
	.c-course-card .hide--pad {
	display: flex !important
}
}@media(max-width: 567px) {
	.c-course-card .hide--mobile {
	display: flex !important
}
}.c-course-card a {
	display: block
}
.c-course-card a: hover {
	color: unset
}
@keyframes pound {
	0% {
	transform: translateX(-50%) translateY(-50%) scale(1)
}
70% {
	transform: translateX(-50%) translateY(-50%) scale(1.4)
}
100% {
	transform: translateX(-50%) translateY(-50%) scale(1)
}
}.c-course-card .l-cover-wrapper {
	position: relative
}
.c-course-card .c-promotion-tag {
	position: absolute;
	z-index: 5;
	background: #ff5b74;
	height: 28px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .6px;
	min-width: 90px;
	left: -5px;
	color: #fff;
	bottom: 10px
}
.c-course-card .c-promotion-tag .svg-icon {
	fill: #fff
}
.c-course-card .c-promotion-tag>span {
	margin: 0 5px;
	height: 100%;
	display: flex;
	align-items: center;
	line-height: 28px
}
@media(max-width: 567px) {
	.c-course-card .c-promotion-tag {
	height: 22px;
	min-width: 72px;
	font-size: 12px;
	bottom: 31px
}
}.c-course-card .c-promotion-tag: : after {
	content: "";
	display: block;
	width: 5px;
	border-top: 5px solid #dd4b60;
	border-left: 5px solid transparent
}
@media(max-width: 567px) {
	.c-course-card .c-promotion-tag: : after {
	display: none
}
}.c-course-card .bs-tip-show-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%
}
.c-course-card .bs-tip-show-icon+.tooltip .tooltip-arrow: after {
	background: #373d40
}
.c-course-card .bs-tip-show-icon+.tooltip .tooltip-inner {
	text-align: left;
	background: #373d40;
	font-size: 14px;
	color: #fff;
	max-width: unset;
	padding: 4px 8px;
	border-radius: 4px
}
@media(max-width: 567px) {
	.c-course-card .bs-tip-show-icon+.tooltip .tooltip-inner {
	font-size: 10px
}
}.c-course-card .svg-icon {
	margin: 0 5px 0 0;
	fill: #4c545a;
	height: 16px;
	width: 16px
}
@media(max-width: 567px) {
	.c-course-card .svg-icon {
	height: 12px;
	width: 12px
}
}.c-course-card .c-card__img {
	height: 200px;
	position: relative;
	overflow: hidden;
	border-radius: 8px 8px 0 0
}
.c-course-card .c-card__img img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
@media(max-width: 1040px) {
	.c-course-card .c-card__img img {
	border-radius: 4px
}}
@media(max-width: 567px) {
	.c-course-card .c-card__img img {
	height: 100%;
}}
@media(max-width: 1040px) {
	.c-course-card .c-card__img {
	border-radius: 0
}
}
.c-course-card .c-card__badge {
	position: absolute;
	height: 30px;
	width: 30px;
	/* border-radius: 50%; */
	top: 10px;
	overflow: hidden;
	cursor: pointer;
	right: 10px;
}
.c-course-card .c-card__badge i {
	font-size: 22px;
	color: #ffffff;
}
.c-course-card .c-card__badge i.icon-heart {
  color: #FD63A1;
}
.c-course-card .c-card__badge:hover{
	fill: #fff !important;
}
.c-course-card .c-card__tag {
	cursor: pointer;
	background: #F3B94B;
	width: 60px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	border-radius: 5px;
	height: 24px;
	top: 10px;
	position: absolute;
	left: 10px;
	align-items: center;
	justify-content: center;
	display: flex;
	line-height: 20px;
}
.c-course-card .c-card__badge img,.c-course-card .c-card__badge .svg-icon {
	position: absolute
}
.c-course-card .c-card__badge .c-badge__img {
	opacity: 0
}
.c-course-card .c-card__badge .svg-icon {
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	height: 22px;
	width: 22px;
	fill: #fff !important
}
.c-course-card .c-card__badge .svg-icon.fav_fill {
	opacity: 0
}
.c-course-card .c-card__badge.s--mouseover .svg-icon.fav_fill {
	opacity: 1
}
.c-course-card .c-card__badge.s--teacher {
	border: 1px solid #fff;
	transform: translateX(20px) translateY(0) scale(1.45)
}
.c-course-card .c-card__badge.s--teacher .c-badge__img {
	z-index: 11;
	height: 100%;
	opacity: 1
}
.c-course-card .c-card__badge.s--show: not(.s--teacher) {
	border: none;
	transform: translateX(20px) translateY(0)
}
.c-course-card.s--online .title--price {
	color: #0C163A;
	font-size: 22px;
	font-weight: 700;
}
.c-course-card.s--online .title--price .js-price{
	padding-left: 6px;
}
.c-course-card.s--online .mark__dot {
	background: #019fde
}
.c-course-card.s--online .svg-icon.star,.c-course-card.s--online .svg-icon.star-fill {
	fill: #019fde
}
.c-course-card.s--online .meta--teacher a: hover {
	color: #019fde
}
.c-course-card.s--almostReady .title--price {
	color: #019fde
}
.c-course-card.s--almostReady .mark__dot {
	background: #019fde
}
.c-course-card.s--almostReady .progress__bar {
	background-color: #019fde
}
.c-course-card.s--almostReady .meta--teacher a: hover {
	color: #019fde
}
.c-course-card.s--offline .title--price {
	color: #6c9
}
.c-course-card.s--offline .mark__dot {
	background: #6c9
}
.c-course-card.s--offline .meta--teacher a: hover {
	color: #6c9
}
.c-course-card.s--fundraising .title--price {
	color: #ff5b74
}
.c-course-card.s--fundraising .mark__dot {
	background: #ff5b74
}
.c-course-card.s--fundraising .meta--teacher a: hover {
	color: #ff5b74
}
.c-course-card.s--fundraising .progress__bar {
	background-color: #ff5b74
}
.c-course-card.s--fail .mark__dot {
	background: #4c545a
}
.c-course-card.s--fundraising .content__mark,.c-course-card.s--almostReady .content__mark,.c-course-card.s--fail .content__mark {
	border: none;
	padding-top: 12px
}
.c-course-card.s--collected .svg-icon.fav_fill {
	opacity: 1;
	animation: pound .3s ease-in-out 1
}
.c-course-card.s--collected .c-card__badge {
	border: none;
	transform: translateX(20px) translateY(0)
}
.c-course-card.s--collected .c-card__badge.s--teacher {
	transform: translateX(20px) translateY(0) scale(1.45)
}
.c-course-card.s--collected .c-card__badge {
	border: none;
	transform: translateX(20px) translateY(0)
}
.c-course-card.s--collected .fav {
	opacity: 0
}
.c-course-card.s--collected .fav_fill {
	opacity: 1
}
.c-course-card.s--collected.s--offline .fav_fill {
	fill: #6c9
}
.c-course-card.s--collected.s--fundraising .fav_fill {
	fill: #ff5b74
}
.c-course-card.s--collected.s--online .fav_fill,.c-course-card.s--collected.s--almostReady .fav_fill {
	fill: #019fde
}
.c-course-card .c-card__content {
	padding: 20px;
	position: relative
}
@media(max-width: 567px) {.c-course-card .c-card__content{padding: 15px;}}

.c-course-card .content__title {
	font-size: 18px;
	font-weight: 700;
	height: 54px;
	overflow: hidden;
	line-height: 1.3;
	margin-bottom: 3px;
	text-align: left;
	color: #333333;
}
.c-course-card .title--price {
	height: unset;
	display: flex;
	align-items: center;
	font-weight: 600;
	height: 28px;
	margin-bottom: 6px;
	margin-left: auto;
}
.c-course-card .title--price s {
	font-weight: 400;
	color: #707070;
	font-size: 14px;
	margin-left: 5px
}
.c-course-card .title--status {
	height: unset;
	display: flex;
	align-items: center;
	font-weight: 600;
	height: 28px;
	margin-bottom: 6px;
	justify-content: space-between;
}
.c-course-card .content__meta {
	display: flex;
	/* justify-content: space-between; */
	margin-bottom: 7px;
	overflow: hidden;
	white-space: nowrap;
	height: 22px;
	line-height: 1.19
}
.c-course-card .content__meta.meta--teacher {
	font-size: 14px;
    font-weight: 700;
    color:#7C7C7C;
}
.c-course-card .content__meta p {
	line-height: 16px;
	height: 100%;
	display: flex;
	align-items: center;
	color: #7C7C7C;
	font-size: 14px;
	font-weight: 500;
	padding-right: 15px;
}
@media(max-width: 567px) {.c-course-card .content__meta p{padding-right: 10px;}}

.c-course-card .content__meta p i{
	color: #F3B94B;
	font-size: 18px;
}
.c-course-card .meta--rating {
	justify-content: unset;
	align-items: center
}
.c-course-card .meta--rating .star-group {
	pointer-events: none;
	margin-right: 5px;
	height: 16px
}
.c-course-card .meta--rating .star-group .svg-icon {
	margin-right: 3px
}
.c-course-card .meta--rating p {
	height: 16px
}
@media(max-width: 567px) {
	.c-course-card .meta--rating p {
	font-size: 14px
}
}.c-course-card .meta--time {
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 7px;
	display: flex;
	align-items: center;
	line-height: 1.19;
	height: 22px
}
.c-course-card .meta--time .svg-icon {
	flex-shrink: 0
}
.c-course-card .fund__text {
	display: flex;
	justify-content: space-between;
	height: 22px;
	margin-bottom: 3px
}
.c-course-card .fund__text p {
	display: flex;
	align-items: center
}
.c-course-card .content__mark {
	font-size: 14px;
	display: flex;
	justify-content: right;
	align-items: center;
	line-height: 1.14;
	padding-top: 30px;
}
.c-course-card .mark__dot {
	height: 6px;
	width: 6px;
	border-radius: 50%;
	margin-right: 5px
}
.c-course-card .progress__wrapper {
	height: 4px;
	background-color: #d9d9d9;
	border-radius: 5px;
	overflow: hidden;
	position: relative
}
.c-course-card .progress__bar {
	position: absolute;
	z-index: 4;
	height: 100%;
	border-radius: 5px
}
.c-course-card .card-countdown span {
	color: #ff5b74;
	font-weight: 500
}
.c-course-card.s--almostReady .card-countdown span {
	color: #019fde
}
.c-course-card .card__fav {
	background: transparent;
	border: none;
	padding: 0;
	height: 20px;
	width: 20px;
	position: absolute;
	bottom: 20px;
	align-items: center;
	justify-content: center;
	right: 0;
	display: none
}
.c-course-card .card__fav .svg-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%)
}
.c-course-card .card__fav .svg-icon {
	margin: 0
}
.c-course-card .card__fav .fav_fill {
	opacity: 0
}
.card--explore .show.c-card__badge {
	transform: translateX(20px) translateY(0%)
}
.card--event .c-card__tag {
	position: absolute;
	bottom: 10px;
	height: 18px;
	background: #ff5b74;
	line-height: 18px;
	display: flex;
	align-items: center;
	font-size: 12px;
	line-height: 1.17;
	color: #fff;
	font-weight: 500;
	padding: 4px;
	border-radius: 4px;
	left: 20px
}
@media(max-width: 567px) {
	.card--event .c-card__tag {
	left: 10px
}
}@media(max-width: 1240px) {
	.card--event {
	width: 230px;
	height: 352px
}
}@media(max-width: 567px) {
	.card--event {
	width: 184px;
	height: 222px
}
}@media(max-width: 1240px) {
	.card--event .c-card__img img {
	height: 130px
}
}@media(max-width: 567px) {
	.card--event .c-card__img img {
	height: 103px
}
}@media(max-width: 567px) {
	.card--event .c-card__badge {
	height: 28px;
	width: 28px;
	top: 10px;
	transform: translateX(10px) translateY(-170%)
}
.card--event .c-card__badge .svg-icon {
	height: 18px;
	width: 18px
}
}@media(max-width: 567px) {
	.card--event.s--collected .c-card__badge {
	transform: translateX(10px) translateY(0)
}
}@media(max-width: 567px) {
	.card--event .c-card__badge.s--show {
	transform: translateX(10px) translateY(0)
}
}@media(max-width: 1240px) {
	.card--event .c-card__content {
	padding: 10px 15px
}
}@media(max-width: 567px) {
	.card--event .c-card__content {
	padding: 5px 10px
}
}@media(max-width: 1240px) {
	.card--event .content__title {
	font-size: 18px;
	line-height: 24px;
	height: 50px
}
}@media(max-width: 567px) {
	.card--event .content__title {
	height: 38px;
	font-size: 14px;
	line-height: 18px
}
}@media(max-width: 1240px) {
	.card--event .content__title.title--price {
	height: 25px;
	font-size: 18px
}
}@media(max-width: 567px) {
	.card--event .content__title.title--price {
	height: 20px;
	font-size: 14px;
	margin-bottom: 3px
}
}@media(max-width: 1240px) {
	.card--event .content__meta {
	font-size: 16px
}
.card--event .content__meta .svg-icon {
	height: 16px;
	width: 16px;
	margin-right: 5px
}
}@media(max-width: 567px) {
	.card--event .content__meta {
	font-size: 14px;
	margin-bottom: 5px;
	height: 20px
}
.card--event .content__meta .svg-icon {
	display: none
}
}@media(max-width: 567px) {
	.card--event .content__meta.meta--last {
	margin-bottom: 0
}
}@media(max-width: 567px) {
	.card--event .meta--rating .star-group .svg-icon {
	display: inline-block;
	height: 12px;
	width: 12px
}
}@media(max-width: 567px) {
	.card--event .fund__text {
	font-size: 14px
}
.card--event .fund__text .svg-icon {
	display: none
}
}@media(max-width: 567px) {
	.card--event .fund__progress {
	display: none
}
}@media(max-width: 567px) {
	.card--event .content__mark {
	display: none
}
}.style-guidev2 .banner {
	font-size: 34px;
	font-weight: 500;
	line-height: 1.5
}
@media(min-width: 568px) {
	.style-guidev2 .banner {
	font-size: 42px
}
}@media(min-width: 1041px) {
	.style-guidev2 .banner {
	font-size: 54px
}
}.style-guidev2 h1 {
	font-size: 22px;
	font-weight: 500;
	line-height: 28px
}
@media(min-width: 568px) {
	.style-guidev2 h1 {
	font-size: 28px;
	line-height: 1.5
}
}@media(min-width: 1041px) {
	.style-guidev2 h1 {
	font-size: 34px
}
}.style-guidev2 h2 {
	font-size: 22px;
	font-weight: 500;
	line-height: 28px
}
@media(min-width: 568px) {
	.style-guidev2 h2 {
	font-size: 28px;
	line-height: 1.5
}
}.style-guidev2 h3 {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px
}
@media(min-width: 568px) {
	.style-guidev2 h3 {
	font-size: 22px;
	line-height: 28px
}
}.style-guidev2 h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 22px
}
@media(min-width: 568px) {
	.style-guidev2 h4 {
	font-size: 20px;
	line-height: 26px
}
}.style-guidev2 h5 {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px
}
@media(min-width: 568px) {
	.style-guidev2 h5 {
	font-size: 18px;
	line-height: 24px
}
}.style-guidev2 h6 {
	font-size: 15px;
	font-weight: 500;
	line-height: 20px
}
@media(min-width: 568px) {
	.style-guidev2 h6 {
	font-size: 18px;
	line-height: 24px
}
}.style-guidev2 button {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px
}
@media(min-width: 568px) {
	.style-guidev2 button {
	font-size: 16px;
	line-height: 22px
}
}.style-guidev2 p {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px
}
@media(min-width: 568px) {
	.style-guidev2 p {
	font-size: 16px;
	line-height: 22px
}
}.style-guidev2 label {
	font-size: 12px;
	font-weight: 500;
	line-height: 18px
}
@media(min-width: 568px) {
	.style-guidev2 label {
	font-size: 14px;
	line-height: 20px
}
}.o-button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 40px;
	line-height: 1;
	border-radius: 4px;
	border: none;
	color: #fff;
	background-color: #019fdf
}
.o-button: hover {
	color: #fff;
	background-color: #21abe3
}
.o-button: active,.o-button: focus {
	color: #fff;
	background-color: #1794d0
}
.o-button--secondary {
	background-color: #ff5b73
}
.o-button--secondary: hover {
	background-color: #ff6a80
}
.o-button--secondary: active,.o-button--secondary: focus {
	background-color: #f0556b
}
.o-button--tertiary {
	background-color: #38c1a1
}
.o-button--tertiary: hover {
	background-color: #47d8b6
}
.o-button--tertiary: active,.o-button--tertiary: focus {
	background-color: #34b496
}
.o-button.is-disabled,.o-button: disabled {
	background-color: #bbb;
	border: none;
	color: #fff
}
.o-button.is-disabled .svg-icon,.o-button: disabled .svg-icon {
	fill: #fff
}
@media(min-width: 568px) {
	.o-button {
	height: 50px
}
}.o-outline-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 40px;
	line-height: 1;
	border-radius: 4px;
	border: 1px solid #019fdf;
	color: #019fdf;
	background-color: #fff
}
.o-outline-btn: hover {
	border: 1px solid #21abe3;
	color: #21abe3
}
.o-outline-btn: active,.o-outline-btn: focus {
	border: 1px solid #1794d0;
	color: #1794d0
}
.o-outline-btn--secondary {
	border: 1px solid #ff5b73;
	color: #ff5b73
}
.o-outline-btn--secondary: hover {
	border: 1px solid #ff6a80;
	color: #ff6a80
}
.o-outline-btn--secondary: active,.o-outline-btn--secondary: focus {
	border: 1px solid #f0556b;
	color: #f0556b
}
.o-outline-btn--tertiary {
	border: 1px solid #38c1a1;
	color: #38c1a1
}
.o-outline-btn--tertiary: hover {
	border: 1px solid #47d8b6;
	color: #47d8b6
}
.o-outline-btn--tertiary: active,.o-outline-btn--tertiary: focus {
	border: 1px solid #34b496;
	color: #34b496
}
.o-outline-btn--vice {
	border: 1px solid rgba(0,0,0,.1);
	color: #707070
}
.o-outline-btn.is-disabled {
	background-color: #bbb;
	border: none;
	color: #fff
}
.o-outline-btn.is-disabled .svg-icon {
	fill: #fff
}
@media(min-width: 568px) {
	.o-outline-btn {
	height: 50px
}
}.o-short-btn {
	width: 80px;
	height: 40px;
	border-radius: 4px;
	border: none;
	color: #fff;
	background-color: #019fdf
}
.o-short-btn: hover {
	background-color: #21abe3
}
.o-short-btn: active {
	background-color: #1794d0
}
.o-short-btn--secondary {
	background-color: #ff5b73
}
.o-short-btn--secondary: hover {
	background-color: #ff6a80
}
.o-short-btn--secondary: active {
	background-color: #f0556b
}
.o-short-btn--tertiary {
	background-color: #38c1a1
}
.o-short-btn--tertiary: hover {
	background-color: #47d8b6
}
.o-short-btn--tertiary: active {
	background-color: #34b496
}
.o-short-btn.is-disabled {
	background-color: #bbb;
	border: none;
	color: #fff
}
.o-short-btn.is-disabled .svg-icon {
	fill: #fff
}
@media(min-width: 568px) {
	.o-short-btn {
	height: 50px
}
}.o-round-btn {
	width: 100px;
	height: 40px;
	border-radius: 25px;
	border: none;
	color: #fff;
	background-color: #019fdf
}
.o-round-btn: hover {
	background-color: #21abe3
}
.o-round-btn: active {
	background-color: #1794d0
}
.o-round-btn.is-disabled {
	background-color: #bbb;
	border: none;
	color: #fff
}
.o-round-btn.is-disabled .svg-icon {
	fill: #fff
}
@media(min-width: 568px) {
	.o-round-btn {
	height: 50px
}
}.c-small-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 64px;
	height: 26px;
	border-radius: 2px;
	border: none;
	color: #fff;
	background-color: #019fdf;
	padding: 4px 8px;
	font-size: 12px;
	line-height: 18px
}
.c-small-btn .svg-icon {
	fill: #fff;
	width: 14px;
	margin-right: 5px
}
.c-small-btn: hover {
	background-color: #21abe3
}
.c-small-btn: active {
	background-color: #1794d0
}
.c-small-btn.is-disabled {
	background-color: #bbb;
	border: none;
	color: #fff
}
.c-small-btn.is-disabled .svg-icon {
	fill: #fff
}
@media(min-width: 568px) {
	.c-small-btn {
	height: 28px;
	font-size: 14px;
	line-height: 20px
}
.c-small-btn .svg-icon {
	width: 16px
}
}.c-small-outline-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 64px;
	height: 26px;
	border-radius: 2px;
	border: 1px solid #019fdf;
	color: #019fdf;
	background-color: #fff;
	padding: 4px 8px;
	font-size: 12px;
	line-height: 18px
}
.c-small-outline-btn .svg-icon {
	fill: #019fdf;
	width: 14px;
	margin-right: 5px
}
.c-small-outline-btn: hover {
	border: 1px solid #21abe3;
	color: #21abe3
}
.c-small-outline-btn: hover .svg-icon {
	fill: #21abe3
}
.c-small-outline-btn: active {
	border: 1px solid #1794d0;
	color: #1794d0
}
.c-small-outline-btn: active .svg-icon {
	fill: #1794d0
}
.c-small-outline-btn.is-disabled {
	background-color: #bbb;
	border: none;
	color: #fff
}
.c-small-outline-btn.is-disabled .svg-icon {
	fill: #fff
}
@media(min-width: 568px) {
	.c-small-outline-btn {
	height: 28px;
	font-size: 14px;
	line-height: 20px
}
.c-small-outline-btn .svg-icon {
	width: 16px
}
}: : placeholder {
	color: #909090
}
.c-input-group {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	height: 34px;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #4c545a;
	box-sizing: border-box
}
.c-input-group .svg-icon {
	width: 15px;
	height: 15px;
	fill: #909090
}
.c-input-group: focus-within {
	border: 1px solid #019fdf
}
.c-input-group__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 0 10px;
	padding: 0;
	border: none;
	background: none
}
.c-input-group__input {
	flex-grow: 1;
	height: 100%;
	padding: 6px 10px;
	border: none;
	background-color: rgba(0,0,0,0)
}
.c-input-group--filled {
	border-color: #f5f5f5;
	background-color: #f5f5f5
}
.c-input-group.has-msg {
	margin-bottom: 25px
}
.c-input-group.is-error {
	border-color: #ff5b73
}
.c-input-group.is-error .c-error-msg {
	display: flex
}
.c-input-group.is-disabled {
	border: none;
	color: #fff;
	background-color: #bbb;
	cursor: not-allowed
}
.c-input-group.is-disabled .svg-icon {
	fill: #fff
}
.c-input-group.is-disabled .c-input-group__btn,.c-input-group.is-disabled .c-input-group__input {
	pointer-events: none
}
@media(min-width: 568px) {
	.c-input-group {
	height: 40px
}
.c-input-group .svg-icon {
	width: 18px;
	height: 18px
}
.c-input-group__input {
	padding: 8px 10px
}
.c-input-group.has-msg {
	margin-bottom: 30px
}
}.c-error-msg {
	display: none;
	align-items: center;
	width: 100%;
	margin-top: 5px;
	color: #ff5b73;
	font-weight: 500
}
.c-error-msg .svg-icon {
	width: 14px;
	height: 14px;
	margin: 0 5px 0 0
}
.c-error-msg__span {
	font-size: 14px;
	line-height: 16px
}
@media(min-width: 568px) {
	.c-error-msg {
	margin-top: 7px
}
.c-error-msg .svg-icon {
	width: 16px;
	height: 16px
}
.c-error-msg__span {
	font-size: 16px;
	line-height: 19px
}
}.c-label-tag {
	padding: 8px 10px;
	font-size: 14px;
	border-radius: 18px;
	border: 1px solid #ddd;
	cursor: pointer
}
.c-label-tag: hover {
	color: #019fdf
}
input: checked+.c-label-tag {
	color: #fff;
	border: 1px solid #019fdf;
	background-color: #019fdf
}
input: disabled+.c-label-tag {
	color: #fff;
	border: 1px solid #bbb;
	background-color: #bbb;
	cursor: not-allowed
}
.c-select {
	position: relative;
	cursor: pointer
}
.c-select.is--open .c-select__input {
	border: 1px solid #019fdf
}
.c-select.is--open .sort-desc {
	transform: rotate(180deg)
}
.c-select .sort-desc {
	transform-origin: center;
	transition: .3s transform ease-in
}
.c-select__input {
	height: 34px;
	padding: 6px 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 4px
}
.c-select__list {
	width: 100%;
	position: absolute;
	top: calc(100% + 10px);
	border: 1px solid #ddd;
	border-radius: 4px;
	z-index: 1;
	overflow: hidden
}
.c-select__list .list__item {
	height: 34px;
	padding: 6px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	border-bottom: 1px solid #ddd
}
.c-select__list .list__item: hover {
	color: #fff;
	background-color: #019fdf
}
.c-select__list .list__item: last-child {
	border-bottom: none
}
.c-select__list .list__item .svg-icon {
	opacity: 0
}
.c-select__list .list__item.is--selected: hover .svg-icon {
	fill: #fff
}
.c-select__list .list__item.is--selected .svg-icon {
	opacity: 1
}
@media(min-width: 568px) {
	.c-select__input,.c-select__list .list__item {
	height: 40px
}
}.emojis {
	height: 200px;
	width: 290px;
	overflow: scroll;
	color: #222427;
	border: 1px solid #d9d9d9;
	background: #fff;
	z-index: 5
}
.emojis .emoji {
	display: inline-block;
	font-size: 24px;
	width: 24px;
	padding: 6px;
	line-height: 1;
	cursor: default;
	font-weight: 400;
	font-family: "Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;
	box-sizing: content-box
}
.emojis .emoji-categories {
	border-bottom: 1px solid #d9d9d9
}
.emojis .emoji-category {
	padding: 4px;
	line-height: 14px;
	display: inline-block
}
.emojis .emoji-category: hover {
	border-bottom: 3px solid #ebebeb
}
.emojis .emoji-category__active {
	border-bottom: 3px solid #81409b !important
}
.emojis .emoji-category__active svg {
	fill: #81409b !important
}
.emojis .emoji-category svg {
	fill: #858585;
	max-height: 16px
}
.emojis .emoji-category svg: hover {
	fill: #000
}
.emojis .emoji-container {
	height: 170px;
	overflow: scroll
}
.form-control {
	box-shadow: none;
	border-color: #d3dee5
}
.form-control: focus {
	box-shadow: none;
	border-color: #019fde
}
select.form-control {
	border-radius: 0px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding-right: 15px;
	background: url(data: image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 12px
}
.yotta-form {
	margin-top: 30px
}
.yotta-form .form-group .control-label {
	font-weight: normal
}
.yotta-form .form-group .checkbox {
	text-align: left
}
.yotta-form .form-group .yotta-form-submit {
	margin: 0 auto;
	display: block;
	margin-top: 20px
}
.has-feedback .form-control-feedback {
	display: block
}
.has-feedback .form-control {
	padding-right: 12px
}
.has-feedback .file-error-msg {
	display: inline-block;
	font-family: PingFangTC;
	font-size: 16px;
	line-height: 1;
	text-align: left;
	color: #ff5b74;
	margin-left: 16px;
	font-weight: normal
}
.has-error .form-control {
	border: 1px solid #ff5b74
}
.has-error .form-control: focus {
	border: 1px solid #ff5b74
}
.has-error .control-label {
	color: #4c545a
}
.has-error .error-msg {
	display: block;
	color: #ff5b74;
	font-weight: normal;
	font-size: 12px
}
.has-error .error-msg-icon {
	display: block
}
.has-error .help-block {
	color: #8b9195
}
.fileinput-button {
	position: relative;
	overflow: hidden;
	display: inline-block;
	border: none;
	box-shadow: none
}
.fileinput-button: hover,.fileinput-button: active,.fileinput-button: focus {
	border: none;
	box-shadow: none;
	color: #33b2e4
}
.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	font-size: 200px !important;
	direction: ltr;
	cursor: pointer
}
.fileinput-button.btn-blue: hover {
	color: #fff
}
@media screen\9 {
	.fileinput-button input {
	filter: alpha(opacity=0);
	font-size: 100%;
	height: 100%
}
}.body--login {
	min-height: 100vh
}
.body--login .l-login__page {
	width: 440px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 20px
}
@media(max-width: 567px) {
	.body--login .l-login__page {
	width: 300px
}
}.body--login .l-login__page .wrapper {
	padding: 0
}
.body--login .l-login__page .modal--welcome {
	padding: 0
}
.body--login .modal__body {
	margin: 0 auto
}
.body--login .login-form {
	padding: 0;
	margin: 0 auto
}
.body--login .footer {
	position: absolute;
	bottom: 0
}
.parallax-mirror {
	background: linear-gradient(73deg, #019fde, #3fe6ff)
}
.about-video-block {
	position: relative
}
.about-video-block .video-bg {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 65vh;
	overflow: hidden;
	background: transparent url(../image/about/video-bg.png) scroll no-repeat 50% 50%;
	background-size: cover
}
.about-video-block .video-bg video {
	width: 100%
}
.about-block .about-block-inner {
	width: 80vw;
	margin: 0 auto
}
.about-block h3 {
	font-size: 36px;
	font-weight: 500
}
.about-block.intro {
	text-align: left;
	position: relative;
	height: 65vh;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	font-weight: 500
}
.about-block.intro h3 {
	padding-bottom: 30px
}
.about-block.intro p {
	font-size: 20px;
	line-height: normal
}
.about-block.info {
	padding: 60px;
	background-image: linear-gradient(to right, #019fde, #3fe6ff);
	color: #fff
}
.about-block.info .box-list {
	width: 60vw;
	margin: 0 auto
}
.about-block.info .box {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 90px
}
.about-block.info .box .num {
	margin-bottom: 16px
}
.about-block.info .box: last-child {
	margin-right: 0
}
.about-block.teacher {
	padding: 60px 0;
	background: #fff
}
.about-block.teacher .teacher-tab {
	margin: 30px auto 55px auto
}
.about-block.teacher .teacher-tab li {
	border-radius: 50%;
	transition: opacity .3s linear;
	margin-right: 40px;
	border: solid 2px transparent;
	opacity: .5
}
.about-block.teacher .teacher-tab li: last-child {
	margin-right: 0px
}
.about-block.teacher .teacher-tab li.active,.about-block.teacher .teacher-tab li: hover {
	opacity: 1;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
	border-color: #fff
}
.about-block.teacher .teacher-tab li img {
	border-radius: 50%;
	width: 60px;
	height: 60px
}
.about-block.teacher .teacher-tab li .fr-fic: hover {
	cursor: pointer
}
.about-block.teacher .teacher-content {
	text-align: center
}
.about-block.teacher .teacher-content .tab-pane {
	position: relative
}
.about-block.teacher .teacher-content .tab-pane .content {
	margin: 0 auto;
	width: 50vw;
	font-weight: 500;
	color: #4c545a
}
.about-block.teacher .teacher-content .tab-pane .teacher {
	margin-top: 30px;
	color: #8b9195
}
.about-block.teacher .teacher-content .tab-pane: before,.about-block.teacher .teacher-content .tab-pane: after {
	color: #019fde;
	font-size: 144px;
	position: absolute;
	top: 50px
}
.about-block.teacher .teacher-content .tab-pane: before {
	content: "“";
	left: 0px
}
.about-block.teacher .teacher-content .tab-pane: after {
	content: "”";
	right: 0px
}
.about-block.recommend {
	padding: 60px 0 100px 0;
	background: #fff
}
.about-block.recommend .carousel {
	margin: 30px auto
}
.about-block.recommend .carousel .carousel-inner {
	width: 90%;
	margin: 0 auto
}
.about-block.recommend .carousel-control,.about-block.recommend .carousel-indicators {
	display: block;
	background: none;
	text-shadow: none
}
.about-block.recommend .carousel-control {
	font-size: 36px;
	width: 36px;
	height: 36px;
	top: 50%;
	margin-top: -18px;
	opacity: 1
}
.about-block.recommend .carousel-control i {
	width: 36px;
	height: 36px;
	color: #d3dee5
}
.about-block.recommend .carousel-indicators {
	bottom: -60px
}
.about-block.recommend .carousel-indicators li {
	background-color: #d3dee5;
	border: none;
	width: 8px;
	height: 8px;
	margin: 0 10px 0 0
}
.about-block.recommend .carousel-indicators li: last-child {
	margin-right: 0
}
.about-block.recommend .carousel-indicators li.active {
	border: none;
	width: 8px;
	height: 8px;
	background-color: #019fde
}
.about-block.recommend .box {
	border-radius: 5px;
	width: 31%;
	display: inline-block;
	background: #fff;
	border: 1px solid #f7f8fa;
	padding: 30px;
	text-align: center;
	margin-right: 3%;
	vertical-align: top;
	height: 600px
}
.about-block.recommend .box: last-child {
	margin-right: 0
}
.about-block.recommend .box: hover {
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.1),inset 0 -4px 0 0 #019fde
}
.about-block.recommend .box .author {
	font-size: 20px;
	color: #8b9195;
	line-height: normal
}
.about-block.recommend .box .author p {
	margin: 10px 0
}
.about-block.recommend .box .author img {
	border-radius: 50%;
	width: 60px;
	height: 60px;
	border: 1px solid #ccecf8
}
.about-block.recommend .box .author .fr-fic: hover {
	cursor: default
}
.about-block.recommend .box .rating svg {
	color: #019fde;
	font-size: 16px
}
.about-block.recommend .box .content {
	margin-top: 16px;
	text-align: left;
	color: #4c545a
}
.about-block.milestone {
	padding: 60px 0
}
.about-block.milestone .milestone-tab {
	margin-bottom: 60px;
	position: relative
}
.about-block.milestone .milestone-tab li {
	border-radius: 50%;
	font-size: 20px;
	padding-right: 80px;
	z-index: 10
}
.about-block.milestone .milestone-tab li: after {
	content: "";
	position: absolute;
	top: 40px;
	margin-left: 82px;
	width: 80px;
	height: 2px;
	background: #019fde
}
.about-block.milestone .milestone-tab li: last-child {
	padding-right: unset
}
.about-block.milestone .milestone-tab li: last-child: after {
	content: none
}
.about-block.milestone .milestone-tab li a {
	border-radius: 50%;
	display: block;
	border: 1px solid #019fde;
	color: #019fde;
	background: #fff;
	line-height: normal;
	padding: 25px 18px
}
.about-block.milestone .milestone-tab li: hover a {
	background: #ccecf8;
	color: #019fde
}
.about-block.milestone .milestone-tab li.active a {
	background: #019fde;
	color: #fff
}
.about-block.milestone .milestone-content .cover {
	margin-right: 60px;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.about-block.milestone .milestone-content .cover img {
	width: 100%;
	height: 285px
}
@media(max-width: 1040px) {
	.about-block.milestone .milestone-content .cover img {
	height: 485px
}
}@media(max-width: 567px) {
	.about-block.milestone .milestone-content .cover img {
	height: 237px
}
}.about-block.milestone .milestone-content .cover .fr-fic: hover {
	cursor: default
}
.about-block.milestone .milestone-content .content {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.about-block.milestone .milestone-content .title {
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 16px
}
.about-block.milestone .milestone-content .block {
	line-height: 2.5
}
.about-block.milestone .milestone-content .block .list {
	padding-left: 70px
}
.about-block.app {
	position: relative;
	width: 100%;
	height: 450px
}
.about-block.app .content {
	position: absolute;
	top: 125px;
	right: 125px;
	color: #fff
}
.about-block.app .content h3 {
	margin-bottom: 8px
}
.about-block.app .content a {
	margin-top: 40px;
	margin-right: 16px
}
.about-block.app .content a: last-child {
	margin-right: 0
}
.about-block.join {
	background: #fff;
	padding: 100px 0
}
.about-block.join .box {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}
.about-block.join .box img {
	display: block;
	margin: 0 auto
}
.about-block.join .box .fr-fic: hover {
	cursor: default
}
.about-block.join .box p {
	margin-top: 16px
}
.about-block.join .box .btn-blue {
	margin-top: 30px
}
.about-block.join .box: last-child: before {
	content: " ";
	border-left: 2px solid #d3dee5;
	height: 200px;
	position: absolute;
	top: 46px;
	left: 0px
}
.about-block.partner {
	background: #019fde;
	color: #fff;
	padding: 60px 0
}
.about-block.partner h3 {
	text-align: center;
	padding-bottom: 60px
}
.about-block.partner .box-list {
	width: 60vw;
	margin: 0 auto;
	flex-flow: nowrap
}
.about-block.partner .box-list: last-child {
	margin-top: 30px
}
.about-block.partner .box {
	margin-right: 30px
}
.about-block.partner .box: last-child {
	margin-right: 0
}
.about-block.partner .box img {
	width: 100%
}
.about-block.partner .box .fr-fic: hover {
	cursor: default
}
.about-block.contact {
	background: #fff;
	padding: 60px 0
}
.title-tab-container {
	margin-bottom: 16px
}
.title-tab-container.faq ul li {
	width: 16%
}
.title-tab-container.fixed {
	position: fixed;
	top: 60px;
	z-index: 9999;
	height: auto !important
}
.title-tab-container.fixed .inner {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3)
}
.title-tab-container.fixed h1 {
	display: none
}
.title-tab-container.fixed ul {
	margin: 16px 0
}
.title-tab-container .inner {
	background: #fff;
	border: 1px solid #d3dee5;
	padding: 0 30px
}
.title-tab-container h1 {
	font-size: 36px;
	font-weight: 500;
	padding: 24px 0 16px 0;
	border-bottom: 1px solid #d3dee5
}
.title-tab-container .category-name {
	margin-left: 8px;
	float: left
}
.title-tab-container .category-btn {
	color: #019fde
}
.title-tab-container .category-btn.active {
	color: #019fde;
	box-shadow: none
}
.title-tab-container ul {
	margin: 16px 0 24px 0;
	border: none;
	padding: 0px
}
.title-tab-container ul li {
	width: 25%
}
.title-tab-container ul li a {
	border-radius: 0px;
	text-align: center;
	font-size: 20px;
	color: #4c545a;
	border: none;
	padding: 0;
	transition: all .3s
}
.title-tab-container ul li a: hover,.title-tab-container ul li a: focus {
	color: #007fb1;
	background: transparent
}
.title-tab-container ul li.active a {
	color: #007fb1;
	border: none;
	padding: 0;
	background: transparent;
	font-weight: 500
}
.title-tab-container ul li.active a: hover,.title-tab-container ul li.active a: focus {
	border: none;
	color: #007fb1
}
.title-tab-container ul.mobile-category {
	display: none;
	flex-wrap: wrap;
	background: #fff;
	padding: 24px 10px;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10
}
.title-tab-container ul.mobile-category li {
	border-radius: 5px;
	width: 31%;
	margin-bottom: 8px;
	margin-left: 3%;
	position: relative;
	border: 1px solid #d3dee5;
	background: #fff;
	display: flex
}
.title-tab-container ul.mobile-category li: nth-child(3n+1) {
	margin-left: 0px
}
.title-tab-container ul.mobile-category li a {
	width: 100%;
	padding: 10px;
	font-size: 16px;
	text-align: center;
	color: #4c545a
}
.title-tab-container ul.mobile-category li.active {
	border-color: #ccecf8;
	background: #ccecf8
}
.title-tab-container ul.mobile-category li.active a {
	font-weight: normal;
	color: #4c545a
}
.title-tab-container ul.mobile-category li.active a: hover,.title-tab-container ul.mobile-category li.active a: focus {
	background: transparent;
	color: #4c545a
}
.title-tab-container .cover {
	display: none;
	width: 100vw;
	height: 100vh;
	position: absolute;
	left: 0;
	background-color: rgba(0,0,0,.5)
}
.title-tab-container.fixed {
	background: #f7f8fa;
	height: auto !important;
	padding-top: 30px
}
.title-tab-container.fixed .inner {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3)
}
.title-tab-container.fixed h1 {
	display: none
}
.title-tab-container.fixed ul {
	margin: 16px 0
}
.title-tab-container.active .inner {
	background: #fff
}
.title-tab-container.active .mobile-category {
	display: flex
}
.title-tab-container.active .cover {
	display: block
}
.terms-content-container {
	background: #fff;
	border: 1px solid #d3dee5;
	padding: 24px 30px 30px 30px
}
.terms-content-container.faq .title {
	margin-bottom: 0px
}
.terms-content-container .title {
	font-size: 24px;
	border-bottom: 1px solid #d3dee5;
	margin-bottom: 24px;
	padding-bottom: 16px
}
.terms-content-container .block {
	margin-bottom: 24px
}
.terms-content-container .block: last-child {
	margin-bottom: 0px
}
.terms-content-container .block .title {
	font-size: 20px;
	font-weight: 500;
	border-bottom: none;
	margin-bottom: 8px;
	padding: 0px
}
.terms-content-container .block ul {
	margin-top: 8px;
	margin-left: 30px
}
.terms-content-container .block .no-block {
	position: relative;
	padding-left: 30px
}
.terms-content-container .block .no-block .no {
	position: absolute;
	top: 0px;
	left: 0px
}
.faq-group {
	margin-bottom: 0px
}
.faq-group .panel {
	border-radius: 0;
	margin: 0px;
	background: transparent;
	border: none;
	border-bottom: 1px solid #f7f8fa;
	box-shadow: none
}
.faq-group .panel .panel-collapse .panel-body {
	background: #f7f8fa;
	padding: 30px;
	border: none;
	position: relative
}
.faq-group .panel .panel-collapse .panel-body .no {
	position: absolute;
	top: 30px;
	left: 30px
}
.faq-group .panel .panel-collapse .panel-body p {
	padding-left: 35px
}
.faq-group .panel .panel-collapse .panel-body img,.faq-group .panel .panel-collapse .panel-body iframe,.faq-group .panel .panel-collapse .panel-body video {
	width: auto !important;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 16px auto
}
.faq-group .panel-heading {
	border: none;
	background: transparent;
	color: #4c545a;
	padding: 26px 0
}
.faq-group .panel-title {
	color: #33b2e4;
	font-size: 20px;
	font-weight: normal;
	line-height: normal
}
.contact-header {
	border: 1px solid #d3dee5;
	background: #fff
}
.contact-header .contact-header-inner {
	background: transparent url(../image/contact-header-bg.png) scroll repeat 0px 50%;
	padding: 40px 0;
	border-bottom: 1px solid #d3dee5;
	font-size: 20px
}
.contact-header .contact-header-inner h2 {
	font-size: 36px;
	font-weight: 500;
	margin: 16px 0 32px 0
}
.contact-header .contact-info {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 40px 0;
	text-align: center
}
.contact-header .contact-info .title {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 16px
}
.contact-header .contact-info a {
	margin: 0 5px
}
.contact-form {
	background: #fff;
	border: 1px solid #d3dee5;
	border-top: none;
	padding: 24px 15px
}
.contact-form .form-group.has-error .control-label {
	font-weight: normal;
	color: #4c545a
}
.contact-form .form-group.has-error .error-msg {
	color: #ff5b74
}
.contact-form .form-group .control-label {
	font-weight: normal
}
.contact-form .form-group .form-control {
	padding: 16px;
	height: auto;
	font-size: 16px
}
.contact-form .form-group textarea {
	min-height: 120px
}
.contact-form .recaptcha-area {
	margin-bottom: 30px
}
@media(max-width: 991px) {
	.about-video-block .video-bg {
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	filter: blur(1px);
	height: 50vh
}
.about-block .about-block-inner {
	width: 100%;
	padding: 0 30px
}
.about-block h3 {
	font-size: 24px
}
.about-block.intro {
	height: 50vh
}
.about-block.intro h3 {
	padding-bottom: 16px
}
.about-block.intro p {
	font-size: 16px
}
.about-block.info {
	padding: 30px 0
}
.about-block.info .box-list {
	width: 100%
}
.about-block.info .box {
	margin-right: 16px
}
.about-block.info .box .num {
	font-size: 24px;
	margin-bottom: 0
}
.about-block.teacher {
	padding-bottom: 30px
}
.about-block.teacher .teacher-tab {
	margin: 35px auto
}
.about-block.teacher .teacher-tab li {
	margin-right: 16px
}
.about-block.teacher .teacher-content .tab-pane .content {
	width: 65%
}
.about-block.teacher .teacher-content .tab-pane .teacher {
	margin-top: 16px
}
.about-block.teacher .teacher-content .tab-pane .teacher span {
	display: block
}
.about-block.teacher .teacher-content .tab-pane: before,.about-block.teacher .teacher-content .tab-pane: after {
	font-size: 72px
}
.about-block.teacher .teacher-content .tab-pane: before {
	left: -30px
}
.about-block.teacher .teacher-content .tab-pane: after {
	right: -30px
}
.about-block.recommend {
	padding-top: 30px;
	padding-bottom: 60px
}
.about-block.recommend .carousel .carousel-inner {
	width: 100%
}
.about-block.recommend .box {
	margin-right: 0px;
	height: auto;
	width: 100%
}
.about-block.recommend .box .author p {
	margin: 0
}
.about-block.milestone {
	position: relative;
	padding: 0 0 30px 0
}
.about-block.milestone .about-block-inner {
	padding: 0
}
.about-block.milestone .milestone-tab {
	position: absolute;
	top: 265px;
	left: 30px;
	margin-bottom: 0;
	display: block
}
.about-block.milestone .milestone-tab li {
	position: relative;
	padding-right: unset;
	font-size: 16px;
	margin-bottom: 30px
}
.about-block.milestone .milestone-tab li: after {
	content: "";
	position: absolute;
	top: 50px;
	margin-left: 25px;
	width: 2px;
	height: 30px;
	background: #019fde
}
.about-block.milestone .milestone-tab li: last-child {
	padding-right: unset
}
.about-block.milestone .milestone-tab li: last-child: after {
	content: none
}
.about-block.milestone .milestone-tab li a {
	padding: 12px 7px
}
.about-block.milestone .milestone-content {
	display: block
}
.about-block.milestone .milestone-content .cover {
	float: none !important;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 30px
}
.about-block.milestone .milestone-content .content {
	margin-left: 110px;
	margin-right: 16px;
	min-height: 300px
}
.about-block.milestone .milestone-content .title {
	font-size: 24px
}
.about-block.milestone .milestone-content .block {
	line-height: 2
}
.about-block.milestone .milestone-content .block .list {
	padding-left: 50px
}
.about-block.milestone .milestone-content .fr-fic: hover {
	cursor: default
}
.about-block.app {
	background: linear-gradient(73deg, #019fde, #3fe6ff);
	height: auto
}
.about-block.app .content {
	position: static;
	padding: 30px 45px
}
.about-block.app .cover {
	height: 300px;
	background: url(../image/about/app-cover.png) scroll no-repeat 100% 0;
	background-size: cover
}
.about-block.join {
	padding: 60px 0
}
.about-block.join .box-list {
	flex-flow: column
}
.about-block.join .box p {
	margin-top: 8px
}
.about-block.join .box: last-child {
	margin-top: 60px
}
.about-block.join .box: last-child: before {
	display: none
}
.about-block.partner h3 {
	padding-bottom: 30px
}
.about-block.partner .box-list {
	width: 100%;
	padding: 0 30px;
	flex-flow: nowrap
}
.about-block.partner .box-list: last-child {
	margin-top: 16px
}
.about-block.partner .box {
	margin-right: 5px
}
.about-block.partner .box img {
	width: 100%;
	height: auto
}
.about-block.partner .box: last-child {
	margin-right: 0
}
.about-block.contact {
	text-align: center
}
.about-block.contact h3,.about-block.contact a {
	float: none !important
}
.about-block.contact h3 {
	margin-bottom: 30px
}
.title-tab-container {
	margin: 0 -16px 16px -16px
}
.title-tab-container .inner {
	background: transparent;
	border: none;
	border-bottom: 1px solid #d3dee5;
	padding: 24px 10px 16px 10px
}
.title-tab-container h1 {
	font-size: 20px;
	border-bottom: none;
	float: left;
	padding: 0
}
.title-tab-container.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100% !important;
	background: #f7f8fa;
	margin: 0;
	padding-top: 0px;
	border-bottom: 0
}
.title-tab-container.fixed .inner {
	box-shadow: none;
	border-bottom: 1px solid #d3dee5;
	padding: 12px 10px
}
.title-tab-container.fixed h1 {
	display: block
}
.title-tab-container.fixed2 {
	top: 55px
}
.title-tab-container.active .mobile-category {
	margin: 0
}
.title-tab-container.active .mobile-category li.active {
	display: flex
}
.terms-content-container {
	padding: 16px 10px
}
.terms-content-container.faq {
	padding: 0 10px 10px 10px
}
.faq-group .panel .panel-collapse .panel-body {
	padding: 8px 10px
}
.faq-group .panel .panel-collapse .panel-body .no {
	top: 8px;
	left: 10px
}
.faq-group .panel .panel-collapse .panel-body img,.faq-group .panel .panel-collapse .panel-body iframe,.faq-group .panel .panel-collapse .panel-body video {
	margin: 10px auto
}
.faq-group .panel-heading {
	padding: 13px 0
}
.faq-group .panel-title {
	font-size: 16px
}
.contact-header {
	margin: 16px 0;
	border-bottom: 1px solid #d3dee5
}
.contact-header .contact-header-inner {
	padding: 26px 0;
	font-size: 16px
}
.contact-header .contact-header-inner h2 {
	font-size: 20px;
	margin-bottom: 8px
}
.contact-header .flexbox {
	display: block
}
.contact-header .contact-info {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	padding: 10px 40px
}
.contact-header .contact-info .title {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 8px
}
.contact-form {
	padding: 16px 0
}
.contact-form .recaptcha-area {
	margin-bottom: 25px
}
}.explore-class-box {
	width: 100%;
	margin-top: 40px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background: transparent url(../image/explore-box-bg.jpg) scroll no-repeat 50% 50%
}
.explore-class-box .box-inner {
	padding: 48px 0;
	text-align: center
}
.explore-class-box p {
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 24px
}
.course-card {
	width: 32%;
	display: inline-block;
	margin-bottom: 25px;
	margin-left: 1.5%;
	vertical-align: top;
	font-size: 16px
}
.course-card: nth-child(3n+1) {
	margin-left: 0px
}
.course-card.expire .cover .status-tag {
	display: none
}
.course-card: hover .course-card-inner {
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.3)
}
.course-card a {
	display: block;
	color: #4c545a
}
.course-card a: hover {
	color: #4c545a
}
.course-card .course-card-inner {
	border-radius: 5px;
	background: #fff;
	transition: all .3s
}
.course-card .cover {
	position: relative
}
.course-card .cover.empty {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px 4px 0 0;
	background: #f7f8fa;
	height: 160px
}
.course-card .cover.empty .empty-msg {
	display: block
}
.course-card .cover img {
	border-radius: 4px 4px 0 0;
	width: 100%
}
.course-card .cover .empty-msg {
	display: none
}
.course-card .cover .expired-cover {
	border-radius: 5px 5px 0 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	background: rgba(0,0,0,.7);
	color: #fff;
	font-size: 24px;
	font-weight: 500
}
.course-card .box {
	padding: 16px
}
.course-card .tag {
	margin-left: 8px;
	display: inline-block;
	font-size: 12px;
	background: #019fde;
	padding: 6px 4px
}
.course-card .tag: first-child {
	margin-left: 0
}
.course-card .tag.fundraising {
	background: #ff5b74
}
.course-card .tag.success {
	background: #019fde
}
.course-card .tag.fail {
	background: #8b9195
}
.course-card .tag.wait {
	background: #d3dee5
}
.course-card .fundraising-label {
	display: inline-block;
	margin-right: 4px
}
.course-card .fundraising-label.mobile {
	display: none
}
.course-card .price {
	color: #ff5b74
}
.course-card .price s {
	margin-right: 5px;
	color: #8b9195;
	font-size: 12px;
	vertical-align: top
}
.course-card .course-title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 48px;
	line-height: 24px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	font-size: 16px;
	margin: 8px 0 24px 0;
	font-weight: 500
}
.course-card .course-meta {
	margin-bottom: 16px
}
.course-card .offline-course-date {
	width: 85%
}
.course-card .person {
	display: flex;
	align-items: center
}
.course-card .person i {
	margin-right: 4px;
	font-size: 20px
}
@media(max-width: 768px) {
	.course-card .person i {
	font-size: 16px
}
}.course-card .progress-num {
	font-size: 14px
}
.course-card .progress-info {
	margin-top: 8px
}
.course-card .progress-info .progress {
	padding: 0;
	box-shadow: none;
	background: #f7f8fa;
	height: 8px;
	margin: 0
}
.course-card .progress-info .progress-bar {
	background: #ff5b74;
	box-shadow: none
}
.course-card .progress-info .progress-bar.success {
	background: #019fde
}
.course-card .progress-info .progress-bar.fail {
	background: #8b9195
}
.course-card .teacher {
	border-radius: 0 0 5px 5px;
	color: #8b9195;
	font-size: 14px;
	padding: 8px 16px 16px 16px;
	line-height: 1.2
}
.course-card .teacher .avatars {
	border-radius: 50%;
	margin-right: 8px
}
.course-card .teacher .name {
	font-size: 16px;
	color: #4c545a;
	font-weight: 500
}
.course-card .teacher .name: hover {
	color: #019fde
}
.checkin-info-div {
	background: #fff;
	color: #4c545a;
	line-height: 1.6
}
.checkin-info-div .block-info {
	padding: 16px
}
.checkin-info-div .block-title {
	margin: 0px
}
.checkin-info-div .block-div {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.checkin-info-div .course-title-div {
	-webkit-flex: 7;
	-ms-flex: 7;
	flex: 7
}
.checkin-info-div .author-div {
	-webkit-flex: 5;
	-ms-flex: 5;
	flex: 5
}
.checkin-info-div .author-div .avatars {
	width: 36px;
	height: 36px
}
.checkin-info-div .author-div .nickname {
	margin-left: 8px;
	line-height: 36px;
	color: #4c545a
}
.checkin-info-div .author-div .tag {
	font-size: 16px
}
.checkin-info-div .member-info {
	background: #f7f8fa;
	padding: 8px 16px;
	font-size: 20px
}
.checkin-info-div .member-info .info {
	color: #4c545a;
	font-weight: normal;
	font-size: 16px
}
.checkin-info-div .btn-block {
	padding: 12px 18px
}
.checkin-info-div .btn-block .btn {
	margin-left: 16px
}
.checkin-info-div .embed-responsive {
	height: 720px
}
.my-course-card {
	margin-left: 0px;
	margin-bottom: 30px
}
.my-course-card: last-child {
	margin-bottom: 0px
}
.my-course-card .my-course-card-inner {
	padding: 16px;
	border: 1px solid #d3dee5;
	display: flex
}
.my-course-card .cover {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 340px;
	position: relative
}
.my-course-card .cover a {
	display: block
}
.my-course-card .cover img {
	width: 100%
}
.my-course-card .cover .expired,.my-course-card .cover .expired-xs,.my-course-card .cover .private {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	color: #fff;
	font-weight: 500;
	font-size: 24px;
	text-align: center;
	text-shadow: 0 2px 4px rgba(0,0,0,.5)
}
.my-course-card .cover .private {
	background: rgba(255,255,255,.85);
	color: #4c545a;
	text-shadow: none
}
.my-course-card .cover .expired-xs {
	display: none;
	text-shadow: none;
	font-weight: normal;
	font-size: 16px
}
.my-course-card .cover .fundraising-tag {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	padding: 8px;
	background: #ff5b74;
	line-height: 1
}
.my-course-card .info {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 10px 0;
	margin-left: 10px
}
.my-course-card .info .course-title {
	font-size: 20px;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 52px;
	line-height: 26px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.my-course-card .info .course-title a {
	color: #4c545a
}
.my-course-card .info .type-div {
	margin: 10px 5px 15px 0
}
.my-course-card .info .type-div .score-area .score {
	margin-left: -4px
}
.my-course-card .info .type-div .score-area .score: first-child {
	margin-left: 0px
}
.my-course-card .info .course-info-div {
	position: relative;
	margin: 10px 0;
	line-height: normal
}
.my-course-card .info .type-tag {
	font-size: 14px;
	font-weight: 500
}
.my-course-card .info .info-list li {
	line-height: 1.5
}
.my-course-card .progress-div {
	width: 75%
}
.my-course-card .progress {
	padding: 0;
	box-shadow: none;
	background: #f7f8fa;
	height: 10px;
	margin: 7px 0;
	width: 55%;
	position: relative
}
.my-course-card .progress .progress-bar {
	border-radius: 100px;
	overflow: auto;
	max-width: 100%;
	box-shadow: none;
	background: #ff5b74
}
.my-course-card .progress .progress-bar.success {
	background: #019fde
}
.my-course-card .progress .progress-bar.fail {
	background: #8b9195
}
.my-course-card .progress-num {
	color: #8b9195;
	font-size: 16px;
	margin-left: 25px
}
.my-course-card .promo-btn {
	color: #019fde;
	padding: 0px
}
.my-course-card .promo-btn: active,.my-course-card .promo-btn.active {
	box-shadow: none
}
.my-course-card .promo-btn i {
	vertical-align: text-bottom
}
.my-course-card .promo-area {
	position: absolute;
	background: #fff;
	top: -50px;
	right: 0px;
	padding: 10px 0
}
.my-course-card .promo-area a,.my-course-card .promo-area button {
	border-radius: 5px;
	color: #fff;
	border: none
}
.my-course-card .promo-area .share-btn {
	background: #019fde;
	padding: 0 1rem;
	height: 35px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px
}
.my-course-card .promo-area .copy-btn {
	background: #019fde;
	height: 35px;
	padding: 0 1rem
}
.my-course-card .promo-area .copy-btn: active,.my-course-card .promo-area .copy-btn.active {
	background: #007fb1
}
.my-course-card .price {
	font-size: 20px;
	color: #ff5b74
}
.my-course-card .price s {
	line-height: 30px;
	vertical-align: top;
	margin-left: 5px;
	color: #8b9195;
	font-size: 12px
}
@media(max-width: 567px) {
	.my-course-card .manage-list {
	border: 1px solid #d3dee5;
	background: #fff;
	padding: 16px;
	border-top: none
}
}.my-course-card .manage-list.expired .expired,.my-course-card .cover .manage-list.private .expired,.my-course-card .cover .manage-list.expired-xs .expired,.my-course-card .manage-list.expired .cover .private,.my-course-card .cover .manage-list.expired .private,.my-course-card .cover .manage-list.private .private,.my-course-card .cover .manage-list.expired-xs .private,.my-course-card .manage-list.expired .cover .expired-xs,.my-course-card .cover .manage-list.expired .expired-xs,.my-course-card .cover .manage-list.private .expired-xs,.my-course-card .cover .manage-list.expired-xs .expired-xs {
	display: flex
}
.my-course-card .manage-list .manage-list-inner {
	position: relative
}
.my-course-card .manage-list li {
	position: relative;
	background: #fff;
	border-bottom: 1px solid #d3dee5;
	padding: 10px 0;
	line-height: normal
}
.my-course-card .manage-list li: last-child {
	padding: 0px;
	margin-top: 8px
}
.my-course-card .manage-list li: last-child a {
	display: block;
	color: #fff;
	padding: 12px 0
}
.my-course-card .manage-list li: hover {
	background: #e5f1f9
}
.my-course-card .manage-list li.title {
	background: #59bded;
	color: #fff;
	border-bottom: none
}
.my-course-card .manage-list li.link {
	text-indent: 24px
}
.my-course-card .manage-list li a {
	color: #4c545a
}
.my-course-card .manage-list li i {
	margin-left: 8px
}
.my-course-card .manage-list li .count {
	border-radius: 15px;
	position: absolute;
	right: 16px;
	background: #ff5b74;
	color: #fff;
	width: 40px
}
.my-course-card .manage-list .expired,.my-course-card .manage-list .cover .private,.my-course-card .cover .manage-list .private,.my-course-card .manage-list .cover .expired-xs,.my-course-card .cover .manage-list .expired-xs {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	color: #fff
}
.my-course-card .manage-list .expired .btn,.my-course-card .manage-list .cover .private .btn,.my-course-card .cover .manage-list .private .btn,.my-course-card .manage-list .cover .expired-xs .btn,.my-course-card .cover .manage-list .expired-xs .btn {
	margin-top: 16px
}
.my-course-card .mobile-manage-list {
	display: none
}
.my-course-card .mobile-manage-list li {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-right: 1px solid #fff
}
.my-course-card .mobile-manage-list li: last-child {
	border: none
}
.my-course-card .mobile-manage-list a {
	display: block;
	padding: 10px 0;
	background: #019fde;
	color: #fff
}
.my-course-card .mobile-manage-list .count {
	display: inline-block;
	margin-left: 5px
}
.member-course-tag-list.all li {
	display: none
}
.member-course-tag-list.all li.online,.member-course-tag-list.all li.offline {
	display: inline-block
}
.member-course-tag-list.online li {
	display: none
}
.member-course-tag-list.online li.online {
	display: inline-block
}
.member-course-tag-list.offline li {
	display: none
}
.member-course-tag-list.offline li.offline {
	display: inline-block
}
.member-course-tag-list.expire li {
	display: none
}
.member-course-tag-list.expire li.expire {
	display: inline-block
}
.member-course-list {
	margin-top: 30px;
	display: grid;
	width: 100%;
	grid-template-columns: 33% 33% 33%;
	position: relative;
	min-height: 450px
}
@media(max-width: 1040px) {
	.member-course-list {
	grid-template-columns: 50% 50%
}
}@media(max-width: 567px) {
	.member-course-list {
	grid-template-columns: 100%
}
}.member-course-list.all .student-course-card {
	display: none
}
.member-course-list.all .student-course-card.online,.member-course-list.all .student-course-card.offline {
	display: block
}
.member-course-list.online .student-course-card {
	display: none
}
.member-course-list.online .student-course-card.online {
	display: block
}
.member-course-list.offline .student-course-card {
	display: none
}
.member-course-list.offline .student-course-card.offline {
	display: block
}
.member-course-list.expire .student-course-card {
	display: none
}
.member-course-list.expire .student-course-card.expire {
	display: block
}
.member-course-list .empty-view {
	text-align: center;
	color: #8b9195;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.member-course-list .empty-view p {
	margin: 0px 0 16px 0
}
.student-course-card {
	border-radius: 5px;
	vertical-align: top;
	margin-bottom: 10px;
	padding: 0 5px
}
@media(max-width: 1040px) {
	.student-course-card {
	padding: 0 10px;
	margin-bottom: 20px
}
}.student-course-card .cover {
	border-radius: 5px 5px 0 0;
	position: relative
}
.student-course-card .cover: hover .default {
	color: #fff;
	background-color: rgba(0,0,0,.8)
}
.student-course-card .cover a {
	display: block
}
.student-course-card .cover img {
	border-radius: 5px 5px 0 0;
	width: 100%;
	height: auto
}
.student-course-card .cover img.icon {
	width: 50px
}
.student-course-card .cover-mask {
	border-radius: 5px 5px 0 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	color: transparent;
	font-weight: 500;
	text-align: center;
	transition: all .3s
}
.student-course-card .cover-mask.expired,.student-course-card .my-course-card .cover .cover-mask.private,.my-course-card .cover .student-course-card .cover-mask.private,.student-course-card .my-course-card .cover .cover-mask.expired-xs,.my-course-card .cover .student-course-card .cover-mask.expired-xs {
	color: #fff;
	background-color: rgba(0,0,0,.8)
}
.student-course-card .cover-info {
	position: absolute;
	bottom: 20px;
	line-height: normal
}
.student-course-card .cover-info.last {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 48px;
	line-height: 24px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	bottom: 16px;
	left: 0;
	padding: 0 16px;
	text-align: left
}
.student-course-card .content {
	border-radius: 0 0 5px 5px;
	padding: 16px;
	background: #fff;
	color: #8b9195;
	font-size: 14px
}
.student-course-card .tag {
	margin-left: 8px;
	display: inline-block;
	font-size: 12px;
	background: #019fde;
	padding: 6px 4px;
	cursor: default
}
.student-course-card .tag: first-child {
	margin-left: 0
}
.student-course-card .tag.fundraising {
	background: #ff5b74
}
.student-course-card .tag.success {
	background: #019fde
}
.student-course-card .tag.fail {
	background: #8b9195
}
.student-course-card .progress-div {
	width: 75%
}
.student-course-card .progress {
	padding: 0;
	box-shadow: none;
	background: #f7f8fa;
	height: 8px;
	margin: 9px;
	width: 50%;
	position: relative
}
.student-course-card .progress-bar {
	border-radius: 100px;
	overflow: auto;
	max-width: 100%;
	box-shadow: none;
	background: #ff5b74
}
.student-course-card .progress-bar.success {
	background: #019fde
}
.student-course-card .progress-bar.fail {
	background: #8b9195
}
.student-course-card .progress-num {
	color: #8b9195
}
.student-course-card .score-area {
	cursor: pointer;
	color: #4c545a;
	line-height: normal
}
.student-course-card .score-area a {
	display: flex;
	align-items: center
}
.student-course-card .score-area .svg-icon {
	margin: 0 .1rem
}
.student-course-card .score {
	margin-left: -4px
}
.student-course-card .score: first-child {
	margin-left: 0px
}
.student-course-card .course-title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 48px;
	line-height: 24px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	font-weight: 500;
	font-size: 16px;
	color: #4c545a;
	margin-top: 8px;
	margin-bottom: 16px
}
.student-course-card .meta {
	margin-top: 12px
}
.student-course-card .meta-link {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-radius: 5px;
	background: #ccecf8;
	margin-left: 8px;
	color: #019fde;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	border: none
}
.student-course-card .meta-link: first-child {
	margin-left: 0
}
.student-course-card .meta-link .count {
	border-radius: 100px;
	background: #ff5b74;
	color: #fff;
	width: 28px;
	font-size: 12px;
	display: inline-block;
	line-height: 22px;
	vertical-align: top
}
.course-sidebar .c-promotion-tag {
	background: #ff5b74;
	color: #fff;
	height: 30px;
	font-size: 16px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px
}
.course-sidebar .c-promotion-tag .svg-icon {
	fill: #fff;
	margin-right: 5px
}
.course-sidebar .course-sidebar-inner {
	border: 1px solid #d3dee5;
	padding: 10px 16px;
	margin-bottom: 8px
}
.course-sidebar .course-sidebar-inner: last-child {
	margin-bottom: 0
}
.course-sidebar .course-sidebar-inner .btn {
	border-width: 2px;
	font-weight: 500;
	border-radius: 4px
}
.course-sidebar .course-sidebar-inner .btn .btn-txt: nth-child(2) {
	display: none
}
.course-sidebar .crowdfunding-user {
	margin-right: 4px;
	font-size: 20px
}
.course-sidebar .progress-info .crowdfunding-status {
	color: #ff5b74
}
.course-sidebar .progress-info .crowdfunding-status.success {
	color: #019fde
}
.course-sidebar .progress-info .crowdfunding-status.fail,.course-sidebar .progress-info .crowdfunding-status.error {
	color: #8b9195
}
.course-sidebar .progress-info .time-info {
	color: #8b9195
}
.course-sidebar .progress-info .time-info span {
	color: #ff5b74
}
.course-sidebar .progress-info .time-info.isBackerFalse {
	color: #8b9195
}
.course-sidebar .progress-info .time-info.isBackerFalse span {
	color: #019fde
}
.course-sidebar .progress-info .progress-div .progress {
	width: 80%;
	padding: 0;
	box-shadow: none;
	background: #f5f5f5;
	height: 10px;
	margin-top: 9px;
	margin-bottom: 0
}
.course-sidebar .progress-info .progress-div .progress-bar {
	border-radius: 5px;
	background: #ff5b74;
	box-shadow: none
}
.course-sidebar .progress-info .progress-div .progress-bar.over {
	background: #019fde
}
.course-sidebar .progress-info .progress-div .progress-bar.expired,.course-sidebar .progress-info .progress-div .my-course-card .cover .progress-bar.private,.my-course-card .cover .course-sidebar .progress-info .progress-div .progress-bar.private,.course-sidebar .progress-info .progress-div .my-course-card .cover .progress-bar.expired-xs,.my-course-card .cover .course-sidebar .progress-info .progress-div .progress-bar.expired-xs {
	background: #8b9195
}
.course-sidebar .progress-info .progress-div .info {
	text-align: center;
	padding: 0;
	font-size: 12px
}
.course-sidebar .share-block {
	width: 100%;
	padding: 6px 10px;
	overflow: hidden
}
.course-sidebar .like-btn {
	cursor: pointer;
	display: block
}
.course-sidebar .like-btn .svg-icon {
	height: 2.2rem
}
.course-sidebar .like-btn: hover .svg-icon.fav {
	fill: #ff5b74
}
.course-sidebar .like-btn .svg-icon.fav_fill {
	fill: #ff5b74
}
.course-sidebar .share-btn {
	cursor: pointer;
	display: flex;
	align-items: center;
	color: #019fde;
	font-weight: 500
}
.course-sidebar .share-btn .svg-icon {
	height: 2.2rem;
	margin-right: 10px
}
.course-sidebar .share-btn: hover {
	color: #019fde
}
.course-sidebar .share-btn: hover .svg-icon.share {
	fill: #019fde
}
.course-sidebar .share-btn .svg-icon.share {
	fill: #019fde
}
.course-sidebar .btn-full {
	margin-top: 8px
}
.course-sidebar .type-tag-list .type-tag {
	font-size: 14px;
	margin-right: 10px;
	line-height: normal
}
.course-sidebar .type-tag-list .type-class-info {
	padding: 8px;
	width: 324px;
	margin-top: 12px;
	box-shadow: none;
	border: 1px solid #d3dee5
}
.course-sidebar .type-tag-list .type-class-info: after,.course-sidebar .type-tag-list .type-class-info: before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}
.course-sidebar .type-tag-list .type-class-info: after {
	border-color: rgba(255,255,255,0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -143px
}
.course-sidebar .type-tag-list .type-class-info: before {
	border-color: rgba(238,238,238,0);
	border-bottom-color: #d3dee5;
	border-width: 11px;
	margin-left: -144px
}
.course-sidebar .type-tag-list .type-class-info.offline-class .title {
	color: #ffc669
}
.course-sidebar .type-tag-list .type-class-info li {
	margin: 0;
	line-height: 1.58
}
.course-sidebar .type-tag-list .type-class-info li.title {
	color: #019fde;
	font-size: 16px
}
.course-sidebar .course-title {
	font-size: 24px;
	line-height: 1.33;
	margin-bottom: 9px
}
.course-sidebar .course-price {
	font-size: 20px;
	color: #ff5b74;
	margin-bottom: 7px;
	line-height: 1.33
}
.course-sidebar .course-price s {
	font-size: 12px;
	color: #8b9195;
	margin-left: 10px
}
.course-sidebar .course-info {
	padding-bottom: 10px;
	border-bottom: 1px solid #f5f5f5
}
.course-sidebar .crowdfund-num {
	display: flex;
	align-items: center
}
.course-sidebar .course-num {
	display: flex;
	align-items: center
}
.course-sidebar .course-num .count {
	float: right
}
.course-sidebar .course-info-list {
	margin: 5px 0
}
.course-sidebar ul li {
	margin-top: 8px;
	line-height: 1.5
}
.course-sidebar ul li.course-rating {
	cursor: pointer
}
.course-sidebar ul li.course-rating .rating-area {
	vertical-align: top
}
.course-sidebar ul li .star-num {
	color: #8b9195;
	font-size: 14px
}
.course-sidebar ul li a {
	font-size: 14px;
	margin-right: 3px;
	color: #4c545a
}
.course-sidebar ul li a.tag {
	color: #8b9195
}
.course-sidebar ul li a: last-child {
	margin-right: 0
}
.course-sidebar ul li a: hover {
	text-decoration: underline
}
.course-sidebar .teacher-info .avatars {
	width: 48px;
	height: 48px
}
.course-sidebar .teacher-info .name {
	text-indent: 10px;
	font-size: 16px;
	color: #4c545a;
	display: inline-block;
	max-width: 60%;
	line-height: 22px
}
.course-sidebar .teacher-info .tag {
	padding: 0 5px;
	vertical-align: top
}
.course-sidebar .teacher-info .title {
	text-indent: 10px;
	font-size: 14px;
	color: #8b9195
}
.course-video {
	position: relative;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	width: 100%;
	height: 442px;
	background: #33b2e4
}
.course-video .play-icon {
	border-radius: 50%;
	width: 90px;
	height: 90px;
	display: block;
	line-height: 90px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -40px;
	text-align: right
}
.course-video .play-icon .fa {
	color: #fff;
	font-size: 40px;
	padding-right: 25px
}
.course-video .play-icon: hover {
	background: #019fde
}
.course-video img {
	width: 100%;
	height: 100%
}
.course-intro-tab-sticky.fixed {
	z-index: 10;
	position: fixed
}
.course-intro-tab {
	display: flex;
	margin-top: 16px;
	background: #fff;
	border: none;
	border: solid 1px #d3dee5
}
.course-intro-tab.active {
	margin-top: 0px;
	background: #e5f1f9;
	box-shadow: 0 2px 6px 0 rgba(167,169,172,.2),inset 0 -1px 0 0 #d3dee5
}
.course-intro-tab li {
	width: 16.5%;
	flex-grow: 1
}
.course-intro-tab li.active a {
	border-radius: 0px;
	background: transparent;
	color: #019fde;
	font-weight: 500;
	border: none;
	border-bottom: 5px solid #019fde
}
.course-intro-tab li.active a: hover,.course-intro-tab li.active a: focus {
	border-radius: 0px;
	font-weight: 500;
	color: #019fde;
	border: none;
	border-bottom: 5px solid #019fde;
	background: transparent
}
.course-intro-tab li a {
	border-radius: 0px;
	display: block;
	margin-right: 0px;
	text-align: center;
	color: #8b9195;
	font-size: 20px;
	border: none;
	border-bottom: 5px solid transparent;
	transition: all .3s;
	background: transparent
}
.course-intro-tab li a: hover,.course-intro-tab li a: focus {
	border-radius: 0px;
	color: #019fde;
	font-weight: 500;
	background: #fff;
	border: none;
	border-bottom: 5px solid #019fde;
	background: transparent
}
.course-chapters-info .block {
	border-radius: 5px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	border: 1px solid #d3dee5;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 16px
}
.course-chapters-info .block: first-child {
	margin-left: 0px
}
.course-chapters-info .title {
	border-radius: 5px 5px 0 0;
	background: #59bded;
	letter-spacing: 1.8px;
	font-size: 14px;
	color: #fff;
	line-height: 16px;
	text-align: center;
	padding: 5px 0
}
.course-chapters-info .count {
	border-radius: 0 0 5px 5px;
	background: #fff;
	padding: 24px 0;
	font-size: 24px;
	line-height: 40px;
	text-align: center
}
.course-chapters-info .count span {
	font-size: 24px;
	line-height: 40px
}
.course-chapters-info .count small {
	font-size: 24px;
	margin-left: 5px
}
.scroll-play-icon {
	width: 32px;
	height: 32px
}
.chapter-btn-container {
	display: flex;
	justify-content: center
}
.chapter-btn-outline {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	height: 30px
}
.chapter-btn-outline svg {
	height: 2.2rem;
	fill: #019fde
}
@media(max-width: 991px) {
	.chapter-btn-outline svg {
	height: 16px
}
}.chapter-btn-outline: hover svg {
	fill: #fff
}
.chapter-play-icon {
	transform: translateX(1.2px)
}
.course-chapters-list {
	margin: 10px 0 30px 0
}
.course-chapters-list li {
	padding: 14px 0;
	border-bottom: 1px solid #d3dee5;
	align-items: center
}
.course-chapters-list li: hover {
	background: #e5f1f9
}
.course-chapters-list li: hover .no,.course-chapters-list li: hover .name {
	color: #019fde
}
.course-chapters-list li.title {
	border: none;
	color: #019fde;
	border-bottom: 1px solid #d3dee5;
	padding: 50px 0 16px 0;
	font-size: 20px;
	font-weight: 500
}
.course-chapters-list li.title: hover {
	background: transparent
}
.course-chapters-list li.demo .tag,.course-chapters-list li.is--restricted .tag {
	visibility: visible
}
.course-chapters-list li.demo: hover,.course-chapters-list li.student: hover {
	cursor: pointer
}
.course-chapters-list li.demo: hover .player-icon,.course-chapters-list li.student: hover .player-icon {
	visibility: visible
}
.course-chapters-list .no {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 20px;
	line-height: 22px;
	margin-right: 20px
}
.course-chapters-list .name {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 44px;
	line-height: 22px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: auto
}
.course-chapters-list .time {
	margin-left: 20px
}
.course-chapters-list .player-icon {
	margin: 5px 0 5px 8px;
	visibility: hidden
}
.course-chapters-list .tag {
	margin-left: 15px;
	visibility: hidden;
	color: #33b2e4;
	font-size: 14px;
	width: 60px
}
.course-intro-content {
	padding: 30px;
	border-right: 1px solid #d3dee5;
	border-left: 1px solid #d3dee5;
	border-bottom: 1px solid #d3dee5;
	position: relative;
	min-height: 450px
}
.course-intro-content.offset {
	margin-top: 26px;
	padding-top: 70px
}
.course-intro-content.loading .tab-loading {
	display: block;
	top: -53px
}
.course-intro-content .tab-loading {
	background: url(../image/loading.gif) no-repeat 50% 100px;
	background-size: 100px 100px;
	width: 100%;
	height: 100%;
	padding: 220px 0;
	background-color: #fff;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	display: none
}
.course-intro-content .tab-loading.show {
	display: block
}
.course-intro-content .comment-list {
	position: relative;
	min-height: 523px
}
.course-intro-content .comment-content.loading {
	position: absolute;
	top: 83px;
	left: 0;
	right: 0
}
.course-intro-content .comment-content .tab-loading {
	z-index: 9
}
.course-intro-content .comment-container .empty-view {
	background: #fff;
	padding: 40px 0;
	min-height: 380px
}
.editor-content .underline-title,.editor-content h2,.course-intro-container .underline-title,.course-intro-container h2 {
	font-size: 24px;
	font-weight: 500
}
.editor-content p,.course-intro-container p {
	margin: 10px 0
}
.editor-content img,.course-intro-container img {
	max-width: 100% !important;
	height: auto;
	margin: 0 auto
}
.editor-content a,.course-intro-container a {
	display: inline-block;
	word-break: break-all
}
.editor-content a .fr-fic,.course-intro-container a .fr-fic {
	cursor: pointer
}
.editor-content a .fr-fic: hover,.course-intro-container a .fr-fic: hover {
	cursor: pointer
}
.editor-content blockquote,.course-intro-container blockquote {
	border-left: 5px solid #eee;
	padding: 10px 20px;
	margin: 0 0 20px;
	color: #4c545a
}
.editor-content ul,.course-intro-container ul {
	list-style: disc;
	padding-left: 40px
}
.editor-content ul li,.course-intro-container ul li {
	list-style: disc
}
.upload-photo {
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #d3dee5;
	margin-top: -1px;
	border-top: none
}
.upload-photo p {
	color: #d3dee5;
	margin-bottom: 10px
}
.upload-photo .photo-list li {
	vertical-align: top;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 80px;
	height: 80px;
	background: #000;
	position: relative
}
.upload-photo .photo-list li .preview-block {
	height: 80px;
	position: relative;
	z-index: 2
}
.upload-photo .photo-list li .img-item--image {
	width: 100%;
	height: auto;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute
}
.rating-success-box {
	color: #4c545a
}
.rating-success-box .inner {
	padding: 30px 0 100px 0
}
.rating-success-box .manage-area {
	margin: 16px auto;
	text-align: center
}
.rating-success-box p {
	line-height: 1.6
}
.rating-success-box p.title {
	font-size: 20px;
	margin-bottom: 16px
}
.rating-btn {
	display: inline-flex;
	align-items: center;
	line-height: 1;
	background-color: #fff;
	border-radius: 5px;
	padding: 7px 8px;
	margin-right: 16px
}
.rating-btn svg {
	fill: #ffc669
}
.rating-area {
	display: inline-block;
	vertical-align: middle
}
.rating-area .rating {
	border: none;
	float: left
}
.rating-area .rating: not([disabled]): hover>input+label.full: before {
	content: ""
}
.rating-area .rating: not([disabled]): hover>input+label.full: hover~label: before,.rating-area .rating: not([disabled]): hover>input+label.full: hover: before {
	content: ""
}
.rating-area .rating>input {
	display: none
}
.rating-area .rating>input: not(: checked)~label.half: before,.rating-area .rating>input: not(: checked)~label.full: before {
	content: ""
}
.rating-area .rating>input: checked~label.full: before {
	content: ""
}
.rating-area .rating>input: checked~label.half: before {
	content: ""
}
.rating-area .rating>input+label {
	color: #fff;
	float: right;
	margin-bottom: 0
}
.rating-area .rating>input+label: before {
	margin: 0 1px;
	font-size: 16px;
	font-family: FontAwesome;
	display: inline-block;
	content: "";
	color: #ffc669;
	margin-right: 2px
}
.rating-area .rating>input+label.half: before {
	content: "";
	position: absolute;
	margin-top: 1px
}
.rating-area .rating-message {
	float: left;
	margin-left: 12px;
	display: inline-block
}
.rating-area .rating-message span {
	display: none;
	color: #ffc669;
	font-size: 16px
}
.rating-area .rating-message span.active {
	display: block
}
.info-container .get_certificate_status {
	height: 32px;
	line-height: 1
}
@media(max-width: 991px) {
	.info-container .get_certificate_status {
	height: 20px
}
}.info-container .certificate-btn {
	display: inline-flex;
	background-color: #fff;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	padding: 7px 8px
}
.info-container .certificate-check-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	background-color: #fff;
	border-radius: 5px;
	padding: 3.5px 8px
}
@media(max-width: 991px) {
	.info-container .material-icons-round {
	font-size: 14px;
	transform: translateY(-1px)
}
}.info-container .certificate-check-btn-text {
	float: right;
	padding: 4px 0
}
@media(max-width: 991px) {
	.info-container .certificate-check-btn-text {
	padding: 0
}
}.progress-circle {
	font-size: 10em
}
.progress-circle: after {
	clear: both;
	content: "";
	display: table
}
.progress-circle-inner {
	height: 1em;
	width: 1em;
	position: relative
}
.progress-circle-inner .pie {
	height: 100%;
	width: 100%;
	clip: rect(0, 1em, 1em, 0.5em);
	left: 0;
	position: absolute;
	top: 0
}
.progress-circle-inner .pie .half-circle {
	height: 100%;
	width: 100%;
	border: 10px solid #019fde;
	border-radius: 50%;
	clip: rect(0, 0.5em, 1em, 0);
	left: 0;
	position: absolute;
	top: 0
}
.progress-circle-inner .label {
	font-family: Helvetica;
	position: absolute;
	top: .4em;
	left: .4em;
	right: .4em;
	bottom: .4em;
	color: #019fde;
	font-size: 56px;
	line-height: 1;
	background: none;
	border-radius: 50%;
	display: block;
	text-align: center;
	padding: 20px 0;
	font-weight: normal
}
.progress-circle-inner .label span {
	display: block;
	font-size: 16px;
	line-height: normal
}
.progress-circle-inner .shadow {
	border-radius: 50%;
	height: 100%;
	width: 100%;
	border: 10px solid #f5f5f5
}
.progress-circle-inner.progress-0 .right-side,.progress-circle-inner.progress-10 .right-side,.progress-circle-inner.progress-20 .right-side,.progress-circle-inner.progress-30 .right-side,.progress-circle-inner.progress-40 .right-side,.progress-circle-inner.progress-50 .right-side {
	display: none
}
.progress-circle-inner.progress-60 .pie,.progress-circle-inner.progress-70 .pie,.progress-circle-inner.progress-80 .pie,.progress-circle-inner.progress-90 .pie,.progress-circle-inner.progress-100 .pie {
	clip: rect(auto, auto, auto, auto)
}
.progress-circle-inner.progress-60 .left-side,.progress-circle-inner.progress-70 .left-side,.progress-circle-inner.progress-80 .left-side,.progress-circle-inner.progress-90 .left-side,.progress-circle-inner.progress-100 .left-side {
	transform: rotate(180deg)
}
.progress-circle-inner.progress-10 .pie .left-side {
	transform: rotate(36deg)
}
.progress-circle-inner.progress-20 .pie .left-side {
	transform: rotate(72deg)
}
.progress-circle-inner.progress-30 .pie .left-side {
	transform: rotate(108deg)
}
.progress-circle-inner.progress-40 .pie .left-side {
	transform: rotate(144deg)
}
.progress-circle-inner.progress-50 .pie .left-side {
	transform: rotate(180deg)
}
.progress-circle-inner.progress-60 .pie .right-side {
	transform: rotate(216deg)
}
.progress-circle-inner.progress-70 .pie .right-side {
	transform: rotate(252deg)
}
.progress-circle-inner.progress-80 .pie .right-side {
	transform: rotate(288deg)
}
.progress-circle-inner.progress-90 .pie .right-side {
	transform: rotate(324deg)
}
.progress-circle-inner.progress-100 .pie .right-side {
	transform: rotate(360deg)
}
.mobile-fixed-course-info {
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.3),inset 0 1px 0 0 #d3dee5;
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	width: 100%;
	padding: 10px 20px;
	z-index: 10000
}
.mobile-fixed-course-info.display {
	z-index: 10
}
.mobile-fixed-course-info.show-info .info-div {
	display: none
}
.mobile-fixed-course-info .cart-action {
	display: flex;
	height: 50px
}
@media(max-width: 991px) {
	.mobile-fixed-course-info .cart-action .btn .btn-txt: nth-child(2) {
	display: none
}
.mobile-fixed-course-info .cart-action .btn: nth-child(2) .btn-txt: nth-child(1) {
	display: none
}
.mobile-fixed-course-info .cart-action .btn: nth-child(2) .btn-txt: nth-child(2) {
	display: block
}
}@media(max-width: 567px) {
	.mobile-fixed-course-info .cart-action {
	height: 40px
}
}.mobile-fixed-course-info .cart-action .btn-full {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: auto;
	margin-left: 20px;
	margin-top: 0px;
	padding: 8px 0;
	border-width: 2px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center
}
@media(max-width: 567px) {
	.mobile-fixed-course-info .cart-action .btn-full {
	border-width: 1px
}
}.mobile-fixed-course-info .cart-action .btn-full: first-child {
	margin-left: 0px
}
@media(max-width: 991px) {
	.mobile-fixed-course-info .cart-action .btn-full: first-child: first-child {
	font-size: 16px;
	flex: 1 0 0
}
}@media(max-width: 567px) {
	.mobile-fixed-course-info .cart-action .btn-full: first-child: first-child {
	font-size: 14px
}
}@media(max-width: 991px) {
	.mobile-fixed-course-info .cart-action .btn-full: last-child {
	flex: 0 0 80px
}
.mobile-fixed-course-info .cart-action .btn-full: last-child .addtocart2 {
	width: 18px;
	height: 18px
}
}@media(max-width: 567px) {
	.mobile-fixed-course-info .cart-action .btn-full: last-child {
	flex: 0 0 40px;
	font-size: 14px;
	margin-left: 10px
}
.mobile-fixed-course-info .cart-action .btn-full: last-child .addtocart2 {
	width: 16px;
	height: 16px
}
}.mobile-fixed-course-info .info-div {
	display: none;
	margin-bottom: 8px
}
.mobile-fixed-course-info .title {
	color: #019fde;
	line-height: 1;
	margin-bottom: 8px
}
.mobile-fixed-course-info .type-tag {
	padding: 4px;
	font-size: 12px
}
.mobile-fixed-course-info .price {
	line-height: 1;
	font-size: 16px;
	color: #ff5b74
}
.mobile-fixed-course-info .price s {
	margin-left: 0px;
	color: #8b9195;
	font-size: 12px
}
.hit-course-title {
	height: 60px;
	display: flex;
	align-items: center;
	margin-top: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #d3dee5
}
.hit-course-title.challenge-title {
	margin-bottom: 0;
	border-bottom: 0
}
.hit-course-title .title {
	font-size: 36px;
	line-height: 1;
	word-break: break-word
}
.hit-course-title .type-tab {
	border: none
}
.hit-course-title .type-tab li a {
	border-radius: 0px;
	width: 80px;
	text-align: center;
	font-size: 20px;
	color: #8b9195;
	padding: 29px 0;
	border: none;
	border-bottom: 5px solid transparent;
	margin-right: 30px;
	background: transparent;
	transition-property: color,background;
	transition-duration: .3s;
	cursor: pointer
}
.hit-course-title .type-tab li a: hover {
	color: #019fde;
	background: transparent
}
.hit-course-title .type-tab li.active a {
	border: none;
	background: transparent;
	border-bottom: 5px solid #019fde;
	color: #019fde;
	font-weight: 500;
	transition-property: color,background;
	transition-duration: .3s
}
.hit-course-title .type-tab li.active a: hover {
	border: none;
	font-weight: 500;
	border-bottom: 5px solid #019fde
}
.hit-course-title .type-tab li: last-child a {
	margin-right: 0px
}
.hit-course-intro {
	margin-bottom: 30px;
	font-size: 20px;
	line-height: normal;
	word-break: break-word
}
.hit-course-intro a {
	text-decoration: underline
}
.body--event {
	background: #fff
}
.hit-course-banner {
	margin-bottom: 30px;
	width: 100%;
	height: auto;
	overflow: hidden
}
.hit-course-banner .hit-course-banner-img {
	width: 100%;
	height: auto
}
.classroom-header {
	width: 100%;
	margin: 0 auto;
	color: #fff
}
.classroom-header.loading .loading-bar {
	background-image: linear-gradient(to left, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.7));
	background-size: 800px 104px;
	height: 15px;
	margin-top: 35px
}
.classroom-header.loading .loading-bar.sm {
	width: 50%
}
.classroom-header.loading .back-btn {
	display: none
}
.classroom-header.loading .course-info-block {
	border: none;
	height: 207px
}
.classroom-header.loading .course-cover-bg {
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	filter: blur(0px);
	background: #019fde
}
.classroom-header.loading .course-cover-block {
	border: none;
	background-color: rgba(255,255,255,.5)
}
.classroom-header.loading .course-manage-block {
	display: none
}
.classroom-header.loading .course-manage-block .loading-bar {
	margin: 20px 16px
}
.classroom-header.loading .classroom-tab-container li {
	text-align: center
}
.classroom-header.loading .classroom-tab-container li .loading {
	background: #4a4a4a;
	max-width: 80px;
	display: block;
	height: 15px;
	opacity: .22;
	margin: 24px auto
}
.classroom-header.fixed {
	position: fixed;
	top: 0;
	z-index: 10;
	height: auto !important
}
.classroom-header.fixed .back-btn {
	width: 80px;
	padding: 8px 0
}
.classroom-header.fixed .back-btn i {
	margin-bottom: 0px
}
.classroom-header.fixed .back-btn p {
	display: none
}
.classroom-header.fixed .course-cover-block,.classroom-header.fixed .course-manage-block {
	display: none
}
.classroom-header.fixed .course-info-block {
	border-bottom: none
}
.classroom-header.fixed .course-cover-bg {
	height: 70px
}
.classroom-header.fixed .course-header-block .inner {
	width: 66.66666667%;
	padding: 14px 15px
}
.classroom-header.fixed .course-header-block .fixed-info {
	display: flex;
	flex: 1 0 60px;
	align-items: center;
	justify-content: space-around
}
.classroom-header.fixed .course-header-block .fixed-info .teacher-info {
	flex: 1;
	display: flex;
	margin-right: 30px
}
.classroom-header.fixed .course-header-block .fixed-info .teacher-info .nickname {
	max-width: 75%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.classroom-header.fixed .course-header-block .fixed-info .rating {
	flex: 1 0 60px;
	text-align: center;
	border-right: 1px solid rgba(247,248,250,.5);
	height: 24px;
	position: relative
}
.classroom-header.fixed .course-header-block .fixed-info .rating .rating-btn {
	display: inline-block;
	line-height: 1;
	padding: 0;
	margin: 0;
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.classroom-header.fixed .course-header-block .fixed-info .certificate {
	flex: 1 0 24px;
	margin: 0 18px;
	width: 24px;
	height: 24px;
	position: relative
}
.classroom-header.fixed .course-header-block .fixed-info .certificate: : after {
	content: "";
	border-right: 1px solid rgba(247,248,250,.5);
	position: absolute;
	top: -1px;
	left: 40px;
	height: 24px
}
.classroom-header.fixed .course-header-block .fixed-info .certificate .certificate-btn,.classroom-header.fixed .course-header-block .fixed-info .certificate .certificate-check-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center
}
.classroom-header.fixed .course-header-block .fixed-info .certificate .certificate-btn svg,.classroom-header.fixed .course-header-block .fixed-info .certificate .certificate-check-btn svg {
	height: 2.2rem;
	fill: #fff
}
.classroom-header.fixed .course-header-block .fixed-info .certificate .certificate-check {
	position: absolute;
	width: 15px;
	height: 15px;
	background-color: #009fde;
	right: -2px;
	bottom: -2px;
	border-radius: 50%;
	display: none;
	justify-content: center;
	align-items: center
}
.classroom-header.fixed .course-header-block .fixed-info .certificate .certificate-check .svg-icon {
	height: 8px;
	fill: #fff
}
.classroom-header.fixed .course-header-block .fixed-info .info-btn {
	display: flex;
	flex: 1 0 60px;
	align-items: center;
	justify-content: center;
	margin: 0
}
.classroom-header.fixed .course-header-block .fixed-info .full-header-btn {
	color: #fff;
	margin-left: 30px;
	line-height: 30px;
	font-size: 16px;
	flex: 1
}
.classroom-header.fixed .course-header-block .fixed-info .full-header-btn svg {
	fill: #fff;
	height: 1.5rem;
	margin-left: 10px
}
.classroom-header.fixed .course-header-block .course-info {
	display: none
}
.classroom-header.fixed .course-header-block .course-title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 33px;
	line-height: 33px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	margin-bottom: 0px
}
.classroom-header.fixed .course-header-block .right-container {
	display: flex;
	align-items: center
}
.classroom-header.offline .is-online-t {
	display: none
}
.classroom-header .tooltip-black-bg+.tooltip {
	border-radius: 0px
}
.classroom-header .tooltip-black-bg+.tooltip .tooltip-inner {
	border-radius: 0px;
	font-size: 16px;
	padding: 2px 9px;
	background: rgba(0,0,0,.76)
}
.classroom-header .tooltip-black-bg+.tooltip .tooltip-arrow {
	border-bottom-color: rgba(0,0,0,.76)
}
.classroom-header .tooltip-black-bg+.tooltip .tooltip-arrow: after {
	background: rgba(0,0,0,.76)
}
.classroom-header .back-btn {
	border-radius: 0px;
	width: 100px;
	color: #fff;
	padding: 40px 0;
	font-size: 16px;
	box-shadow: inset -1px 0 0 0 rgba(255,255,255,.3);
	display: flex;
	align-items: center;
	flex-direction: column
}
@media(max-width: 991px) {
	.classroom-header .back-btn {
	flex-direction: row
}
}.classroom-header .back-btn svg {
	display: block;
	width: 18px;
	height: 50px;
	fill: #fff
}
.classroom-header .back-btn p {
	margin-top: 6px
}
.classroom-header .course-info-block {
	position: relative;
	border-bottom: 1px solid #fff
}
.classroom-header .course-cover-bg {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	filter: blur(5px);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 260px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	z-index: -1;
	transform: scaleY(1.05)
}
.classroom-header .course-cover-bg .cover-inner {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4)
}
.classroom-header .course-cover-block {
	position: absolute;
	top: 18px;
	right: 16px;
	border: 1px solid #fff;
	width: 285px;
	height: 160px;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat
}
.classroom-header .course-cover-block__container {
	display: flex
}
.classroom-header .course-cover-block__container .flex-center {
	display: flex;
	align-items: center
}
.classroom-header .course-cover-block__container .flex-center .type-tag {
	margin-right: 16px
}
.classroom-header .course-cover-block__container .teacher-info {
	margin-right: auto
}
.classroom-header .course-cover-block__container .inner {
	width: 100%
}
.classroom-header .course-cover-block__video {
	position: relative;
	top: 18px;
	min-width: 285px;
	height: 160px;
	background-size: 100% auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border: 1px solid #fff
}
.classroom-header .course-cover-block .expired,.classroom-header .course-cover-block .my-course-card .cover .private,.my-course-card .cover .classroom-header .course-cover-block .private,.classroom-header .course-cover-block .my-course-card .cover .expired-xs,.my-course-card .cover .classroom-header .course-cover-block .expired-xs,.classroom-header .course-cover-block__video .expired,.classroom-header .course-cover-block__video .my-course-card .cover .private,.my-course-card .cover .classroom-header .course-cover-block__video .private,.classroom-header .course-cover-block__video .my-course-card .cover .expired-xs,.my-course-card .cover .classroom-header .course-cover-block__video .expired-xs {
	text-align: center;
	line-height: 2.25
}
.classroom-header .course-cover-block .cover,.classroom-header .course-cover-block__video .cover {
	height: 100%;
	background-color: rgba(0,0,0,.8)
}
.classroom-header .course-cover-block .cover-info,.classroom-header .course-cover-block__video .cover-info {
	font-size: 12px;
	text-align: left;
	line-height: 18px
}
.classroom-header .course-cover-block .cover__icon--normal,.classroom-header .course-cover-block__video .cover__icon--normal {
	margin-bottom: 11px
}
.classroom-header .course-cover-block .cover--normal,.classroom-header .course-cover-block__video .cover--normal {
	display: flex;
	flex-direction: column;
	padding: 36px 16px 8px 16px;
	height: 100%
}
.classroom-header .course-cover-block .cover a,.classroom-header .course-cover-block__video .cover a {
	color: #fff;
	font-size: 20px;
	text-align: center
}
.classroom-header .course-cover-block .cover a i,.classroom-header .course-cover-block__video .cover a i {
	display: block;
	font-size: 30px;
	margin-bottom: 8px
}
.classroom-header .course-cover-block .video-link,.classroom-header .course-cover-block__video .video-link {
	height: 100%
}
.classroom-header .course-cover-block .cover-gradient,.classroom-header .course-cover-block__video .cover-gradient {
	background: linear-gradient(to bottom, transparent, black)
}
.classroom-header .course-cover-block .course-info .btn {
	margin-top: 8px
}
.classroom-header .course-cover-block .course-info .btn-grey {
	opacity: 1
}
.classroom-header .course-cover-block .course-info .btn-grey: hover {
	opacity: 1
}
.classroom-header .course-header-block {
	position: relative
}
.classroom-header .course-header-block .inner {
	padding: 16px 30px
}
.classroom-header .course-header-block .fixed-info {
	display: none;
	padding: 14px 0
}
.classroom-header .course-header-block .fixed-info .rating-link {
	margin-left: 30px;
	padding: 6px
}
.classroom-header .course-header-block .fixed-info .rating-link i {
	font-size: 24px
}
.classroom-header .course-header-block .type-tag {
	border: 1px solid #fff;
	font-size: 16px
}
.classroom-header .course-header-block .rating-link {
	margin-left: 16px;
	font-size: 16px;
	padding: 1px 8px
}
.classroom-header .course-header-block .course-title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 66px;
	line-height: 33px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 18px
}
.classroom-header .course-header-block .info-btn {
	display: none;
	margin-left: 30px;
	color: #fff;
	font-size: 20px
}
.classroom-header .course-header-block .full-header-btn {
	color: #fff;
	margin-left: 30px;
	line-height: 30px;
	font-size: 16px
}
.classroom-header .course-header-block .full-header-btn .up-icon {
	margin-left: 8px;
	width: 24px;
	height: 24px;
	transform: translateY(3px)
}
.classroom-header .course-header-block .teacher-info .avatars {
	width: 36px;
	height: 36px
}
.classroom-header .course-header-block .teacher-info .nickname {
	line-height: 36px;
	margin-left: 16px
}
.classroom-header .course-header-block .teacher-info .tag {
	margin-left: 16px;
	padding: 0 5px;
	vertical-align: top;
	border-color: #019fde;
	color: #019fde
}
.classroom-header .course-manage-block {
	background-color: rgba(255,255,255,.2);
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5)
}
.classroom-header .course-manage-block .container,.classroom-header .course-manage-block .inner {
	padding: 0px
}
.classroom-header .course-manage-block li {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	position: relative
}
.classroom-header .course-manage-block li.message {
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2
}
.classroom-header .course-manage-block li: after {
	content: "|";
	color: #d3dee5;
	position: absolute;
	top: 8px;
	right: 0px
}
.classroom-header .course-manage-block li: last-child: after {
	content: " "
}
.classroom-header .course-manage-block p {
	padding: 8px
}
.classroom-header .course-manage-block .btn {
	width: 95%;
	border: none;
	background: transparent;
	color: #fff
}
.classroom-header .course-manage-block .btn: hover {
	border-radius: 0px;
	background-color: rgba(0,0,0,.1)
}
.classroom-header .classroom-tab-container {
	background: #f7f8fa;
	border-bottom: 1px solid #d3dee5
}
.classroom-header .classroom-tab-container .nav-tabs {
	border: none;
	padding: 0px
}
.classroom-header .classroom-tab-container .nav-tabs li {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.classroom-header .classroom-tab-container .nav-tabs li a {
	border-radius: 0px;
	text-align: center;
	font-size: 20px;
	color: #4c545a;
	border: none;
	padding: 0;
	border-bottom: 3px solid transparent;
	transition: all .3s
}
.classroom-header .classroom-tab-container .nav-tabs li a: hover {
	background: transparent;
	font-weight: 500;
	color: #33b2e4;
	border-bottom: 3px solid #33b2e4
}
.classroom-header .classroom-tab-container .nav-tabs li a>span {
	display: block;
	padding: 16px 0
}
.classroom-header .classroom-tab-container .nav-tabs li .num {
	border-radius: 100px;
	font-size: 16px;
	width: 40px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	margin-left: 16px
}
.classroom-header .classroom-tab-container .nav-tabs li.active a {
	background: transparent;
	font-weight: 500;
	color: #33b2e4;
	border: none;
	border-bottom: 3px solid #33b2e4
}
.classroom-container {
	padding-left: 16px;
	padding-right: 16px
}
.classroom-container .course-classroom-content {
	position: relative
}
.classroom-container .course-classroom-content .tab-loading {
	background: url(../image/loading.gif) no-repeat 50% 100px;
	background-size: 100px 100px;
	width: 100%;
	height: 100%;
	padding: 220px 0;
	background-color: #fff;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	display: none
}
.classroom-container .course-classroom-content .tab-loading.show {
	display: block
}
.classroom-container .course-classroom-content .comment-list {
	position: relative;
	min-height: 523px
}
.classroom-container .course-classroom-content .comment-content.loading {
	position: absolute;
	top: 83px;
	left: 0;
	right: 0
}
.classroom-container .course-classroom-content .comment-content .tab-loading {
	z-index: 9
}
.classroom-container .tab-content {
	margin-right: -16px;
	margin-left: -16px
}
.classroom-container .tab-pane {
	padding: 60px 0
}
.classroom-container .homework-list {
	margin-top: -60px
}
.classroom-container .comment-help-info {
	margin-bottom: 60px
}
.classroom-container .comment-help-info h1 {
	font-size: 30px
}
.classroom-container .comment-help-info p {
	font-size: 20px
}
.classroom-container .yotta-alert p {
	position: relative;
	padding-left: 30px
}
.classroom-container .yotta-alert p span {
	position: absolute;
	left: 0px
}
.classroom-container .comment-container .comment-list {
	background: #fff
}
.classroom-container .comment-container .comment-list .comment {
	padding: 20px 0
}
.classroom-container .comment-container .comment-list-header {
	background: #fff;
	padding: 16px 0
}
.classroom-container .comment-container .empty-view {
	background: #fff;
	padding: 40px 0;
	min-height: 380px
}
.classroom-chapter-list {
	margin-top: 30px;
	background: #fff
}
.classroom-chapter-list .chapter-block.chapter {
	padding: 30px 30px 0 30px;
	border-bottom: 4px solid #f7f8fa
}
.classroom-chapter-list .chapter-block.unit {
	padding: 0 30px;
	border: 1px solid #f5f5f5
}
.classroom-chapter-list .chapter-block.unit .title {
	padding-top: 20px;
	padding-bottom: 20px;
	cursor: pointer
}
.classroom-chapter-list .chapter-block.unit .title: hover {
	color: #33b2e4
}
.classroom-chapter-list .chapter-block .manage {
	display: flex;
	justify-content: center;
	align-items: center
}
.classroom-chapter-list .chapter-block.is--disable {
	pointer-events: none
}
.classroom-chapter-list .title h3 {
	color: #33b2e4;
	font-size: 24px;
	font-weight: 500;
	padding: 18px 0
}
.classroom-chapter-list .title .no {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 20px;
	line-height: 22px;
	margin-right: 20px
}
.classroom-chapter-list .title .name {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 44px;
	line-height: 22px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: auto
}
.classroom-chapter-list .manage-block {
	padding: 18px 0;
	width: 65px;
	text-align: center
}
.classroom-chapter-list .manage-block: hover .tag.complete,.classroom-chapter-list .manage-block: hover .tag.wait {
	display: none
}
.classroom-chapter-list .manage-block: hover .tag.update-tag {
	display: block;
	color: #33b2e4;
	border-color: #33b2e4
}
.classroom-chapter-list .manage-block: hover .tag.update-tag.complete {
	color: #8b9195;
	border-color: #8b9195
}
.classroom-chapter-list .manage-block .btn-icon {
	border-radius: 2px;
	background: #fff;
	padding: 3px 6px
}
@media(max-width: 991px) {
	.classroom-chapter-list .manage-block .btn-icon {
	border: 1px solid #019fde
}
}.classroom-chapter-list .manage-block .btn-icon: hover,.classroom-chapter-list .manage-block .btn-icon: active {
	background: #019fde;
	border-color: #019fde
}
.classroom-chapter-list .manage-block .btn-icon: hover svg,.classroom-chapter-list .manage-block .btn-icon: active svg {
	fill: #fff !important
}
.classroom-chapter-list .manage-block .btn-icon span {
	display: none
}
@media(max-width: 991px) {
	.classroom-chapter-list .manage-block .btn-icon span {
	display: block;
	font-size: 12px
}
}.classroom-chapter-list .manage-block .tag {
	display: block;
	width: 100%;
	padding: 4px 0;
	line-height: normal;
	text-align: center;
	font-size: 12px;
	background: transparent;
	cursor: pointer;
	color: #8b9195;
	border: 1px solid #8b9195
}
.classroom-chapter-list .manage-block .tag.complete {
	color: #33b2e4;
	border-color: #33b2e4
}
.classroom-chapter-list .manage-block .tag.play {
	color: #ff5b74;
	border: none;
	cursor: default
}
.classroom-chapter-list .manage-block .tag.update-tag {
	display: none
}
@media screen and (max-width: 991) {
	.classroom-chapter-list .manage-block .tag.update-tag.complete: hover {
	display: none
}
}.classroom-chapter-list .manage-block .tag.wait {
	display: none
}
.iframe-body .classroom-attachment-list {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px
}
.iframe-body .classroom-attachment-list .attachment-block {
	padding: 16px 24px;
	border-bottom: 1px solid #f4f4f4
}
.iframe-body .classroom-attachment-list .attachment-block .no {
	margin-right: 20px
}
.iframe-body .classroom-attachment-list .attachment-block .title {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-bottom: 0px;
	font-size: 16px
}
.iframe-body .classroom-attachment-list .attachment-block .btn {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	color: #019fde
}
.iframe-body .classroom-attachment-list .attachment-block .btn i {
	font-size: 20px;
	width: 20px;
	height: 20px
}
.iframe-body .classroom-attachment-list .attachment-block .btn: hover {
	color: #019fde
}
.classroom-note-container .export-note-title {
	margin: 30px 0;
	font-weight: 500;
	font-size: 30px
}
.classroom-note-container .unit-title {
	padding: 14px 30px;
	border-bottom: 4px solid #f7f8fa;
	font-size: 24px;
	font-weight: 500;
	color: #019fde
}
.classroom-note-container .search-box {
	padding: 30px;
	background: #fff
}
.classroom-note-container .search-box select {
	border-radius: 5px;
	height: auto;
	padding: 12px 16px;
	border-color: #d3dee5;
	color: #8b9195
}
.classroom-note-container .unit-block {
	background: #fff
}
.classroom-note-container .note-block {
	padding: 16px 30px
}
.classroom-note-container .note-block.edit {
	background: #f2f9ff
}
.classroom-note-container .note-block.edit .editor {
	display: block
}
.classroom-note-container .note-block.edit .edit-area .btn-icon,.classroom-note-container .note-block.edit .message {
	display: none
}
.classroom-note-container .note-block .note-block-inner {
	padding-bottom: 16px;
	box-shadow: inset 0 -1px 0 0 #f5f5f5
}
.classroom-note-container .note-block .note-block-inner .icon-trash {
	width: 16px;
	height: 16px
}
.classroom-note-container .note-block .note-block-inner .icon-edit {
	display: inline-block;
	mask-image: url(../image/icon/icon-edit.svg);
	-webkit-mask-image: url(../image/icon/icon-edit.svg);
	width: 24px;
	height: 21px;
	transform: translateY(4.8px);
	background-color: #d3dee5
}
.classroom-note-container .note-block .note-block-inner .icon-edit: hover {
	background-color: #019fde
}
.classroom-note-container .note-block .cover {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	background-color: #e5f1f9;
	background-position: 50% 50%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 140px;
	height: 80px;
	margin-right: 30px;
	cursor: pointer
}
.classroom-note-container .note-block .cover img {
	width: auto
}
.classroom-note-container .note-block .content {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.classroom-note-container .note-block .content .btn-icon {
	color: #d3dee5;
	margin-left: 8px;
	font-size: 20px
}
.classroom-note-container .note-block .content .btn-icon: hover {
	color: #019fde
}
.classroom-note-container .note-block .empty-message {
	line-height: 80px
}
.classroom-note-container .note-block .empty-message span {
	display: inline-block;
	color: #33b2e4;
	cursor: pointer
}
.classroom-note-container .note-block .create {
	background: #33b2e4;
	color: #fff;
	text-align: center;
	padding: 0 8px;
	line-height: normal;
	margin-bottom: 4px
}
.classroom-note-container .note-block .create span {
	margin-right: 3px
}
.classroom-note-container .note-block .message {
	word-break: break-word
}
.classroom-note-container .note-block .editor {
	display: none
}
.classroom-note-container .note-block .editor textarea {
	border-radius: 5px;
	width: 100%;
	min-height: 120px;
	padding: 8px;
	border: 1px solid #d3dee5;
	margin-bottom: 8px
}
.classroom-note-container .note-block .editor .btn {
	border-radius: 0px;
	margin-left: 8px
}
@media(max-width: 768px) {
	.hide-on-mobile {
	display: none
}
.course-card {
	width: 100%;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 12px
}
.course-card: hover .course-card-inner,.course-card: focus .course-card-inner {
	box-shadow: none
}
.course-card .course-card-inner {
	border-radius: 0px;
	background: transparent
}
.course-card .cover {
	width: 45%;
	display: inline-block;
	float: left
}
.course-card .cover.empty {
	border-radius: 5px;
	height: 160px
}
.course-card .cover img {
	border-radius: 5px
}
.course-card .cover .expired-cover {
	border-radius: 5px;
	font-size: 16px
}
.course-card .box {
	width: 55%;
	float: left;
	display: inline-block;
	padding: 0 0 0 8px
}
.course-card .tag {
	margin-left: 4px;
	padding: 4px 2px
}
.course-card .fundraising-label.mobile {
	display: inline-block
}
.course-card .fundraising-label.desktop {
	display: none
}
.course-card .course-meta {
	margin-bottom: 0px
}
.course-card .offline-course-date {
	width: 75%
}
.course-card .price {
	font-size: 14px;
	line-height: normal
}
.course-card .course-title {
	margin: 4px 0 0 0;
	font-weight: normal
}
.course-card .progress-title {
	display: inline-block;
	width: 30%;
	color: #8b9195
}
.course-card .progress-num {
	display: inline-block;
	width: 30%;
	color: #8b9195;
	text-align: right
}
.course-card .progress-info {
	width: 35%;
	display: inline-block
}
.course-card .progress-info .progress {
	border: 1px solid #d3dee5
}
.course-card .teacher {
	border-radius: 0px;
	padding: 0 8px;
	margin-left: 45%
}
.course-card .teacher .name {
	font-size: 14px;
	font-weight: normal
}
}.classroom-quiz-modal .modal-body .quiz-list {
	height: calc(100vh - 213px);
	overflow-y: auto
}
.classroom-quiz-modal .modal-body .quiz-list .quiz-form-block {
	border-bottom: 1px solid #d3dee5;
	padding: 30px 0;
	margin-top: 0;
	position: relative
}
.classroom-quiz-modal .modal-body .quiz-list .quiz-form-block: before {
	position: absolute;
	font-family: FontAwesome;
	top: 30px;
	width: 20px;
	font-size: 20px
}
.classroom-quiz-modal .modal-body .quiz-list .quiz-form-block.is-correct: before {
	content: "";
	color: #6c9
}
.classroom-quiz-modal .modal-body .quiz-list .quiz-form-block.is-correct .title {
	text-indent: 30px
}
.classroom-quiz-modal .modal-body .quiz-list .quiz-form-block.is-fail: before {
	content: "";
	color: #ff5b74
}
.classroom-quiz-modal .modal-body .quiz-list .quiz-form-block.is-fail .title {
	text-indent: 30px
}
.classroom-quiz-modal .modal-body .quiz-list .quiz-form-block .title {
	font-size: 16px;
	padding: 0px;
	margin-bottom: 10px
}
.classroom-quiz-modal .modal-body .quiz-list .quiz-form-block .radio,.classroom-quiz-modal .modal-body .quiz-list .quiz-form-block .checkbox {
	padding-left: 16px;
	margin-top: 15px;
	margin-bottom: 15px
}
.classroom-quiz-modal .modal-body .quiz-list .quiz-form-block .radio .option-info,.classroom-quiz-modal .modal-body .quiz-list .quiz-form-block .checkbox .option-info {
	padding-left: 10px
}
.classroom-quiz-modal .modal-body .quiz-list .quiz-form-block .radio .correct-tag,.classroom-quiz-modal .modal-body .quiz-list .quiz-form-block .checkbox .correct-tag {
	display: none;
	padding: 0 4px;
	line-height: normal;
	color: #6c9;
	border: 1px solid #6c9;
	font-size: 12px;
	margin-left: 20px
}
.classroom-quiz-modal .modal-body .quiz-list .quiz-form-block .remark {
	display: none;
	background-color: rgba(255,255,255,.2);
	padding: 16px;
	color: #fff;
	font-size: 16px
}
.classroom-quiz-modal .modal-body .quiz-list .quiz-form-block .remark .title {
	text-indent: 0;
	font-size: 16px;
	color: #019fde;
	padding: 0px;
	margin-bottom: 8px
}
.classroom-quiz-modal .modal-body .quiz-list .btn-area {
	padding: 30px 0;
	margin-right: 10px
}
.classroom-quiz-modal .modal-body .quiz-list .btn-area .btn {
	display: none;
	margin-left: 16px
}
.classroom-quiz-modal .modal-body .quiz-list .btn-area .btn: first-child {
	margin-left: 0
}
.classroom-quiz-modal .modal-body .quiz-list .btn-area .btn-submit {
	display: block
}
.classroom-quiz-modal .modal-body .quiz-list.active .btn-area .btn-submit {
	display: none
}
.classroom-quiz-modal .modal-body .quiz-list.active .btn-area .btn-active {
	display: block
}
.classroom-quiz-modal .modal-body .quiz-list.active .quiz-form-block .radio .correct-tag,.classroom-quiz-modal .modal-body .quiz-list.active .quiz-form-block .checkbox .correct-tag {
	display: inline-block
}
.classroom-quiz-modal .modal-body .quiz-list.active .quiz-form-block .remark {
	display: block
}
.classroom-attachment-modal .modal-body .js-loading img {
	width: 100px;
	height: 100px
}
@media(max-width: 991px) {
	.hit-course-title {
	height: 60px;
	display: flex;
	align-items: center
}
.hit-course-title .title {
	font-size: 20px
}
.hit-course-title .type-tab {
	width: 168px
}
.hit-course-title .type-tab li {
	width: 33%
}
.hit-course-title .type-tab li a {
	width: auto;
	margin: 0px;
	padding: 25px 0 7px 0;
	font-size: 16px
}
.hit-course-title.fixed {
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 9999;
	background: #f7f8fa;
	width: 100%;
	height: auto !important;
	padding: 0;
	margin: 0 -15px 0 0
}
.hit-course-title.fixed: : after {
	margin: 0;
	width: 100%
}
.hit-course-title.fixed .title {
	font-size: 20px;
	padding: 8px 10px
}
.hit-course-title.fixed .type-tab li a {
	padding: 13px 0 4px 0
}
.hit-course-title.fixed2 {
	top: 48px
}
.hit-course-intro {
	font-size: 16px
}
.container.course>.row {
	display: flex;
	flex-direction: column;
	margin: 0
}
.mobile-sidebar {
	margin: 0px;
	max-width: 100vw;
	overflow: hidden
}
.mobile-sidebar .scroll-top-btn {
	display: none
}
.container-fluid .container.course {
	padding: 0;
	position: relative;
	overflow-x: hidden
}
.course-intro-content {
	padding-left: 16px;
	padding-right: 16px;
	border: none
}
.course-intro-content.offset {
	margin-top: 0;
	padding-top: 24px
}
.course-video {
	width: 100%;
	height: 210px
}
.course-video .play-icon {
	top: 50%;
	left: 50%;
	text-align: right;
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin-top: -30px;
	margin-left: -30px
}
.course-video .play-icon .fa {
	font-size: 22px;
	padding-right: 18px
}
.course-container {
	position: static;
	padding: 0
}
.course-intro-tab {
	border: none;
	background: #ccecf8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}
.course-intro-tab.active {
	margin-top: 0px;
	background: #ccecf8;
	box-shadow: none
}
.course-intro-tab li {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: auto
}
.course-intro-tab li.active a {
	padding: 8px 0;
	background: #ccecf8;
	border-bottom: 3px solid #019fde
}
.course-intro-tab li.active a: hover,.course-intro-tab li.active a: focus {
	background: #ccecf8;
	border-bottom: 3px solid #019fde
}
.course-intro-tab li a {
	padding: 8px 0;
	background: #ccecf8;
	font-size: 16px;
	border-bottom: 3px solid transparent
}
.course-intro-tab li a: hover,.course-intro-tab li a: focus {
	background: #ccecf8;
	border-bottom: 3px solid #019fde
}
.course-chapters-info .title {
	letter-spacing: 2px;
	font-size: 16px;
	line-height: 16px;
	font-weight: 500
}
.course-chapters-info .count {
	padding: 12px 0;
	line-height: 24px;
	font-size: 16px
}
.course-chapters-info .count span {
	font-size: 16px;
	line-height: 16px
}
.course-chapters-info .count small {
	font-size: 16px
}
.course-chapters-list li.title {
	font-weight: 500;
	padding-bottom: 12px
}
.course-chapters-list .no {
	margin-right: 5px
}
.course-chapters-list .time {
	margin-left: 8px;
	font-size: 16px
}
.course-sidebar {
	padding: 0
}
.course-sidebar .affix {
	width: 100% !important;
	position: static
}
.course-sidebar .course-sidebar-inner {
	border: none;
	border-bottom: 1px solid #f5f5f5;
	padding: 16px 19px;
	margin-top: 0
}
.course-sidebar .course-sidebar-inner: last-child {
	border-bottom: none
}
.course-sidebar .course-sidebar-inner .cart-action {
	display: none
}
.course-sidebar ul li {
	margin-top: 10px;
	line-height: 1
}
.course-sidebar .share-btn {
	margin-left: 19px
}
.my-course-list {
	padding: 16px 10px
}
.my-course-card {
	margin: 0 0 16px 0
}
.my-course-card: last-child {
	margin-bottom: 0px
}
.my-course-card.online .mobile-manage-list.expired a,.my-course-card.online .cover .mobile-manage-list.private a,.my-course-card.online .cover .mobile-manage-list.expired-xs a {
	background: #019fde
}
.my-course-card .my-course-card-inner {
	flex-flow: column;
	background: #fff
}
.my-course-card .cover {
	width: 100%
}
.my-course-card .cover .expired-xs {
	display: flex
}
.my-course-card .info {
	padding: 16px 0 0 0;
	margin: 0
}
.my-course-card .info .course-title {
	height: auto;
	display: block;
	white-space: nowrap
}
.my-course-card .info .type-div {
	margin: 16px 0 10px 0
}
.my-course-card .progress-div {
	width: 100%
}
.my-course-card .progress {
	width: 45%
}
.my-course-card .progress-num {
	color: #4c545a
}
.my-course-card .price,.my-course-card .promo-btn {
	margin-top: 20px
}
.my-course-card .promo-area {
	left: 0px;
	top: 35px;
	width: 50vw
}
.my-course-card .mobile-manage-list {
	display: flex
}
.member-course-list .empty-view {
	padding: 40px 0;
	font-size: 16px
}
.member-course-list .empty-view p {
	margin-bottom: 30px
}
.mobile .checkin-info-div .block-info {
	display: block;
	padding: 10px 16px
}
.mobile .checkin-info-div .block-title {
	font-size: 16px;
	margin-bottom: 8px
}
.mobile .checkin-info-div .block-div {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	font-size: 12px;
	margin-bottom: 10px
}
.mobile .checkin-info-div .block-div: last-child {
	margin-bottom: 0px
}
.mobile .checkin-info-div .course-title-div {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none
}
.mobile .checkin-info-div .course-title-div .block-title {
	font-size: 20px
}
.mobile .checkin-info-div .author-div {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none
}
.mobile .checkin-info-div .author-div .avatars {
	width: 24px;
	height: 24px
}
.mobile .checkin-info-div .author-div .nickname {
	font-size: 14px;
	line-height: 24px
}
.mobile .checkin-info-div .member-info {
	padding: 16px;
	font-size: 16px
}
.mobile .checkin-info-div .member-info .info {
	color: #8b9195;
	font-size: 12px
}
.mobile .checkin-info-div .btn-block {
	padding: 16px
}
.classroom-header.loading .loading-bar {
	margin-top: 20px
}
.classroom-header.loading .back-btn {
	display: block
}
.classroom-header.loading .course-header-block {
	margin-top: 80px;
	margin-bottom: 15px
}
.classroom-header.loading .course-info-block {
	height: auto
}
.classroom-header.loading .course-cover-bg {
	height: 460px
}
.classroom-header.loading .course-manage-block {
	display: block
}
.classroom-header.loading .classroom-tab-container li .loading {
	max-width: 40px
}
.classroom-header .classroom-tab-container .nav-tabs li .num {
	border-radius: 10px;
	font-size: 10px;
	width: 20px;
	height: 16px;
	line-height: 16px;
	margin-left: 0px
}
.classroom-header.fixed {
	position: fixed;
	top: 0;
	z-index: 10
}
.classroom-header.fixed .course-cover-bg {
	height: 70px
}
.classroom-header.fixed .course-info-block .course-cover-block {
	display: none !important
}
.classroom-header.fixed .back-btn {
	width: auto;
	padding: 15px;
	padding-right: 0px;
	background: transparent
}
.classroom-header.fixed .course-header-block {
	margin-top: 0;
	padding-right: 0;
	padding-left: 0;
	margin-left: 40px
}
.classroom-header.fixed .course-header-block .inner {
	width: 100%
}
.classroom-header.fixed .course-header-block .course-title {
	padding-right: 30px
}
.classroom-header.fixed .course-header-block .info-btn {
	margin-left: 0px;
	position: absolute;
	display: block;
	top: 10px;
	right: 15px
}
.classroom-header.fixed .course-header-block .info-btn i {
	font-size: 20px
}
.classroom-header.fixed .course-header-block .fixed-info {
	display: none
}
.classroom-header .back-btn {
	width: 100%;
	background-color: rgba(255,255,255,.1);
	padding: 10px 16px;
	text-align: left;
	box-shadow: none
}
.classroom-header .back-btn svg {
	height: 30px;
	margin-right: 6px
}
.classroom-header .back-btn i {
	display: inline-block;
	vertical-align: top;
	font-size: 30px;
	margin-bottom: 0px;
	margin-right: 16px
}
.classroom-header .back-btn p {
	display: inline-block;
	line-height: 30px;
	margin-top: 0;
	transform: translateY(-1px)
}
.classroom-header .course-cover-bg {
	height: 500px
}
.classroom-header .course-cover-block {
	position: static;
	width: 72vw;
	margin: 0 auto
}
.classroom-header .course-cover-block a {
	font-size: 16px
}
.classroom-header .course-header-block {
	margin-top: 65px
}
.classroom-header .course-header-block .inner {
	padding: 16px 0
}
.classroom-header .course-header-block .flex-center .type-tag {
	font-size: 12px;
	margin-right: 4px
}
.classroom-header .course-header-block .rating-btn,.classroom-header .course-header-block .certificate-btn,.classroom-header .course-header-block .certificate-check-btn {
	font-size: 12px;
	padding: 4px;
	height: 20px;
	position: relative
}
.classroom-header .course-header-block .rating-btn .svg-icon,.classroom-header .course-header-block .certificate-btn .svg-icon,.classroom-header .course-header-block .certificate-check-btn .svg-icon {
	height: 12px
}
.classroom-header .course-header-block .rating-btn {
	margin-right: 4px
}
.classroom-header .course-header-block .rating-btn: : before {
	content: "";
	height: 20px;
	width: 1px;
	display: inline-block;
	background-color: #f7f8fa;
	position: absolute;
	top: 0;
	left: -10px
}
.classroom-header .course-header-block .course-title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 56px;
	line-height: 28px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	font-size: 20px
}
.classroom-header .course-header-block .course-info {
	font-size: 14px;
	line-height: 24px
}
.classroom-header .course-header-block .rating-link {
	margin-left: 8px
}
.classroom-header .course-header-block .teacher-info .avatars {
	width: 24px;
	height: 24px
}
.classroom-header .course-header-block .teacher-info .nickname {
	line-height: 24px;
	margin-left: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: calc(100vw - 159px - 48px - 24px)
}
.classroom-header .course-header-block .teacher-info .tag {
	margin-left: 8px;
	font-size: 12px;
	display: none
}
.classroom-header .course-manage-block {
	font-size: 14px
}
.classroom-header .course-manage-block li.message {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.classroom-header .course-manage-block p {
	line-height: normal
}
.classroom-header .course-manage-block .btn {
	width: auto;
	padding: 16px
}
.classroom-container .comment-help-info {
	display: none
}
.classroom-container .tab-content {
	margin-right: 0px;
	margin-left: 0px
}
.classroom-container .tab-pane {
	padding: 24px 0
}
.classroom-container .comment-container .comment .author {
	padding-left: 10px;
	padding-left: 0
}
.classroom-container .comment-container .reply .author {
	padding-left: 0px
}
.classroom-container .comment-container .reply-list,.classroom-container .comment-container .reply-form {
	padding-right: 10px
}
.comment-block-inner.flexbox {
	flex-direction: column
}
.classroom-chapter-list {
	margin-top: 24px
}
.classroom-chapter-list .chapter-block {
	display: flex
}
}@media(max-width: 991px)and (max-width: 576px) {
	.classroom-chapter-list .chapter-block {
	flex-direction: column
}
}@media(max-width: 991px) {
	.classroom-chapter-list .chapter-block.chapter {
	padding: 16px 16px 0 16px
}
}@media(max-width: 991px) {
	.classroom-chapter-list .chapter-block.unit {
	padding: 0 16px
}
.classroom-chapter-list .chapter-block.unit .title {
	display: flex;
	align-items: center;
	padding-top: 16px;
	padding-bottom: 16px;
	width: 100%
}
.classroom-chapter-list .chapter-block.unit .manage {
	padding-right: 0px;
	padding-left: 0px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}
}@media(max-width: 991px) {
	.classroom-chapter-list .title h3 {
	font-size: 20px;
	padding: 16px 0
}
.classroom-chapter-list .title .no {
	margin-right: 10px
}
}@media(max-width: 991px) {
	.classroom-chapter-list .manage-block {
	padding: 16px 0;
	margin-right: 8px
}
.classroom-chapter-list .manage-block: last-child {
	width: 60px;
	margin-right: 0px
}
.classroom-chapter-list .manage-block: hover .tag.complete {
	display: block
}
.classroom-chapter-list .manage-block: hover .tag.wait {
	display: none
}
.classroom-chapter-list .manage-block: hover .tag.update-tag {
	display: none;
	color: #8b9195;
	border-color: #8b9195
}
}@media(max-width: 991px) {
	.classroom-note-container .unit-title {
	padding: 32px 16px 16px 16px;
	font-size: 20px
}
.classroom-note-container .note-block {
	padding: 16px
}
.classroom-note-container .note-block .empty-message {
	line-height: normal
}
.classroom-note-container .note-block .create {
	background: #33b2e4;
	color: #fff;
	text-align: center;
	padding: 0 8px;
	line-height: normal;
	margin-bottom: 4px
}
.classroom-note-container .note-block .create span {
	margin-right: 3px
}
}@media(max-width: 320px) {
	.course-card .progress-title {
	width: 32%
}
.course-card .progress-num {
	width: 34%
}
.course-card .progress-info {
	width: 28%
}
}.intro-load-package {
	height: fit-content;
	padding: 80px 0
}
.package-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative
}
.buytogether {
	margin-bottom: 10px;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.46;
	position: relative;
	padding: 0 20px;
	width: fit-content
}
.buytogether: : before,.buytogether: : after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background-color: #4c545a;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}
.buytogether: : before {
	right: 100%
}
.buytogether: : after {
	left: 100%
}
.course-intro-package-bg {
	background-color: #f7f7f7;
	width: 100%;
	height: 120px;
	position: absolute;
	top: 50.88px;
	left: 0;
	z-index: -1
}
.tag-main-wrap {
	display: flex;
	flex-direction: column;
	align-items: center
}
.tag-main-wrap .package-tag-wrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 63.95px;
	padding: 15px 0
}
.tag-main-wrap .package-tag-wrap .tagArrow {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	box-shadow: 2px 2px 10px 0 rgba(0,0,0,.2);
	display: flex;
	padding: 0;
	border: none
}
.tag-main-wrap .package-tag-wrap .tagArrow .svg-icon {
	width: 30px;
	height: 30px;
	background-color: #fff;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	margin: 0
}
.tag-main-wrap .package-tag-wrap .tagArrow: first-of-type {
	left: 0
}
.tag-main-wrap .package-tag-wrap .tagArrow: last-of-type {
	right: 0
}
.tag-main-wrap .package-tag-mid-wrap {
	width: 486px;
	height: 100%;
	position: relative;
	overflow-x: hidden;
	margin: 0 auto
}
.tag-main-wrap ul {
	width: fit-content;
	font-size: 14px;
	display: flex;
	justify-content: flex-start;
	margin: 0 auto
}
.tag-main-wrap ul : first-child {
	margin-left: 0
}
.tag-main-wrap ul li {
	margin-left: 20px
}
.tag-main-wrap ul.tagMove {
	position: absolute;
	left: 0
}
.tag-main-wrap ul button {
	white-space: nowrap;
	padding: 8px 10px;
	border-radius: 18px;
	border: solid 1px #ddd;
	background-color: #ddd;
	color: #707070;
	line-height: 1.14
}
.tag-main-wrap ul button: hover {
	color: #4c545a
}
.tag-main-wrap ul button: active,.tag-main-wrap ul button: focus {
	background-color: #4c545a;
	border-color: #4c545a;
	color: #fff
}
.tag-main-wrap ul button.active {
	background-color: #4c545a;
	border-color: #4c545a;
	color: #fff
}
.package-main {
	width: 560px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #fff;
	border-radius: 20px;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,.16);
	padding: 20px;
	background-color: #fff
}
.package-main .title {
	font-size: 18px;
	font-weight: 500;
	color: #707070
}
.package-main p {
	font-size: 16px;
	color: #909090
}
.main-left,.main-right {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 50%
}
.imgCarouselWrap {
	overflow-x: hidden;
	width: 100%;
	margin: 10px auto;
	height: 60px
}
.imgCarouselWrapAnimate {
	position: relative
}
.imgCarousel {
	margin: 0 auto;
	width: fit-content;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: nowrap
}
.imgCarouselAnimate {
	position: absolute;
	left: 0
}
.imgWrap {
	width: 120px;
	height: 60px;
	margin-left: 10px;
	flex: 0 0 120px;
	position: relative
}
.imgWrap img {
	width: 100%;
	height: 100%;
	border-radius: 4px
}
.imgWrap: first-child {
	margin-left: 0
}
.imgWrap .plusWrap {
	position: absolute;
	top: 50%;
	left: -17px;
	transform: translateY(-50%)
}
.imgWrap .plusWrap .svg-icon {
	border-radius: 50%;
	width: 17px;
	height: 17px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2)
}
.imgWrap .plusWrap .icon-dark-grey {
	fill: #4c545a
}
.imgWrap .hidePlus {
	display: none
}
.lineWrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%
}
.lineWrap .line {
	width: 100%;
	height: 1px;
	background-color: #ddd
}
.lineWrap p {
	margin: 0 20px;
	flex-shrink: 0;
	white-space: nowrap;
	width: fit-content
}
.comboPrice {
	font-size: 28px;
	font-weight: 500;
	color: #ff5b74;
	line-height: 1.21;
	margin-top: 10px;
	white-space: nowrap
}
.package-button {
	width: 260px;
	height: 50px;
	background-color: #ff5b74;
	border: 1px solid #ff5b74;
	border-radius: 4px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 10px
}
.package-button: hover {
	background-color: #ff6a80
}
.package-button: active,.package-button: focus {
	background-color: #f0556b
}
.package-button p {
	margin-left: 10px;
	font-size: 16px;
	font-weight: 500;
	color: #fff
}
@media(max-width: 1040px) {
	.main-left,.main-right {
	width: 100%
}
}@media(max-width: 567px) {
	.intro-load-package {
	padding: 60px 0
}
.course-intro-package-bg {
	top: 33.117px
}
.buytogether {
	font-size: 22px
}
.tag-main-wrap .package-tag-mid-wrap {
	width: 220px
}
.tag-main-wrap ul {
	font-size: 14px
}
.tag-main-wrap ul li {
	margin-left: 10px
}
.tag-main-wrap ul button {
	border-radius: 15px
}
.package-main {
	width: 300px
}
.package-main .title {
	font-size: 15px
}
.package-main p {
	font-size: 14px
}
.linWrap p {
	margin: 0 10px
}
.comboPrice {
	font-size: 22px
}
}.fakemodal {
	width: 100%
}
.fakemodal .topArea {
	text-align: center;
	font-weight: 500;
	height: 97px
}
.fakemodal .topArea p {
	font-size: 16px;
	color: #ff5b74;
	line-height: normal
}
.fakemodal .title {
	font-size: 22px
}
.fakemodal .content {
	color: #4c545a;
	margin-top: 97px
}
.fakemodal .content-item {
	border-bottom: 1px solid rgba(0,0,0,.1);
	margin-top: 10px
}
.fakemodal .up {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px
}
.fakemodal .up-imgWrap {
	width: 52px;
	height: 30px;
	border-radius: 2px;
	flex: 0 0 52px;
	margin-right: 10px;
	overflow: hidden
}
.fakemodal .up-imgWrap img {
	width: 100%
}
.fakemodal .up-imgWrap img[src*="52x30"] {
	display: block
}
.fakemodal .up-imgWrap img[src*="40x22"] {
	display: none
}
.fakemodal .name {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 1.5;
	line-height: 1.5;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	flex-grow: 1;
	flex-shrink: 1;
	font-size: 16px;
	text-align: left
}
.fakemodal .down {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	white-space: nowrap
}
.fakemodal .status-tag {
	padding: 2px 8px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	box-shadow: 0 0 4px 0 rgba(0,0,0,.16);
	background-color: #fff;
	margin-left: 1px
}
.fakemodal .status-tag p {
	font-size: 14px;
	color: #707070;
	margin-left: 9px
}
.fakemodal .dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	width: 8px;
	height: 8px
}
.fakemodal .dot-red {
	background-color: #ff5b74
}
.fakemodal .dot-green {
	background-color: #6c9
}
.fakemodal .dot-blue {
	background-color: #019fde
}
.fakemodal .dot-black {
	background-color: #4c545a
}
.fakemodal .priceWrap {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center
}
.fakemodal .priceWrap .fakePrice {
	font-size: 14px;
	color: #909090;
	text-decoration: line-through;
	margin-right: 10px
}
.fakemodal .price {
	font-size: 20px;
	font-weight: bold;
	color: #4c545a
}
.fakemodal .bottomArea {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center
}
.fakemodal .left {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}
.fakemodal .comboPrice {
	font-size: 22px;
	color: #ff5b74;
	font-weight: 500;
	line-height: 1.18;
	margin-top: 0
}
.fakemodal .fakePrice {
	font-size: 18px;
	text-decoration: line-through;
	color: #909090;
	font-weight: 500;
	line-height: 1.17
}
.fakemodal .go2buy {
	width: 180px;
	height: 50px;
	border-radius: 4px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center
}
.fakemodal .go2buy p {
	margin-left: 10px;
	font-size: 16px;
	font-weight: 500;
	color: #fff
}
.fakemodal .go2buy .svg-icon {
	fill: #fff
}
.fakemodal .canBuy {
	background-color: #ff5b74;
	border: 1px solid #ff5b74
}
.fakemodal .canBuy: hover {
	background-color: #ff6a80
}
.fakemodal .canBuy: active,.fakemodal .canBuy: focus {
	background-color: #f0556b
}
.fakemodal .canBuy .buytxt {
	display: flex;
	align-items: center
}
.fakemodal .canBuy img {
	height: 100%
}
.fakemodal .canNotBuy {
	background-color: #bbb;
	border: 1px solid #bbb;
	cursor: not-allowed
}
.fakemodal .bottomNote {
	display: flex;
	align-items: center;
	margin: 12px auto 0;
	font-size: 14px;
	color: #909090;
	width: fit-content
}
.fakemodal .bottomNote .svg-icon {
	width: 16px;
	height: 16px
}
.fakemodal .bottomNote p {
	line-height: 1.43
}
.fakemodal .noteWrap {
	display: flex;
	align-items: center
}
.fakemodal .time-info .font-bold {
	color: #ff5b74
}
@media(max-width: 567px) {
	.fakemodal .topArea {
	height: 67px
}
.fakemodal .topArea p {
	font-size: 14px
}
.fakemodal .title {
	font-size: 18px
}
.fakemodal .content {
	margin-top: 67px
}
.fakemodal .up-imgWrap {
	width: 80px;
	height: 45px;
	flex: 0 0 80px
}
.fakemodal .name {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 3;
	line-height: 1.5;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	font-size: 14px;
	text-align: -webkit-left;
	text-align: left
}
.fakemodal .status-tag {
	padding: 1px 4px
}
.fakemodal .status-tag p {
	font-size: 12px;
	margin-left: 4px
}
.fakemodal .priceWrap .fakePrice {
	font-size: 12px;
	margin-right: 5px
}
.fakemodal .price {
	font-size: 16px;
	font-weight: bold;
	color: #4c545a
}
.fakemodal .bottomArea {
	flex-direction: column;
	justify-content: center;
	align-items: center
}
.fakemodal .left {
	display: flex;
	flex-direction: column;
	align-items: center
}
.fakemodal .comboPrice {
	font-size: 18px;
	line-height: 1.17;
	margin-top: 0
}
.fakemodal .fakePrice {
	font-size: 15px;
	line-height: 1.2
}
.fakemodal .go2buy {
	width: 100%;
	height: 40px;
	margin-top: 10px
}
.fakemodal .go2buy p {
	font-size: 14px
}
.fakemodal .bottomNote {
	margin: 5px auto 0;
	font-size: 12px
}
.fakemodal .bottomNote .svg-icon {
	width: 14px;
	height: 14px
}
.fakemodal .noteWrap {
	display: flex;
	align-items: flex-start;
	line-height: 1.43;
	text-align: left
}
}.modalbox {
	margin-bottom: 40px;
	border-radius: 10px;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)
}
.stepbar {
	display: inline-flex;
	flex-direction: column-reverse
}
ul.stepbar {
	padding-left: 0
}
.stepbar__title {
	padding-top: 20px
}
.stepbar__item {
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	cursor: pointer
}
.stepbar__item: last-child>.stepbar__type: before {
	width: 0
}
.stepbar__type {
	position: relative;
	width: 16px;
	height: 100%
}
.stepbar__type: before {
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	position: absolute;
	top: -50%;
	left: 7px;
	background-color: #bbb
}
.stepbar__percent {
	width: 2px;
	height: calc(var(--percent) - 5px);
	position: absolute;
	top: -50%;
	left: 7px;
	background-color: #019fde
}
.stepbar__type-disc {
	margin: auto 3px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 10px;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background: #bbb
}
.stepbar__content {
	display: flex;
	align-items: center;
	margin: 0 0 0 15px;
	color: #909090;
	font-size: 14px
}
.stepbar__content span {
	margin-right: 5px
}
.is-active .stepbar__type: before {
	background-color: #019fde
}
.is-active .stepbar__type-disc {
	margin: 0;
	width: 16px;
	border: 4px solid #019fde;
	background: #fff
}
.is-active~li .stepbar__type: before {
	background-color: #019fde
}
.is-active~li .stepbar__type-disc {
	background-color: #019fde;
	border: none
}
.is-active .stepbar__content {
	color: #4c545a
}
.isFundraising .stepbar__percent {
	background-color: #ff5b74
}
.isFundraising .is-active .stepbar__type: before {
	background-color: #ff5b74
}
.isFundraising .is-active .stepbar__type-disc {
	border-color: #ff5b74
}
.isFundraising .is-active~li .stepbar__type: before {
	background-color: #ff5b74
}
.isFundraising .is-active~li .stepbar__type-disc {
	background: #ff5b74
}
.hovering .is-hover .stepbar__type: before {
	background-color: #019fde
}
.hovering .is-hover .stepbar__type-disc {
	margin: 0;
	width: 16px;
	border: 4px solid #019fde;
	background: #fff
}
.hovering .is-hover~li .stepbar__type: before {
	background-color: #019fde
}
.hovering .is-hover~li .stepbar__type-disc {
	background-color: #019fde;
	border: none
}
.hovering .is-hover .stepbar__content {
	color: #4c545a
}
.hovering .stepbar__type: before,.hovering .stepbar__percent,.hovering.isFundraising .stepbar__type: before,.hovering.isFundraising .stepbar__percent {
	background-color: #bbb
}
.hovering .stepbar__percent,.hovering.isFundraising .stepbar__percent {
	display: none
}
.hovering .stepbar__type-disc,.hovering.isFundraising .stepbar__type-disc {
	margin: auto 3px;
	width: 10px;
	border: none;
	background: #bbb
}
.hovering .stepbar__content,.hovering.isFundraising .stepbar__content {
	color: #909090
}
.hovering .is-hover .stepbar__type-disc {
	box-shadow: 0 0 0 10px rgba(1,159,222,.1)
}
.hovering.isFundraising .is-hover .stepbar__type-disc {
	margin: 0;
	width: 16px;
	border: 4px solid #ff5b74;
	background: #fff;
	box-shadow: 0 0 0 10px rgba(255,91,116,.1)
}
.hovering.isFundraising .is-hover .stepbar__content {
	color: #4c545a
}
@media(min-width: 568px) {
	.stepbar {
	display: flex;
	flex-direction: row-reverse;
	padding: 0 0 40px
}
.stepbar__title {
	padding: 40px 0;
	font-size: 18px
}
.stepbar__item {
	display: block;
	width: 33.33%;
	height: auto
}
.stepbar__type {
	width: 100%;
	height: 30px
}
.stepbar__type: before {
	top: 50%;
	left: -50%;
	width: 100%;
	height: 5px;
	transform: translateY(-50%)
}
.stepbar__percent {
	width: calc(var(--percent) - 10px);
	height: 5px;
	top: 50%;
	left: -50%;
	transform: translateY(-50%)
}
.stepbar__type-disc {
	margin: 5px auto;
	top: 0%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 20px
}
.stepbar__content {
	margin: 15px 0 0;
	flex-direction: column
}
.stepbar__content span {
	margin-right: 0;
	font-size: 16px
}
.is-active .stepbar__type-disc,.hovering .is-hover .stepbar__type-disc {
	margin: 0;
	width: 30px;
	border: 8px solid #019fde;
	background: #fff
}
.hovering .stepbar__type-disc,.hovering.isFundraising .stepbar__type-disc {
	margin: 5px auto;
	width: 20px
}
.hovering.isFundraising .is-hover .stepbar__type-disc {
	width: 30px;
	border: 8px solid #ff5b74
}
}.intro-block {
	position: relative;
	margin-bottom: 40px;
	padding-top: 10px
}
.intro-block: last-child {
	margin-bottom: 0
}
.intro-block__more {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 60px;
	left: 0;
	bottom: 0;
	background: linear-gradient(rgba(0, 0, 0, 0), #fff)
}
.intro-block__more .o-round-btn {
	width: auto;
	display: flex;
	align-items: center;
	padding: 0 14px;
	font-size: 14px
}
.is-close.intro-block {
	aspect-ratio: 2/1;
	overflow: hidden
}
.is-close.intro-block--4-5 {
	aspect-ratio: 4/5
}
.is-close.board-full-block.private .board-full-block-inner {
	box-shadow: none
}
.is-close.board-full-block.private .board-container {
	aspect-ratio: 2/1;
	overflow: hidden
}
.is-close.board-full-block: not(.private) {
	aspect-ratio: 2/1;
	overflow: hidden
}
.is-close .intro-block__more {
	position: absolute
}
.is-close .intro-block__more .svg-icon {
	transform: rotate(180deg)
}
.is-close .s--close {
	display: block
}
.is-close .s--open {
	display: none
}
.s--close {
	display: none
}
@media(min-width: 568px) {
	.intro-block__more {
	height: 100px
}
.intro-block__more .o-round-btn {
	font-style: 16px
}
}.introv2 .course-intro-container img {
	width: 100%;
	height: auto
}
.chapters-info {
	max-width: 240px;
	margin: 0 auto 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}
.chapters-info__item {
	width: 60px;
	margin: 5px;
	aspect-ratio: 1/1;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	line-height: 1;
	color: #4c545a;
	background-color: #f7f8fa;
	border-radius: 10px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}
.chapters-info__item .svg-icon {
	width: 20px;
	height: 20px;
	margin-bottom: 5px
}
.chapters-info .hidden-xxs {
	display: none
}
@media(min-width: 568px) {
	.chapters-info {
	max-width: 360px
}
.chapters-info .hidden-xxs {
	display: block
}
.chapters-info .visible-xxs {
	display: none
}
.chapters-info__item {
	width: 100px;
	margin: 10px;
	font-size: 16px;
	line-height: normal
}
.chapters-info__item .svg-icon {
	width: 24px;
	height: 24px
}
}@media(min-width: 769px) {
	.chapters-info {
	max-width: 420px
}
.chapters-info__item {
	width: 120px
}
}.chapters-list {
	background-color: #f7f8fa
}
.chapters-list__item {
	border-bottom: 5px solid #f7f8fa;
	padding: 9px 0;
	background-color: #fff
}
.chapters-list__item.demo {
	cursor: pointer
}
.chapters-list__item.demo: hover {
	color: #fff;
	background-color: #019fde
}
.chapters-list__item.demo: hover .chapters-list__tag {
	color: #fff
}
.chapters-list__item.demo: hover .chapters-list__tag .svg-icon {
	fill: #fff
}
.chapters-list__subhead {
	font-weight: 500
}
.chapters-list__header {
	background-color: rgba(0,0,0,0);
	border-bottom: 5px solid #fff;
	padding: 9px 10px;
	justify-content: space-between;
	cursor: pointer
}
.chapters-list__header .svg-icon {
	transform: rotate(90deg);
	height: 20px;
	margin: 0
}
.chapters-list__header.is--close .svg-icon {
	transform: rotate(-90deg)
}
.chapters-list__title {
	color: #019fde;
	font-size: 18px;
	font-weight: 500
}
.chapters-list__detail {
	flex-shrink: 0;
	color: #909090;
	font-size: 14px;
	font-weight: 500
}
.chapters-list__time {
	min-width: 60px;
	padding: 0 10px
}
.chapters-list__no {
	margin: 0 10px
}
.chapters-list__name {
	flex: 1
}
.chapters-list__tag {
	display: flex;
	align-items: center;
	color: #019fde
}
.chapters-list__tag .svg-icon {
	margin-right: 5px;
	fill: #019fde
}
@media(min-width: 568px) {
	.chapters-list__subhead {
	text-align: right
}
.chapters-list__header {
	padding: 20px 20px 20px 10px;
	align-items: center
}
.chapters-list__header .svg-icon {
	height: 24px
}
.chapters-list__titlebox {
	display: flex;
	flex: 1;
	justify-content: space-between
}
.chapters-list__detail {
	margin-right: 20px
}
.chapters-list__time {
	padding: 0 64px 0 10px
}
}.homework-intro h3 {
	margin-bottom: 16px
}
.homework-intro .empty-view .title {
	font-size: 24px;
	margin: 25px 0 12px 0
}
.homework-intro .toggle-btn {
	padding: 0;
	margin: 16px 0;
	line-height: 20px;
	color: #019fde
}
.homework-intro .toggle-btn .svg-icon {
	fill: #019fde
}
.homework-intro .toggle-btn: hover {
	color: #4c545a
}
.homework-intro .toggle-btn: hover .svg-icon {
	fill: #4c545a
}
.homework-intro .editor-content {
	color: #4c545a
}
.homework-intro .editor-content.default {
	display: none
}
.inline-block-list {
	display: inline-block;
	width: 100%
}
.class-manage-content #homework {
	margin: 0 80px
}
@media(min-width: 1200px) {
	.class-manage-content #homework .container {
	width: 1040px;
	padding-left: 0;
	padding-right: 0
}
}@media(max-width: 1199px) {
	.class-manage-content #homework .container {
	width: 100%;
	padding-left: 0;
	padding-right: 0
}
}.homework-spec-list {
	margin: 30px 0
}
.homework-spec-list .empty-view .icon-no-padding {
	margin: 0
}
.homework-spec-list .empty-view .title {
	font-size: 24px;
	margin-bottom: 8px
}
.homework-spec-list.manage .homework-spec-block {
	width: calc(33% - 20px);
	margin-right: 30px;
	margin-bottom: 30px;
	padding: 24px;
	font-size: 20px;
	margin-left: 0
}
.homework-spec-list.manage .homework-spec-block: nth-child(1) {
	margin-left: 0
}
.homework-spec-list.manage .homework-spec-block: nth-child(3n) {
	margin-right: 0
}
.homework-spec-list.manage .homework-spec-block: nth-child(3n+1) {
	margin-left: 0
}
@media(max-width: 567px) {
	.homework-spec-list.manage .homework-spec-block {
	width: 100%;
	margin-right: 0;
	margin-left: 0
}
}.homework-spec-list.manage .homework-spec-block .nofile-block {
	height: 30px
}
.homework-spec-list.manage .homework-spec-block .info {
	margin: 8px 0 16px 0
}
.homework-spec-list.manage .homework-spec-block .countWrap {
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	color: #707070;
	font-weight: 500
}
.homework-spec-list.manage .homework-spec-block .format {
	font-size: 20px;
	line-height: 30px;
	display: flex;
	align-items: center
}
.homework-spec-list.manage .homework-spec-block .btn {
	margin-top: 16px
}
.homework-spec-list.manage .homework-spec-block .btn.manage-btn {
	width: 45%;
	margin-top: 8px
}
.homework-spec-block {
	border-radius: 5px;
	background-color: #fff;
	padding: 16px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	border: 1px solid #d3dee5;
	width: 31%;
	display: inline-block;
	margin-bottom: 16px;
	margin-right: 16px
}
.homework-spec-block: nth-child(3n) {
	margin-right: 0
}
.homework-spec-block .title {
	font-size: 16px;
	color: #909090;
	margin-bottom: 24px
}
.homework-spec-block .subTitle {
	color: #019fde;
	display: flex;
	align-items: center
}
.homework-spec-block .info {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 84px;
	line-height: 28px;
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	height: 86px;
	font-weight: 500
}
.homework-spec-block .format {
	color: #019fde;
	font-size: 16px;
	display: flex;
	align-items: center
}
@media(max-width: 425px) {
	.homework-spec-block .format {
	max-width: 170px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
}.homework-spec-block .btn {
	margin-top: 8px
}
@media(max-width: 567px) {
	.homework-spec-block .btn {
	padding: 10px;
	font-size: 14px
}
}.homework-list .title {
	font-size: 20px;
	padding-bottom: 7px;
	border-bottom: 1px solid #d3dee5
}
.homework-list .empty-view {
	padding: 60px 0
}
.homework-list .empty-view img {
	margin-bottom: 10px
}
.homework-list-row {
	padding-bottom: 30px;
	border-top: 1px solid #d3dee5;
	clear: both
}
.homework-list-row: first-child {
	border-top: none
}
.homework-list-row .title {
	border-bottom: none;
	margin: 16px 0;
	font-size: 16px;
	color: #019fde;
	padding: 0
}
.homework-list-row .title span {
	color: #4c545a;
	font-weight: normal;
	margin-left: 16px
}
.homework-list-row .title img {
	width: 16px;
	height: 16px;
	margin: 5.5px 5px 5.5px 0
}
.homework-list-row.manage {
	border: none
}
.homework-list-row.manage .homework-block {
	width: calc(25% - 30px);
	margin-right: 30px;
	margin-bottom: 30px
}
.homework-list-row.manage .homework-block: nth-child(4n) {
	margin-right: 0
}
@media(max-width: 567px) {
	.homework-list-row.manage .homework-block {
	width: 100%;
	margin-right: 0;
	margin-left: 0
}
}.homework-list-row.manage .homework-block .cover {
	background-color: #fff;
	border-bottom: 1px solid #d3dee5;
	height: 150px
}
.homework-list-row.manage .homework-block .cover i,.homework-list-row.manage .homework-block .cover .icon {
	font-size: 42px;
	width: 42px;
	height: 42px
}
.homework-list-row.manage .homework-block .private-btn {
	position: absolute;
	right: 16px;
	top: -15px;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	background-color: #019fde
}
.homework-list-row.manage .homework-block .private-btn svg {
	margin: 0px;
	fill: #fff
}
.homework-list-row.manage .homework-block .private-btn i {
	margin-left: 8px
}
.homework-list-row.manage .homework-block .title {
	font-size: 20px;
	height: 66px;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 56px;
	line-height: 28px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.homework-list-row.classroom .homework-block .cover {
	border-bottom: 1px solid #d3dee5;
	background-color: #fff;
	height: 150px
}
.homework-list-row.classroom .homework-block .icon-cover {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f7f8fa;
	height: 150px
}
.homework-list-row.classroom .homework-block .icon-cover .placeholder-icon {
	color: #019fde;
	width: 64px;
	height: 64px
}
.homework-list-row.mine .homework-block {
	width: calc(33.33% - 30px)
}
.homework-list-row.mine .homework-block: nth-child(4n) {
	margin-right: 30px
}
.homework-list-row.mine .homework-block .cover {
	background-color: #f7f8fa;
	height: 200px;
	border-bottom: none
}
.homework-list-row.mine .homework-block .private-btn {
	display: none
}
.homework-list-row.mine .homework-block .full-private-btn {
	display: block
}
.homework-list-row.mine .homework-block: nth-child(3n) {
	margin-right: 0
}
@media(max-width: 567px) {
	.homework-list-row.mine .homework-block {
	width: 90%;
	margin: 10px 5%
}
}.homework-block {
	border-radius: 5px;
	display: inline-block;
	border: solid 1px #d3dee5;
	background-color: #fff;
	width: calc(25% - 15px);
	margin-right: 15px;
	margin-bottom: 15px;
	cursor: pointer
}
.homework-block: nth-child(4n) {
	margin-right: 0
}
.homework-block: hover {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	cursor: pointer
}
.homework-block .cover {
	border-radius: 5px 5px 0 0;
	position: relative;
	height: 93px;
	background-color: #f7f8fa;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover
}
.homework-block .cover i,.homework-block .cover .icon,.homework-block .cover svg,.homework-block .cover img {
	color: #019fde;
	text-align: center;
	font-size: 28px;
	width: 28px;
	height: 28px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.homework-block .private-btn {
	position: absolute;
	top: 10px;
	right: 16px;
	color: #8b9195
}
.homework-block .full-private-btn {
	display: none
}
.homework-block .author {
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: solid 1px #d3dee5
}
.homework-block .author .name {
	color: #8b9195
}
.homework-block .author .name-width {
	width: 100%
}
.homework-block .author .avatars-30 {
	margin-right: 14px
}
.homework-block .editor-link {
	margin-right: 8px
}
@media(max-width: 567px) {
	.homework-block .editor-link {
	font-size: 16px
}
}.homework-block .comment-count {
	color: #d3dee5
}
.homework-block .comment-count svg {
	transform: translateY(1.5px);
	margin-right: 8px
}
.homework-block .meta {
	position: relative;
	padding: 10px 16px 8px 16px
}
.homework-block .meta .title {
	color: #4c545a;
	padding-bottom: 0px;
	border-bottom: none;
	margin: 8px 0
}
.homework-block-list .homework-spec-list {
	margin: 0px
}
.homework-block-list .homework-spec-list .homework-spec-block .format {
	font-size: 16px;
	display: flex;
	align-items: center
}
.homework-block-list .homework-spec-list .homework-spec-block.add {
	vertical-align: top;
	padding: 90px 0
}
.homework-block-list .homework-spec-list .homework-spec-block.add .title {
	font-size: 24px;
	margin: 0px;
	text-align: center
}
.homework-block-list .homework-spec-list .homework-spec-block.add .title i {
	display: block;
	font-size: 50px;
	width: 100%;
	margin-bottom: 8px
}
.homework-type-list {
	margin: 10px 0
}
.homework-type-list .type-block {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 10px;
	cursor: pointer
}
.homework-type-list .type-block label {
	border-radius: 5px;
	border: 1px solid #ccecf8;
	font-weight: normal;
	width: 100%;
	margin-bottom: 0px
}
.homework-type-list .type-block input: checked+label {
	border-color: #019fde
}
.homework-type-list .type-block input: checked+label .title {
	color: #019fde
}
.homework-type-list .type-block input: checked+label .info {
	background: #019fde
}
.homework-type-list .type-block: last-child {
	margin-right: 0px
}
.homework-type-list .title {
	padding: 20px 0;
	color: #ccecf8;
	font-size: 20px
}
.homework-type-list .title i {
	font-size: 30px;
	width: 100%;
	display: block;
	margin-bottom: 10px
}
.homework-type-list .info {
	border-radius: 0 0 5px 5px;
	background: #ccecf8;
	color: #fff;
	padding: 10px 0
}
.homework-type-form.form-group {
	z-index: 3
}
.homework-modal-content .homework-title {
	padding: 30px 0
}
.homework-modal-content .homework-title .format {
	font-size: 20px;
	color: #019fde
}
.homework-modal-content .homework-title .format img {
	padding: 1.5px 0
}
.homework-modal-content .homework-title .title {
	color: #4c545a;
	font-size: 36px;
	font-weight: 500;
	line-height: 1.5
}
.homework-modal-content .homework-intro {
	padding: 30px 100px
}
.homework-modal-content .homework-intro.grey-bg {
	background: #f7f8fa
}
.homework-modal-content .homework-intro .title {
	font-size: 20px;
	margin-bottom: 16px
}
.homework-modal-content .homework-intro .subtitle span {
	margin-left: 16px;
	font-weight: normal;
	font-size: 16px
}
.homework-modal-content .homework-intro .editor-content img,.homework-modal-content .homework-intro .editor-content iframe {
	max-width: 100%;
	margin: 24px auto
}
.homework-modal-content .homework-intro .limitbox-outside .form-group {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-bottom: 0px;
	position: relative
}
.homework-modal-content .homework-intro .limitbox-outside .form-group .form-control.js-limitbox-ta {
	min-height: 300px;
	padding: 10px 16px
}
@media(max-width: 567px) {
	.homework-modal-content .homework-intro .limitbox-outside .form-group .form-control.js-limitbox-ta {
	min-height: 200px
}
}.homework-modal-content .homework-intro .limitbox-outside .form-group .input-limit-box {
	position: absolute;
	bottom: 5px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	width: 36px;
	background-color: rgba(0,0,0,.05);
	color: #91969a
}
.homework-modal-content .homework-intro .limitbox-outside .form-group.has-error .input-limit-box {
	bottom: 30px
}
.homework-modal-content .non-login,.homework-modal-content .non-member {
	padding: 60px 0;
	border-top: 1px solid #d3dee5
}
.homework-modal-content .non-login p,.homework-modal-content .non-member p {
	margin-bottom: 16px
}
.homework-modal-content .non-login button,.homework-modal-content .non-member button {
	width: 210px;
	padding: 16px 0
}
.homework-content {
	height: 500px
}
.homework-content img {
	max-height: 500px;
	width: auto;
	max-width: 100%
}
.homework-content.audio-player {
	height: auto
}
.homework-content.iframe {
	display: block;
	height: 63vh;
	max-height: 500px
}
.homework-content.audio-list {
	height: 63vh;
	background: #f7f8fa
}
.homework-meta {
	padding: 30px 100px
}
.homework-meta .author .name {
	line-height: 36px
}
.homework-meta .author .name img {
	margin-right: 16px
}
.homework-meta .author .link {
	font-size: 16px
}
.homework-meta .author .link i {
	width: 20px;
	font-size: 20px
}
.homework-meta .content {
	font-size: 20px;
	word-wrap: break-word;
	color: #4c545a
}
.homework-meta .content .title {
	font-size: 30px;
	margin: 16px 0 7px 0;
	line-height: 1.3
}
.homework-meta .content .create {
	margin-top: 10px;
	font-size: 16px
}
.body--teacher-manage .homework-meta p {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px
}
.audio-title {
	display: flex;
	background: #019fde;
	padding: 18px 100px;
	color: #fff;
	font-size: 24px;
	line-height: 1
}
.audio-title .title {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.audio-title .created {
	font-size: 16px;
	line-height: 24px;
	margin-left: 20px
}
.homework-form .form-group {
	margin-bottom: 30px
}
.homework-form .form-group.edit-area {
	display: none
}
.homework-form .form-group.edit-area.has-error {
	display: inline
}
.homework-form .form-group .form-control-title {
	font-size: 14px
}
.homework-form .help-block {
	margin: 0 0 8px 0;
	font-size: 20px;
	color: #4c545a
}
.homework-form label {
	font-size: 20px;
	margin-bottom: 8px
}
.homework-form label.small {
	font-size: 16px
}
.homework-form label.btn {
	margin-bottom: 0
}
.homework-form input {
	height: auto;
	padding: 10px 16px;
	font-size: 16px
}
.homework-form input[type=file] {
	border: none;
	box-shadow: none
}
.homework-form .embed-responsive {
	height: 500px;
	margin: 30px 0
}
.homework-form .has-error .error-msg {
	padding: 0;
	margin: 4px 0 0 0
}
.homework-form .has-error .file-error-msg {
	display: inline-block;
	font-size: 16px;
	margin-left: 16px
}
.homework-form .file-info {
	font-size: 20px
}
.homework-form .file-info button {
	margin-left: 16px;
	vertical-align: top;
	background: transparent;
	border: none
}
.homework-form .file-info span.files {
	word-break: break-all
}
.homework-form .file-info .progress {
	padding: 0;
	box-shadow: none;
	background: #f7f8fa;
	height: 10px;
	margin: 10px 0;
	width: 60%;
	position: relative
}
.homework-form .file-info .progress .num {
	color: #8b9195;
	font-size: 16px;
	position: absolute;
	top: -30px;
	right: 0
}
.homework-form .file-info .progress .remove-file-btn {
	position: absolute;
	right: -30px;
	top: -10px
}
.homework-form .file-info .progress .progress-bar {
	border-radius: 100px;
	overflow: auto;
	max-width: 100%;
	box-shadow: none;
	background: linear-gradient(to right, #019fde, #53a0fe 48%, #33b2e4)
}
.homework-form .preview-photo {
	border: 1px solid #019fde;
	height: 500px;
	background-color: #fff
}
.homework-form .preview-photo img {
	max-width: 100%;
	max-height: 500px;
	width: auto
}
.upload-audio-container .error-notification.show {
	color: #ff5b74
}
.upload-audio-container audio: -webkit-media-controls-panel {
	background: transparent
}
.upload-audio-container audio: -webkit-media-controls-current-time-display {
	color: #019fde
}
.add-audio-area.is-upload .record-audio-block,.add-audio-area.is-record .upload-audio-block {
	border-color: #f7f8fa;
	background-color: #f7f8fa
}
.add-audio-area.is-upload .record-audio-block .btn,.add-audio-area.is-record .upload-audio-block .btn {
	color: #8b9195
}
.add-audio-area.is-upload .record-audio-block .record-audio-btn i,.add-audio-area.is-record .upload-audio-block .record-audio-btn i {
	background: #8b9195
}
.add-audio-area.is-upload .record-audio-block: hover,.add-audio-area.is-record .upload-audio-block: hover {
	border-color: #f7f8fa
}
.add-audio-area.is-upload .record-audio-block: hover .record-audio-btn i,.add-audio-area.is-record .upload-audio-block: hover .record-audio-btn i {
	color: #fff
}
.add-audio-area .add-audio-block {
	border-radius: 5px;
	border: 1px solid #019fde;
	margin: 10px 30px 30px 0;
	padding: 35px 0;
	width: 48%
}
@media(max-width: 1040px) {
	.add-audio-area .add-audio-block {
	width: 45%;
	margin: 10px 2%
}
}.add-audio-area .add-audio-block svg {
	height: 24px;
	margin-right: 16px
}
.add-audio-area .add-audio-block: last-child {
	margin-right: 0px
}
.add-audio-area .add-audio-block: hover {
	border-color: #019fde
}
.add-audio-area .add-audio-block.loading {
	border-color: #019fde;
	background-color: #019fde
}
.add-audio-area .add-audio-block.loading .btn {
	color: #fff
}
.add-audio-area .add-audio-block.loading .record-audio-btn i {
	background: transparent
}
.add-audio-area .add-audio-block .btn {
	font-size: 24px;
	line-height: 54px;
	color: #019fde;
	padding: 0
}
.add-audio-area .add-audio-block .btn.fa-spin {
	width: 40px;
	font-size: 40px;
	line-height: 54px
}
.add-audio-area .add-audio-block .status {
	line-height: 28px
}
.add-audio-area .add-audio-block .status span {
	line-height: 16px;
	font-size: 16px;
	margin-top: 5px;
	display: block
}
.add-audio-area .add-audio-block .record-audio-btn {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center
}
.preview-audio-area {
	padding: 20px 16px;
	background: #f1f9fd;
	margin: 8px 0
}
.preview-audio-area .filename {
	line-height: 32px
}
.preview-audio-area .filename svg {
	margin-right: 8px;
	height: 20px;
	fill: #4c545a
}
.preview-audio-area audio {
	margin-left: 28px;
	width: 80%
}
@media(max-width: 567px) {
	.preview-audio-area audio {
	margin: 0;
	width: 100%
}
}.preview-audio-area .btn-area {
	margin: 16px 0 30px 0
}
@media(max-width: 567px) {
	.preview-audio-area .btn-area {
	margin: 16px 0;
	display: flex;
	flex-direction: column;
	align-items: center
}
}.preview-audio-area .btn-area .btn {
	margin-left: 16px
}
.preview-audio-area .btn-area .btn svg {
	margin-top: 2px;
	margin-right: 16px
}
@media(max-width: 567px) {
	.preview-audio-area .btn-area .btn {
	margin: 5px 0
}
}.homework-audio-list {
	margin-top: 8px
}
.homework-audio-list .default {
	padding: 20px 16px;
	background: #f7f8fa
}
.homework-audio-list .item {
	position: relative;
	padding: 16px;
	background: #f7f8fa;
	box-shadow: inset 0 -3px 0 0 #fff
}
.homework-audio-list .item .item__layout {
	display: flex
}
.homework-audio-list .item .item__layout label {
	margin-top: 5px;
	margin-right: 10px
}
.homework-audio-list .item .filename {
	line-height: 32px
}
.homework-audio-list .item .remove-file-btn {
	position: absolute;
	top: 22px;
	right: 16px;
	padding: 0
}
.homework-audio-list .item .remove-file-btn .svg-icon {
	fill: #d3dee5
}
.homework-audio-list .item .remove-file-btn: hover .svg-icon {
	fill: #019fde
}
.homework-audio-list .item audio {
	margin-left: 28px;
	width: 80%
}
.homework-audio-list .item textarea {
	box-shadow: inset 0 -1px 0 0 #d3dee5;
	width: 100%;
	background: transparent;
	border: none;
	margin-top: 5px;
	min-height: 40px
}
.audio-list {
	display: block;
	max-height: 500px;
	overflow-y: auto
}
.audio-list .item {
	border-bottom: 1px solid #d3dee5;
	font-size: 24px;
	padding: 10px 100px;
	line-height: 1;
	display: flex;
	align-items: center;
	position: relative
}
.audio-list .item: hover {
	background-color: #fff
}
.audio-list .item: hover .item-icon,.audio-list .item: hover .playing-icon {
	display: none
}
.audio-list .item: hover .play-icon {
	display: inline-block
}
.audio-list .item.public .size {
	margin-right: 0
}
.audio-list .item.active {
	background: #f1f9fd;
	color: #019fde
}
.audio-list .item.active .svg-icon {
	fill: #019fde
}
.audio-list .item.active .item-icon,.audio-list .item.active .play-icon {
	display: none
}
.audio-list .item.active .playing-icon {
	display: inline-block
}
.audio-list .item.active: hover .playing-icon {
	display: inline-block
}
.audio-list .play-icon,.audio-list .playing-icon {
	width: 24px;
	height: 24px;
	display: none;
	margin-right: 16px;
	text-align: center
}
.audio-list .size,.audio-list .intro {
	display: inline-block
}
.audio-list .name {
	width: 20%;
	display: inline-flex;
	align-items: center
}
.audio-list .name .svg-icon {
	height: 24px
}
.audio-list .size {
	width: 24px;
	height: 24px;
	position: absolute;
	right: 120px
}
.audio-list .size a {
	border: none;
	background: transparent
}
.audio-list .size .svg-icon {
	height: 24px;
	fill: #019fde
}
.audio-list .intro {
	color: #4c545a;
	font-size: 16px;
	line-height: 25px
}
.audio-player {
	display: block;
	padding: 30px 100px
}
.audio-player .author .name {
	line-height: 36px
}
.audio-player .author .name img {
	margin-right: 16px
}
.audio-player .filename {
	padding-right: 8px;
	line-height: 36px
}
.audio-player .filename i {
	margin-right: 8px
}
.audio-player .audio {
	margin-top: 30px;
	width: 100%;
	display: block
}
.audio-player .audio-progress {
	width: 60px;
	margin-right: 6px;
	position: absolute;
	height: 2px
}
.audio-player input[type=range] {
	-webkit-appearance: none;
	border: 1px solid transparent;
	display: inline-block;
	vertical-align: bottom;
	width: 300px;
	position: relative;
	background: transparent;
	z-index: 10
}
.audio-player input[type=range]: -webkit-slider-runnable-track {
	border-radius: 3px;
	width: 300px;
	height: 2px;
	background: transparent;
	border: none
}
.audio-player input[type=range]: -webkit-slider-thumb {
	border-radius: 50%;
	width: 10px;
	height: 10px;
	-webkit-appearance: none;
	border: none;
	background-color: #fff;
	border: solid 1px #000;
	margin-top: -4px;
	z-index: 20
}
.audio-player input[type=range]: -moz-range-track {
	border-radius: 3px;
	width: 300px;
	height: 5px;
	background: transparent;
	border: none
}
.audio-player input[type=range]: -moz-focusring {
	outline: 1px solid #fff;
	outline-offset: -1px
}
.audio-player input[type=range]: focus {
	outline: none
}
.audio-player input[type=range]: focus: -webkit-slider-runnable-track {
	background: transparent
}
.audio-player .volume {
	color: #000;
	position: relative
}
.audio-player .volume .svg-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 90px;
	margin-top: 2px
}
.audio-player .volume input[type=range] {
	width: 70px;
	height: 24px;
	margin-left: 8px
}
.audio-player .volume .audio-progress {
	width: 60px;
	margin-right: 6px;
	right: 15px;
	top: 14px;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(1, #5f5f5f), color-stop(1, #d9d9d9))
}
.audio-player .schedule {
	color: #000;
	overflow: hidden;
	margin-top: 30px
}
.audio-player .schedule .now,.audio-player .schedule .duration {
	font-size: 16px;
	line-height: 30px
}
.audio-player .schedule input[type=range] {
	width: 100%;
	height: 24px
}
.audio-player .schedule input[type=range]: -webkit-slider-thumb {
	width: 14px;
	height: 14px;
	background-color: #fff;
	border: 3px solid #019fde
}
.audio-player .schedule .audio-progress {
	width: calc(100% - 14px);
	margin-right: 7px;
	height: 5px;
	left: 7px;
	top: 14px;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0, #019fde), color-stop(0, #d9d9d9))
}
.audio-player .control {
	margin-top: 18px;
	line-height: 60px
}
.audio-player .control .btn {
	line-height: 1.33;
	text-align: center;
	border: none;
	padding: 0;
	width: 60px;
	height: 60px
}
.audio-player .control .btn .svg-icon {
	fill: #000;
	height: 50px;
	margin: 0
}
.audio-player .control .btn.ctrl {
	border-radius: 50%;
	width: 60px;
	height: 60px;
	padding: 0;
	background-color: #f7f8fa;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
	position: relative
}
.audio-player .control .btn.ctrl .svg-icon {
	fill: #000;
	height: 50px;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%)
}
@media(max-width: 991px) {
	.homework-spec-block {
	float: left;
	width: calc(50% - 5px);
	padding: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0px
}
.homework-spec-block: nth-child(3n+1) {
	margin-left: 10px
}
.homework-spec-block: nth-child(2n+1) {
	margin-left: 0px
}
.homework-spec-block .title {
	font-size: 16px;
	margin-bottom: 16px
}
.homework-spec-list.manage .homework-spec-block {
	margin-left: 0
}
.homework-block {
	float: left;
	width: calc(50% - 5px);
	padding: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0px
}
.homework-block: nth-child(3n+1) {
	margin-left: 10px
}
}@media(max-width: 991px)and (max-width: 567px) {
	.homework-block: nth-child(3n+1) {
	margin-left: 0
}
}@media(max-width: 991px) {
	.homework-block: nth-child(2n+1) {
	margin-left: 0px
}
}@media(max-width: 991px)and (max-width: 567px) {
	.homework-block: nth-child(2n+1) {
	margin-left: 0
}
}@media(max-width: 991px) {
	.homework-list-row.manage: : before,.homework-list-row.manage: : after {
	content: "";
	display: block;
	clear: both
}
.homework-list-row.manage .homework-block {
	width: calc(50% - 40px)
}
.homework-list-row.manage .homework-block: nth-child(2n) {
	margin-right: 0
}
}@media(max-width: 991px) {
	.homework-modal-content .homework-title {
	padding: 15px 0
}
.homework-modal-content .homework-title .title {
	font-size: 24px;
	margin: 8px 0
}
.homework-modal-content .homework-intro {
	padding: 15px
}
.homework-modal-content .homework-intro .title {
	margin: 10px 0
}
.homework-modal-content .homework-intro .editor-content img,.homework-modal-content .homework-intro .editor-content iframe {
	margin: 16px auto
}
.homework-modal-content .non-login,.homework-modal-content .non-member {
	padding: 30px 0
}
.homework-modal-content .non-login button,.homework-modal-content .non-member button {
	width: 70%
}
}@media(max-width: 991px) {
	.homework-form .form-group {
	margin-bottom: 15px
}
.homework-form .help-block {
	font-size: 16px
}
.homework-form label {
	font-size: 16px
}
.homework-form label.small {
	font-size: 14px
}
.homework-form .embed-responsive {
	height: 500px;
	margin: 30px 0
}
.homework-form .has-error .error-msg,.homework-form .has-error .file-error-msg {
	font-size: 14px
}
.homework-form .file-info {
	font-size: 16px
}
.homework-form .file-info button {
	background: transparent;
	border: none
}
.homework-form .file-info .progress {
	width: 80%
}
.homework-form .preview-photo {
	height: 50vh;
	width: 100%
}
.homework-form .preview-photo img {
	width: 100%;
	height: auto;
	max-height: 50vh
}
}@media(max-width: 991px) {
	.homework-meta {
	padding: 15px
}
.homework-meta .content .title {
	font-size: 24px
}
}@media(max-width: 991px) {
	.homework-content {
	height: 63vh
}
.homework-content img {
	max-height: 63vh
}
.homework-content.iframe,.homework-content.audio-list {
	max-height: 63vh
}
.homework-content.audio-player {
	padding: 20px 15px
}
}@media(max-width: 991px) {
	.audio-title {
	padding: 10px 15px
}
}@media(max-width: 991px) {
	.audio-list .item {
	font-size: 20px;
	padding: 10px 15px
}
.audio-list .item .play-icon {
	margin-right: 8px
}
.audio-list .item .name,.audio-list .item .size {
	margin-right: 0px
}
.audio-list .item .intro {
	width: 100%;
	margin-right: 0px;
	padding: 0px
}
}@media(max-width: 991px) {
	.audio-player .filename {
	padding: 0px;
	line-height: 27px
}
}@media(max-width: 768px) {
	.homework-spec-list.manage .homework-spec-block {
	width: calc(50% - 15px)
}
.homework-spec-list.manage .homework-spec-block: nth-of-type(2n) {
	margin-right: 0
}
.homework-spec-list.manage .homework-spec-block: nth-child(2n+1) {
	margin-right: 30px
}
}@media(max-width: 567px) {
	.class-manage-content #homework {
	margin: 0 40px
}
.homework-spec-block .title {
	font-size: 14px
}
.homework-spec-list.manage .homework-spec-block {
	width: 100%;
	margin-left: 0;
	margin-right: 0
}
.homework-spec-list.manage .homework-spec-block .countWrap {
	font-size: 14px
}
.homework-list-row.manage .homework-block {
	width: 100%;
	margin-left: 0;
	margin-right: 0
}
.homework-list-row.manage .homework-block .title {
	height: 44px;
	font-size: 16px;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 44px;
	line-height: 22px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.body--teacher-manage .homework-meta p {
	font-size: 14px;
	line-height: 20px
}
}.comment-container.teacher .comment-list {
	background: #fff
}
.comment-container.teacher .comment-list.empty {
	background: transparent
}
.comment-container.teacher .comment-help-info,.comment-container.teacher .comment-help-block {
	display: none
}
.comment-container.student .comment-list {
	padding: 0px
}
.comment-container.faq .comment-list-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0 8px 0
}
.comment-container.faq .comment-info {
	margin-bottom: 16px
}
.comment-container.faq .reply-toggle-box {
	display: none
}
.comment-container.faq .comment .delete-btn {
	top: 30px;
	right: 0px
}
.comment-container.faq .reply-form.teacher .reply-form-inner {
	border: 1px solid #f7f8fa;
	background: #f7f8fa
}
.comment-container.faq .reply-form .reply-form-inner {
	background: #fff;
	border: 1px solid #f5f5f5
}
.comment-container.faq .reply {
	background: #fff;
	border: 1px solid #f5f5f5;
	margin-bottom: 3px;
	padding: 16px
}
.comment-container.faq .reply.teacher {
	background: #f7f8fa
}
.comment-container.faq .reply .author .nickname {
	font-weight: 500
}
.comment-container.faq .reply .author .teacher-tag,.comment-container.faq .reply .gallery-modal .author-box .author .author-link span,.gallery-modal .author-box .comment-container.faq .reply .author .author-link span,.comment-container.faq .reply .author .checkin-info-div .author-div .tag,.checkin-info-div .author-div .comment-container.faq .reply .author .tag,.comment-container.faq .reply .author .course-sidebar .teacher-info .tag,.course-sidebar .teacher-info .comment-container.faq .reply .author .tag,.comment-container.faq .reply .author .classroom-header .course-header-block .teacher-info .tag,.classroom-header .course-header-block .teacher-info .comment-container.faq .reply .author .tag {
	font-weight: normal
}
.comment-container.faq .reply .delete-btn {
	top: 16px;
	right: 16px;
	display: inline-block;
	width: 24px;
	height: 24px
}
.comment-container.faq .reply.initialForums {
	display: none
}
.comment-container.faq .reply.initialForums: nth-last-child(2),.comment-container.faq .reply.initialForums: nth-last-child(1) {
	display: block
}
.comment-container.issue .comment-list-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 16px;
	padding-left: 16px
}
.comment-container.issue .comment-list-header .comment-count {
	flex-shrink: 0
}
.comment-container.issue .comment {
	border-bottom: 4px solid #f7f8fa;
	padding: 20px 16px
}
.comment-container.issue .comment: last-child {
	border-bottom: 0
}
.comment-container.issue .comment .comment-block {
	margin-top: 16px
}
.comment-container.issue .comment .comment-block .startTime {
	margin-top: 8px
}
.comment-container.issue .comment .comment-block .startTime span {
	color: #019fde
}
.comment-container.issue .comment .comment-block .cover {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	background-color: #e5f1f9;
	background-position: 50% 50%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 140px;
	height: 80px;
	margin-right: 30px;
	cursor: pointer;
	position: relative
}
.comment-container.issue .comment .comment-block .cover img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.comment-container.issue .comment-btn {
	width: 200px;
	height: 50px;
	margin: 20px
}
.comment-container.issue .reply-list.active .reply {
	display: block
}
.comment-container.issue .reply.initialForums {
	display: none
}
.comment-container.issue .reply.initialForums: nth-last-child(2),.comment-container.issue .reply.initialForums: nth-last-child(1) {
	display: block
}
.comment-container.issue .comment-list.forums-comment-header2,.comment-container.faq .comment-list.forums-comment-header2 {
	padding: 0
}
.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0
}
.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header p,.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header span,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header p,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header span {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px
}
.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header>p,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header>p {
	white-space: nowrap
}
.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header .sorter-group__layout,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header .sorter-group__layout {
	display: flex;
	align-items: center;
	padding: 0 0 8px 0;
	width: 100%
}
.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header .comment-count .num,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header .comment-count .num {
	color: #019fde
}
.comment-container.issue .comment-list.forums-comment-header2 .search-bar,.comment-container.faq .comment-list.forums-comment-header2 .search-bar {
	margin-right: 20px;
	margin-left: 20px
}
.comment-container.issue .comment-list.forums-comment-header2 .search-bar .search-form-btn,.comment-container.faq .comment-list.forums-comment-header2 .search-bar .search-form-btn {
	justify-content: center;
	align-items: center
}
.comment-container.issue .comment-list.forums-comment-header2 .search-bar input,.comment-container.faq .comment-list.forums-comment-header2 .search-bar input {
	font-size: 16px
}
.comment-container.issue .comment-list.forums-comment-header2 .sorter-group,.comment-container.faq .comment-list.forums-comment-header2 .sorter-group {
	padding: 0
}
.comment-container.issue .comment-list.forums-comment-header2 .sorter,.comment-container.issue .comment-list.forums-comment-header2 .sorter__anchor,.comment-container.faq .comment-list.forums-comment-header2 .sorter,.comment-container.faq .comment-list.forums-comment-header2 .sorter__anchor {
	width: auto;
	min-width: 150px
}
.comment-container.issue .comment-list.forums-comment-header2 .sorter .svg-icon.sort-desc,.comment-container.issue .comment-list.forums-comment-header2 .sorter__anchor .svg-icon.sort-desc,.comment-container.faq .comment-list.forums-comment-header2 .sorter .svg-icon.sort-desc,.comment-container.faq .comment-list.forums-comment-header2 .sorter__anchor .svg-icon.sort-desc {
	fill: #707070
}
.comment-container.issue .comment-list.forums-comment-header2 .sorter__anchor,.comment-container.faq .comment-list.forums-comment-header2 .sorter__anchor {
	border: 1px solid #ddd
}
.comment-container.issue .comment-list.forums-comment-header2 .sorter__anchor p,.comment-container.faq .comment-list.forums-comment-header2 .sorter__anchor p {
	font-weight: normal;
	white-space: nowrap
}
.comment-container.issue .comment-list.forums-comment-header2 .reply-list .reply,.comment-container.faq .comment-list.forums-comment-header2 .reply-list .reply {
	background: #f7f8fa
}
.comment-container.issue .comment-list.forums-comment-header2 .is--open .sorter__anchor,.comment-container.faq .comment-list.forums-comment-header2 .is--open .sorter__anchor {
	border: 1px solid #019fde
}
.comment-container.issue .comment-list.forums-comment-header2 .sorter__list,.comment-container.faq .comment-list.forums-comment-header2 .sorter__list {
	border: 1px solid #ddd
}
.comment-container.issue .comment-list.forums-comment-header2 .sorter__list .list__item: hover,.comment-container.faq .comment-list.forums-comment-header2 .sorter__list .list__item: hover {
	background-color: #019fde;
	color: #fff
}
.comment-container.issue .comment-list.forums-comment-header2 .sorter__list .list__item: hover svg,.comment-container.faq .comment-list.forums-comment-header2 .sorter__list .list__item: hover svg {
	fill: #fff
}
.comment-container.issue .comment-list.forums-comment-header2 .sorter__list .list__item span,.comment-container.faq .comment-list.forums-comment-header2 .sorter__list .list__item span {
	font-weight: normal
}
.comment-container.issue .comment-list.forums-comment-header2 .reply-form.teacher .reply-form-inner,.comment-container.faq .comment-list.forums-comment-header2 .reply-form.teacher .reply-form-inner {
	background: #f7f8fa
}
.comment-container.issue .comment-list.forums-comment-header2 .reply-form .reply-form-inner,.comment-container.faq .comment-list.forums-comment-header2 .reply-form .reply-form-inner {
	background: #f7f8fa
}
.comment-container.issue .comment-list.forums-comment-header2 .reply-form .reply-form-inner .author,.comment-container.faq .comment-list.forums-comment-header2 .reply-form .reply-form-inner .author {
	margin-bottom: 25px
}
.comment-container.issue .comment-list.forums-comment-header2 .reply-form .reply-form-inner .author .no-nickname__input-group,.comment-container.faq .comment-list.forums-comment-header2 .reply-form .reply-form-inner .author .no-nickname__input-group {
	margin-bottom: 0
}
.comment-container.issue .comment-list.forums-comment-header2 .reply-form .reply-form-inner .author .no-nickname__input-group input,.comment-container.faq .comment-list.forums-comment-header2 .reply-form .reply-form-inner .author .no-nickname__input-group input {
	font-size: 16px
}
.comment-container.issue .comment-list.forums-comment-header2 .reply-form .reply-form-inner .comment-form__send,.comment-container.faq .comment-list.forums-comment-header2 .reply-form .reply-form-inner .comment-form__send {
	display: flex;
	flex-direction: row-reverse
}
.comment-container.issue .comment-list.forums-comment-header2 .reply-form .reply-form-inner .comment-form__send .comment-form__upload,.comment-container.issue .comment-list.forums-comment-header2 .reply-form .reply-form-inner .comment-form__send .comment-form__forums,.comment-container.faq .comment-list.forums-comment-header2 .reply-form .reply-form-inner .comment-form__send .comment-form__upload,.comment-container.faq .comment-list.forums-comment-header2 .reply-form .reply-form-inner .comment-form__send .comment-form__forums {
	margin-top: 12px;
	width: 160px;
	border: 1px solid #019fde;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px
}
.comment-container.issue .comment-list.forums-comment-header2 .reply-form .reply-form-inner .comment-form__send .comment-form__upload svg,.comment-container.issue .comment-list.forums-comment-header2 .reply-form .reply-form-inner .comment-form__send .comment-form__forums svg,.comment-container.faq .comment-list.forums-comment-header2 .reply-form .reply-form-inner .comment-form__send .comment-form__upload svg,.comment-container.faq .comment-list.forums-comment-header2 .reply-form .reply-form-inner .comment-form__send .comment-form__forums svg {
	height: 24px;
	margin: 0 5px 0 0;
	fill: #019fde
}
.comment-container.issue .comment-list.forums-comment-header2 .reply-form .reply-form-inner .comment-form__send .comment-form__upload,.comment-container.faq .comment-list.forums-comment-header2 .reply-form .reply-form-inner .comment-form__send .comment-form__upload {
	margin-right: 20px
}
.comment-container.issue .comment-list.forums-comment-header2 .reply-form .reply-form-inner .form-group.has-error .form-control,.comment-container.faq .comment-list.forums-comment-header2 .reply-form .reply-form-inner .form-group.has-error .form-control {
	border: 1px solid #ff5b74
}
.comment-container.issue .comment-list .comment.forums-comment2 .avatars-36,.comment-container.faq .comment-list .comment.forums-comment2 .avatars-36 {
	height: 40px;
	width: 40px
}
.comment-container.issue .comment-list .comment.forums-comment2 .comment-block,.comment-container.faq .comment-list .comment.forums-comment2 .comment-block {
	margin-top: unset
}
.comment-container.issue .comment-list .comment.forums-comment2 .comment-block .content-video-info,.comment-container.faq .comment-list .comment.forums-comment2 .comment-block .content-video-info {
	display: flex;
	align-items: flex-start
}
.comment-container.issue .comment-list .comment.forums-comment2 .startTime,.comment-container.faq .comment-list .comment.forums-comment2 .startTime {
	display: flex;
	align-items: center;
	margin: 0 0 0 10px;
	color: #bbb;
	cursor: pointer
}
.comment-container.issue .comment-list .comment.forums-comment2 .startTime span,.comment-container.faq .comment-list .comment.forums-comment2 .startTime span {
	color: inherit;
	white-space: nowrap
}
.comment-container.issue .comment-list .comment.forums-comment2 .startTime svg,.comment-container.faq .comment-list .comment.forums-comment2 .startTime svg {
	fill: #bbb
}
.comment-container.issue .comment-list .comment.forums-comment2 .startTime: hover span,.comment-container.faq .comment-list .comment.forums-comment2 .startTime: hover span {
	color: #019fde;
	text-decoration: underline
}
.comment-container.issue .comment-list .comment.forums-comment2 .startTime: hover svg,.comment-container.faq .comment-list .comment.forums-comment2 .startTime: hover svg {
	fill: #019fde
}
.comment-container.issue .comment-list .comment.forums-comment2 .comment-title,.comment-container.faq .comment-list .comment.forums-comment2 .comment-title {
	color: #4c545a;
	line-height: 22px
}
.comment-container.issue .comment-list .comment.forums-comment2 .comment-info,.comment-container.faq .comment-list .comment.forums-comment2 .comment-info {
	display: flex
}
.comment-container.issue .comment-list .comment.forums-comment2 .comment-info span,.comment-container.faq .comment-list .comment.forums-comment2 .comment-info span {
	margin-right: auto
}
.comment-container.issue .comment-list .comment.forums-comment2 .reply-toggle-box,.comment-container.faq .comment-list .comment.forums-comment2 .reply-toggle-box {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	background-color: transparent;
	padding: 12px 0
}
.comment-container.issue .comment-list .comment.forums-comment2 .reply-toggle-box: : before,.comment-container.issue .comment-list .comment.forums-comment2 .reply-toggle-box: : after,.comment-container.faq .comment-list .comment.forums-comment2 .reply-toggle-box: : before,.comment-container.faq .comment-list .comment.forums-comment2 .reply-toggle-box: : after {
	content: "";
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	height: .1px;
	border-top: 1.5px dashed #019fdf
}
.comment-container.issue .comment-list .comment.forums-comment2 .delete-btn svg,.comment-container.faq .comment-list .comment.forums-comment2 .delete-btn svg {
	width: 22px;
	height: 24px;
	margin: 0
}
.comment-container.homework {
	margin-top: 50px;
	color: #4c545a
}
.comment-container.homework .loading-view {
	padding-top: 70px
}
.comment-container.homework .comment-form {
	border: none;
	background: #f7f8fa
}
.comment-container.homework .comment-form .author {
	display: block
}
.comment-container.homework .upload-photo {
	background: #fff;
	margin-top: 0
}
.comment-container.homework .addToCart-btn {
	color: #019fde;
	font-weight: 500
}
.comment-container.homework .addToCart-btn: hover {
	text-decoration: underline
}
.comment-container.article .comment-help-block,.comment-container.article .comment-list {
	background: #fff
}
.comment-container.article .empty-view {
	padding: 30px 0 60px 0
}
.comment-container.article .comment-form {
	border: none
}
.comment-container .empty-view {
	font-size: 16px;
	margin: 30px 0
}
.comment-container .empty-view .icon {
	margin: 30px 0
}
.comment-container .empty-view .icon-no-padding {
	margin: 0
}
.comment-container .loading-view {
	padding: 120px 0;
	text-align: center
}
.comment-container .comment-form2 .avatars-36 {
	height: 40px;
	width: 40px
}
.comment-container .comment-form2 .author {
	display: flex !important;
	align-items: center
}
.comment-container .comment-form2.comment-form {
	margin-bottom: 40px
}
.comment-container .comment-form2.comment-form .time-flex-wrap {
	margin-bottom: 0;
	width: 100%
}
.comment-container .comment-form2.comment-form .no-nickname.no-nickname__input-group {
	margin-top: 5px
}
.comment-container .comment-form2.comment-form.no-nickname .author {
	align-items: unset;
	display: flex
}
.comment-container .comment-form2 .fileinput-box textarea {
	font-size: 16px
}
.forums-comment2 .author {
	display: flex;
	align-items: center
}
.comment-body,.comment-info,.reply-list,.reply-body,.reply-form {
	padding-left: 52px
}
.comment-help-info {
	margin-bottom: 30px
}
.comment-help-info h1 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 16px
}
.comment-help-info p {
	font-size: 16px
}
.comment-help-block {
	margin: 30px 0;
	padding: 16px;
	background: #f7f8fa
}
.body--teacher-manage .tab-pane#qa .comment-form.js-forums-comment-form {
	display: none
}
.body--teacher-manage .tab-pane#issue .comment-form.js-forums-comment-form {
	margin-bottom: 40px
}
.body--teacher-manage .manage-content-container {
	padding-top: 0px
}
.comment-list {
	padding: 0 30px
}
.comment-list-header {
	padding: 18px 0;
	font-size: 20px;
	font-weight: 500;
	border-bottom: 1px solid #d3dee5
}
.comment-list-header i {
	font-size: 24px;
	color: #8b9195;
	margin-right: 10px
}
.comment-info {
	margin: 8px 0 25px 0
}
.comment {
	position: relative;
	padding: 30px 0;
	background: #fff;
	border-top: 1px solid #f5f5f5;
	word-break: break-word
}
.comment: first-child {
	border-top: 1px solid #d3dee5
}
.comment .author .avatars {
	margin-right: 16px
}
.comment .author .nickname {
	font-weight: 500;
	line-height: 36px
}
.comment .author .teacher-tag,.comment .gallery-modal .author-box .author .author-link span,.gallery-modal .author-box .comment .author .author-link span,.comment .author .checkin-info-div .author-div .tag,.checkin-info-div .author-div .comment .author .tag,.comment .author .course-sidebar .teacher-info .tag,.course-sidebar .teacher-info .comment .author .tag,.comment .author .classroom-header .course-header-block .teacher-info .tag,.classroom-header .course-header-block .teacher-info .comment .author .tag {
	font-weight: normal
}
.comment .comment-title {
	font-size: 18px;
	font-weight: 500;
	color: #8b9195
}
.comment .content {
	font-size: 16px;
	line-height: 1.5
}
.comment .photo-list {
	margin: 8px 0
}
.comment .reply-btn,.comment .reply-num {
	margin-right: 10px;
	color: #33b2e4
}
.comment .reply-btn: hover,.comment .reply-num: hover {
	text-decoration: underline
}
.comment .delete-btn {
	border-radius: 50%;
	height: 24px;
	width: 24px;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 0px;
	color: #d3dee5;
	display: flex;
	align-items: center;
	justify-content: center
}
.comment .delete-btn .svg-icon {
	height: 2rem
}
.comment .delete-btn: hover svg {
	fill: #019fde
}
.comment-form {
	border: 1px solid #d3dee5;
	padding: 16px;
	background: #fff;
	margin-bottom: 30px
}
.comment-form .no-nickname {
	display: none;
	flex-direction: column;
	height: 100%
}
.comment-form .no-nickname .form-control {
	height: 100%;
	width: 30%
}
.comment-form.no-nickname .no-nickname {
	display: flex
}
.comment-form.no-nickname .has-nickname {
	display: none
}
.comment-form .comment-form-info {
	font-size: 20px;
	margin-bottom: 16px
}
.comment-form .author {
	margin-bottom: 25px;
	height: 36px
}
.comment-form .author .avatars {
	margin-right: 16px
}
.comment-form .author .nickname {
	font-weight: 500
}
.comment-form .author .teacher-tag,.comment-form .gallery-modal .author-box .author .author-link span,.gallery-modal .author-box .comment-form .author .author-link span,.comment-form .author .checkin-info-div .author-div .tag,.checkin-info-div .author-div .comment-form .author .tag,.comment-form .author .course-sidebar .teacher-info .tag,.course-sidebar .teacher-info .comment-form .author .tag,.comment-form .author .classroom-header .course-header-block .teacher-info .tag,.classroom-header .course-header-block .teacher-info .comment-form .author .tag {
	font-weight: normal
}
.comment-form .form-group {
	margin-bottom: 26px
}
.comment-form .form-group.has-error {
	margin-bottom: 0px
}
.comment-form .form-group textarea {
	border-color: #d3dee5;
	min-height: 120px
}
.comment-form .form-control {
	border-radius: 0px;
	padding: 12px 14px;
	height: auto;
	font-size: 16px
}
.comment-form .comment-form__upload {
	width: 160px;
	border: 1px solid #019fde;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	font-size: 16px
}
.comment-form .comment-form__upload svg {
	height: 24px;
	margin: 0 5px 0 0;
	fill: #019fde
}
.comment-form .comment-form__forums {
	width: 160px;
	border: 1px solid #019fde;
	height: 50px;
	align-items: center;
	display: flex;
	justify-content: center;
	font-size: 16px
}
.reply {
	position: relative;
	background: #f7f8fa;
	border-bottom: 4px solid #fff;
	padding: 8px 16px;
	word-break: break-word
}
.reply .author .nickname {
	font-weight: normal
}
.reply .create {
	margin: 8px 0
}
.reply .delete-btn {
	top: 8px;
	right: 16px
}
.reply-toggle-box {
	padding: 12px;
	background: #f7f8fa;
	text-align: center;
	border-bottom: 4px solid #fff
}
.reply-form .no-nickname {
	display: none
}
.reply-form .no-nickname .no-nickname__input-group {
	margin-bottom: 25px;
	position: relative
}
.reply-form .no-nickname .error-msg {
	position: absolute;
	top: 100%
}
.reply-form .has-nickname {
	margin-bottom: 25px;
	display: flex;
	align-items: center
}
.reply-form.no-nickname .has-nickname {
	display: none
}
.reply-form.no-nickname .no-nickname {
	display: flex
}
.reply-form .reply-form-inner {
	background: #f7f8fa;
	padding: 12px 16px;
	display: flex;
	flex-direction: column
}
.reply-form .avatars {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	margin-right: 16px
}
.reply-form .fileinput-box {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}
.reply-form .form-group {
	margin-bottom: 0px
}
.reply-form .form-group .add-reply-message {
	border-radius: 0px;
	background: #fff;
	border: solid 1px #d3dee5;
	font-size: 16px;
	padding: 12px 40px 12px 8px;
	height: 150px
}
.reply-form .form-group .add-photo-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	cursor: pointer
}
.reply-form .form-group .add-photo-btn input {
	opacity: 0;
	top: 0;
	right: 0;
	position: absolute;
	width: 20px
}
.reply-form .form-group .add-photo-btn: hover .svg-icon {
	fill: #019fde
}
.reply-form .upload-photo {
	padding: 16px 18px;
	background: #fff;
	border: 1px solid #d3dee5;
	border-top: none;
	margin: 0
}
.reply-form .upload-photo p {
	font-size: 16px;
	margin-bottom: 16px
}
.reply-form .help-block {
	margin: 16px 0 0 0;
	line-height: normal;
	font-size: 12px
}
@media(max-width: 1040px) {
	.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header {
	width: 100%;
	flex-direction: column;
	align-items: flex-start
}
.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header>p,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header>p {
	margin-bottom: 10px
}
.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header .sorter-group__layout,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header .sorter-group__layout {
	padding: 0;
	width: 100%;
	display: flex;
	align-items: center
}
.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header .sorter-group__layout .search-bar,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header .sorter-group__layout .search-bar {
	width: 100%
}
.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header .sorter-group__layout .comment-count,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header .sorter-group__layout .comment-count {
	white-space: nowrap
}
.comment-container.issue .comment-list.forums-comment-header2 .sorter__anchor,.comment-container.faq .comment-list.forums-comment-header2 .sorter__anchor {
	min-width: 130px
}
}@media(max-width: 991px) {
	.comment-container.issue .comment {
	padding: 20px 0
}
.comment-container.issue .comment .comment-block {
	margin-top: 8px
}
.comment-container.issue .comment .comment-block .content {
	margin-top: 8px
}
.comment-container.issue .comment .comment-block .startTime {
	margin-top: 4px
}
.comment-container.article {
	margin: 16px -16px
}
.comment-container.issue .comment-list-header,.comment-container.faq .comment-list-header {
	padding: 16px 0;
	flex-direction: column;
	align-items: stretch
}
.comment-help-info {
	margin-bottom: 16px
}
.comment-help-info h1 {
	font-size: 20px;
	margin-bottom: 8px
}
.comment-help-info p {
	font-size: 16px
}
.comment-help-block {
	margin: 16px 0
}
.comment-list {
	padding: 0 16px
}
.comment .author .nickname {
	font-weight: 500;
	line-height: normal;
	width: calc(100% - 36px - 16px - 24px)
}
.comment-form {
	margin-bottom: 14px
}
.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header p,.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header span,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header p,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header span {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px
}
.comment-container.issue .comment-list.forums-comment-header2 .sorter-group,.comment-container.faq .comment-list.forums-comment-header2 .sorter-group {
	flex: 0 0 auto
}
.comment-container.issue .comment-list.forums-comment-header2 .sorter__list .list__item,.comment-container.faq .comment-list.forums-comment-header2 .sorter__list .list__item {
	padding: 7px 5px;
	height: auto;
	min-height: 36px
}
}@media(max-width: 768px) {
	.comment-form .comment-form__upload {
	width: 140px
}
.comment-form .comment-form__forums {
	width: 140px
}
.comment-container.issue .comment-list.forums-comment-header2 .sorter__anchor,.comment-container.faq .comment-list.forums-comment-header2 .sorter__anchor {
	max-width: 110px
}
.comment-container.issue .comment-list.forums-comment-header2 .sorter,.comment-container.faq .comment-list.forums-comment-header2 .sorter {
	min-width: 110px;
	max-width: 120px
}
}@media(max-width: 567px) {
	.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header {
	width: 100%;
	flex-direction: column;
	align-items: flex-start
}
.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header p,.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header span,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header p,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header span {
	font-size: 14px;
	line-height: 20px
}
.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header>p,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header>p {
	margin-bottom: 10px
}
.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header .sorter-group__layout,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header .sorter-group__layout {
	flex-direction: column
}
.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header .sorter-group__layout .search-bar,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header .sorter-group__layout .search-bar {
	margin-bottom: 10px;
	padding-right: 0;
	width: 100%;
	margin-left: 0;
	margin-top: 10px;
	margin-right: 0
}
.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header .sorter-group__layout .sorter-group,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header .sorter-group__layout .sorter-group {
	width: 100%
}
.comment-container.issue .comment-list.forums-comment-header2 .comment-list-header .sorter-group__layout .comment-count,.comment-container.faq .comment-list.forums-comment-header2 .comment-list-header .sorter-group__layout .comment-count {
	align-self: flex-end
}
.comment-container.issue .comment-list.forums-comment-header2 .reply-form,.comment-container.faq .comment-list.forums-comment-header2 .reply-form {
	padding-left: 52px
}
.comment-container.issue .comment-list.forums-comment-header2 .sorter,.comment-container.faq .comment-list.forums-comment-header2 .sorter {
	max-width: unset
}
.comment-container.issue .comment-list.forums-comment-header2 .sorter__anchor,.comment-container.faq .comment-list.forums-comment-header2 .sorter__anchor {
	max-width: unset
}
.comment-container.issue .comment-list .comment.forums-comment2 .avatars-36,.comment-container.faq .comment-list .comment.forums-comment2 .avatars-36 {
	height: 30px;
	width: 30px
}
.comment-container.issue .comment-list .comment.forums-comment2 .comment-block .content-video-info,.comment-container.faq .comment-list .comment.forums-comment2 .comment-block .content-video-info {
	flex-direction: column;
	align-items: flex-start
}
.comment-container.issue .comment-list .comment.forums-comment2 .startTime,.comment-container.faq .comment-list .comment.forums-comment2 .startTime {
	margin-left: 0
}
.comment-container.issue .comment-list .comment.forums-comment2 .comment-title,.comment-container.faq .comment-list .comment.forums-comment2 .comment-title {
	line-height: 20px
}
.comment-container.issue .comment-list .comment.forums-comment2 .delete-btn svg,.comment-container.faq .comment-list .comment.forums-comment2 .delete-btn svg {
	width: 18px;
	height: 19.5px
}
.comment-container .comment-form2 .avatars-36 {
	height: 40px;
	width: 40px
}
.comment-form .comment-form__send {
	display: flex;
	flex-direction: row-reverse
}
.comment-form .comment-form__send .comment-form__upload {
	flex: 1
}
.comment-form .comment-form__send .comment-form__forums {
	flex: 1
}
}.search-teacher-form {
	margin-bottom: 30px
}
.search-teacher-form .input-group {
	border-radius: 5px;
	border: 1px solid #4c545a
}
.search-teacher-form .form-control {
	background: #f7f8fa;
	border: none
}
.search-teacher-form .form-control: focus {
	border: none
}
.search-teacher-form .input-group-btn i {
	font-size: 20px;
	color: #4c545a
}
.page--teacher-dtl .page-wrapper {
	width: 1210px
}
@media(max-width: 1240px) {
	.page--teacher-dtl .page-wrapper {
	width: 1010px
}
}@media(max-width: 1040px) {
	.page--teacher-dtl .page-wrapper {
	width: 740px
}
}@media(max-width: 768px) {
	.page--teacher-dtl .page-wrapper {
	width: 568px
}
}@media(max-width: 567px) {
	.page--teacher-dtl .page-wrapper {
	width: 100%
}
}.teacher-category-block {
	margin-bottom: 30px
}
.teacher-category-block.fixed {
	position: fixed;
	top: 60px;
	z-index: 9999;
	height: auto !important
}
.teacher-category-block ul {
	display: flex;
	margin-bottom: 8px
}
.teacher-category-block li {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: inline-block;
	border-bottom: 1px solid #d3dee5;
	line-height: 60px;
	background: #fff;
	transition: all .3s
}
.teacher-category-block li: hover,.teacher-category-block li.active {
	box-shadow: inset 0 -3px 0 0 #019fde
}
.teacher-category-block li: hover a,.teacher-category-block li.active a {
	color: #019fde;
	font-weight: 500
}
.teacher-category-block li.none: hover {
	box-shadow: none
}
.teacher-category-block li a {
	color: #4c545a
}
.top-teacher-list {
	margin-bottom: 30px;
	display: flex
}
.top-teacher-list .top-teacher-block {
	border-radius: 5px;
	border: 2px solid #f7f8fa;
	color: #fff;
	height: 160px;
	flex: 1;
	display: inline-block;
	margin-right: 15px;
	overflow: hidden;
	transition: all .4s
}
.top-teacher-list .top-teacher-block: last-child {
	margin-right: 0
}
.top-teacher-list .top-teacher-block: hover {
	border: 2px solid #fff;
	-moz-box-shadow: 0px 4px 16px rgba(0,159,222,.3);
	-webkit-box-shadow: 0px 4px 16px rgba(0,159,222,.3);
	box-shadow: 0px 4px 16px rgba(0,159,222,.3)
}
.top-teacher-list .top-teacher-link {
	display: block;
	height: 100%;
	position: relative
}
.top-teacher-list .bg {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	filter: blur(2px);
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 158px;
	transform: scale(1.1)
}
.top-teacher-list .avatars {
	border-radius: 50%;
	width: 120px;
	height: 120px;
	border: 2px solid #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 16px;
	z-index: 10
}
.top-teacher-list .tag {
	position: absolute;
	top: 8px;
	left: 0px;
	color: #fff;
	padding: 6px 25px 6px 10px;
	background: transparent url(../image/icon/top-teacher-tag.svg) scroll no-repeat 50% 50%;
	z-index: 10
}
.top-teacher-list .content {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 9px 20px;
	width: 100%;
	z-index: 20
}
.top-teacher-list .cover {
	border-radius: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	opacity: .7;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
	z-index: 10;
	overflow: hidden;
	transform: scale(1.1)
}
.top-teacher-list .teacher-name {
	text-shadow: 0 2px 4px rgba(0,0,0,.5);
	font-size: 20px;
	margin-bottom: 6px;
	color: #fff
}
.top-teacher-list .course-name {
	font-size: 16px;
	color: rgba(255,255,255,.9)
}
.teacher-list.loading .page-loading,.teacher-list.is-empty .empty-view {
	display: block
}
.teacher-list .empty-view {
	display: none
}
.teacher-list .empty-view img {
	width: 160px;
	height: 160px
}
.teacher-list .empty-view p {
	margin: 10px auto 15px auto
}
.teacher-card {
	position: relative;
	margin-bottom: 25px
}
.teacher-card .teacher-card-link {
	display: block;
	color: #4c545a
}
.teacher-card .teacher-card-link: hover .teacher-card-inner {
	border-color: #019fde;
	box-shadow: 0 2px 4px 0 rgba(1,32,45,.2)
}
.teacher-card .teacher-card-inner {
	border-radius: 5px;
	padding: 20px;
	background: #fff;
	border: 2px solid transparent;
	display: flex;
	transition: all .3s
}
.teacher-card .teacher-info {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 20px
}
.teacher-card .teacher-avatars {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 90px
}
.teacher-card .title {
	position: relative
}
.teacher-card .name {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 29px;
	line-height: 29px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	color: #019fde;
	font-size: 20px;
	width: 53%
}
.teacher-card .intro {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 54px;
	line-height: 27px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	margin: 10px 0 15px;
	font-size: 16px
}
.teacher-card .tag {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	height: 26px
}
.teacher-card .tag li {
	background: rgba(1,159,222,.5);
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 70px
}
.teacher-card .tag li: last-child {
	margin-left: 10px
}
.teacher-card .meta {
	border-top: 1px solid #f7f8fa;
	padding-top: 8px;
	color: #b6bcc8
}
.teacher-card .meta li {
	width: 32%;
	display: inline-block
}
.teacher-card .meta .num {
	color: #019fde
}
.teacher-card .avatars {
	width: 90px;
	height: 90px;
	margin-bottom: 20px;
	border: 1px solid rgba(0,159,222,.5)
}
.teacher-card .subscribe-btn {
	padding: 3px 0;
	width: 100%
}
.teacher-profile-block {
	position: relative
}
.teacher-profile-block .teacher-profile-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 115px;
	background: #019fde;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	filter: blur(1px)
}
.teacher-profile-block .teacher-profile-header .cover {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	filter: blur(2px);
	width: 100%;
	height: 115px;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000)
}
.teacher-profile-block .profile-container {
	position: relative;
	padding: 30px 20px 20px 20px;
	width: 100%;
	max-width: 1222px
}
.teacher-profile-block .avatars-block {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 170px
}
.teacher-profile-block .avatars-block img {
	width: 170px;
	height: 170px;
	border: 2px solid #fff;
	border-radius: 50%
}
.teacher-profile-block .profile-block {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 30px
}
.teacher-profile-block .teacher-name-block .name {
	color: #fff;
	font-size: 36px;
	margin: 8px 16px 8px 0;
	font-weight: 500
}
.teacher-profile-block .teacher-name-block .subscribe-btn {
	padding-right: 20px;
	padding-left: 20px;
	display: inline-flex;
	align-items: center
}
.teacher-profile-block .teacher-intro-block {
	margin-top: 30px;
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #d3dee5
}
.teacher-profile-block .teacher-full-intro-block {
	margin-top: 16px;
	color: #8b9195;
	position: relative;
	max-height: 230px;
	overflow: hidden;
	text-align: justify
}
.teacher-profile-block .teacher-full-intro-block.open {
	max-height: inherit
}
.teacher-profile-block .teacher-full-intro-block.open .cover {
	background: none;
	position: static;
	height: auto
}
.teacher-profile-block .teacher-full-intro-block.open .cover .ion-arrow-down-b {
	display: none
}
.teacher-profile-block .teacher-full-intro-block.open .cover .ion-arrow-up-b {
	display: inline-block
}
.teacher-profile-block .teacher-full-intro-block .cover {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 90px;
	background-image: linear-gradient(to bottom, rgba(247, 248, 250, 0), #f7f8fa)
}
.teacher-profile-block .teacher-full-intro-block .cover button {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #019fde
}
.teacher-profile-block .teacher-full-intro-block .cover button i {
	margin-right: 5px
}
.teacher-profile-block .teacher-full-intro-block .cover button .ion-arrow-down-b {
	display: inline-block
}
.teacher-profile-block .teacher-full-intro-block .cover button .ion-arrow-up-b {
	display: none
}
.teacher-profile-block .teacher-meta-block {
	margin-top: 16px
}
.teacher-profile-block .teacher-meta-block .tag li {
	border-radius: 100px;
	background-image: linear-gradient(to bottom, #D3DEE5, #D3DEE5);
	display: inline-block;
	margin-right: 8px;
	padding: 6px 16px;
	text-align: center
}
.teacher-profile-block .teacher-meta-block .tag li a {
	color: #fff
}
.teacher-profile-block .teacher-meta-block .tag li a: hover {
	color: #fff
}
.teacher-profile-block .teacher-meta-block .meta-link {
	margin-right: 16px;
	text-align: center;
	color: #8b9195;
	padding: 6px 0
}
.teacher-profile-block .teacher-meta-block .meta-link: last-child {
	margin-right: 0
}
.teacher-profile-block .teacher-meta-block .meta-link: hover .svg-icon {
	fill: #019fde
}
.teacher-profile-container {
	padding: 0;
	margin: 0 auto;
	width: 1210px
}
@media(max-width: 1240px) {
	.teacher-profile-container {
	width: 1010px
}
}@media(max-width: 1040px) {
	.teacher-profile-container {
	width: 740px
}
}@media(max-width: 768px) {
	.teacher-profile-container {
	width: 568px
}
}@media(max-width: 567px) {
	.teacher-profile-container {
	width: 100%
}
}@media(max-width: 567px) {
	.teacher-profile-container {
	padding: 0 15px
}
}.teacher-profile-container .course-card-list {
	display: grid;
	grid-template-columns: repeat(4, 25%)
}
@media(max-width: 1040px) {
	.teacher-profile-container .course-card-list {
	display: block
}
}.teacher-profile-container .c-course-card {
	margin-bottom: 15px
}
@media(max-width: 1040px) {
	.teacher-profile-container .c-course-card: last-of-type {
	border-bottom: none
}
}.teacher-intro-header {
	background: #007fb1;
	padding: 30px 0
}
.teacher-intro-header.manage .back-btn,.teacher-intro-header.manage .teacher-profile-div,.teacher-intro-header.manage .teacher-profile-link {
	display: none
}
.teacher-intro-header .back-btn {
	border-radius: 50%;
	border: 1px solid #fff;
	color: #fff;
	padding: 4px 14px;
	margin: 65px 0
}
.teacher-intro-header .back-btn i {
	font-size: 30px
}
.teacher-intro-header .teacher-avatars-div {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	position: relative;
	width: 170px
}
.teacher-intro-header .teacher-avatars-div.edit-mode .update-avatars-btn {
	background: rgba(0,0,0,.8)
}
.teacher-intro-header .teacher-avatars-div: hover .update-avatars-btn {
	background: rgba(0,0,0,.8)
}
.teacher-intro-header .teacher-avatars-div .update-avatars-btn {
	border-radius: 0px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	background: rgba(0,0,0,.3);
	height: 40px
}
.teacher-intro-header .teacher-avatars-div .update-avatars-btn.active {
	background: rgba(0,0,0,.8)
}
.teacher-intro-header .teacher-avatars-div .update-avatars-btn .camera-icon {
	font-size: 20px;
	margin-left: 5px
}
.teacher-intro-header .teacher-profile-div {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #fff;
	font-size: 20px;
	margin-left: 30px
}
.teacher-intro-header .teacher-profile-div p {
	margin-bottom: 8px
}
.teacher-intro-header .teacher-profile-div .teacher-name {
	font-size: 36px;
	margin-bottom: 12px;
	line-height: 1.4
}
.teacher-intro-header .teacher-profile-div .teacher-name a {
	font-size: 16px;
	margin-left: 8px;
	color: #fff;
	line-height: 50px;
	display: inline-block;
	vertical-align: top;
	font-weight: normal
}
.teacher-intro-header .teacher-profile-div .teacher-name a: hover,.teacher-intro-header .teacher-profile-div .teacher-name a: active {
	color: #fff
}
.teacher-intro-header .teacher-profile-div .teacher-name .link-icon {
	font-size: 16px;
	margin-left: 8px
}
.teacher-intro-header .teacher-profile-div .tag {
	margin-top: 14px;
	font-size: 16px
}
.teacher-intro-header .teacher-profile-div .tag li {
	border-radius: 100px;
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
	display: inline-block;
	margin-left: 8px;
	padding: 4px 16px;
	text-align: center
}
.teacher-intro-header .teacher-profile-div .tag li: nth-child(3n+1) {
	margin-left: 0
}
.teacher-intro-header .teacher-profile-div .tag li: nth-child(-n+4) {
	display: inline-block
}
.teacher-intro-header .teacher-profile-div .tag li a {
	color: #fff
}
.teacher-intro-header .teacher-profile-div .tag li a: hover {
	color: #fff
}
.teacher-intro-header .sns-group {
	margin-bottom: 85px
}
.teacher-intro-header .sns-group a {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin-left: 16px;
	text-align: center;
	color: #007fb1;
	background-color: #fff
}
.teacher-intro-header .sns-group a: last-child {
	margin-left: 0
}
.teacher-intro-header .sns-group a: hover {
	box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.3)
}
.teacher-intro-header .sns-group a: active {
	box-shadow: inset 0 2px 0 0 rgba(0,0,0,.3)
}
.teacher-intro-header .sns-group .icon {
	font-size: 24px;
	color: #019fde
}
.teacher-intro-header .sns-group .home-icon {
	line-height: 40px
}
.teacher-intro-header .sns-group .fb-icon {
	width: 18px;
	height: 40px
}
.teacher-intro-content {
	padding: 30px 0;
	color: #fff;
	background: #019fde
}
.teacher-intro-content .title {
	font-size: 24px;
	margin-bottom: 10px
}
.teacher-intro-content .title span {
	vertical-align: top;
	font-size: 16px;
	font-weight: normal;
	margin-left: 10px
}
.teacher-intro-content .title .teacher-intro-message {
	font-size: 20px;
	font-weight: normal;
	margin-left: 20px
}
.teacher-intro-content .title .teacher-intro-message span {
	margin: 0 5px
}
.teacher-intro-content .intro {
	position: relative;
	max-height: 230px;
	overflow: hidden
}
.teacher-intro-content .intro.open {
	max-height: inherit
}
.teacher-intro-content .intro.open .cover {
	background: none;
	position: static;
	height: auto
}
.teacher-intro-content .intro.open .cover .ion-arrow-down-b {
	display: none
}
.teacher-intro-content .intro.open .cover .ion-arrow-up-b {
	display: inline-block
}
.teacher-intro-content .intro p {
	line-height: 1.44;
	margin-bottom: 30px
}
.teacher-intro-content .intro .cover {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 90px;
	background-image: linear-gradient(to bottom, rgba(0, 159, 222, 0), #019fde)
}
.teacher-intro-content .intro .cover button {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #fff
}
.teacher-intro-content .intro .cover button i {
	font-size: 20px;
	margin-right: 10px
}
.teacher-intro-content .intro .cover button .ion-arrow-down-b {
	display: inline-block
}
.teacher-intro-content .intro .cover button .ion-arrow-up-b {
	display: none
}
.teacher-profile-form {
	color: #fff
}
.teacher-profile-form input {
	border-radius: 5px;
	background-color: rgba(0,0,0,.1);
	box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,.5);
	border: 1px solid #fff;
	height: inherit;
	font-size: 16px;
	line-height: 2;
	color: #fff
}
.teacher-profile-form input: -webkit-input-placeholder,.teacher-profile-form input: -moz-placeholder,.teacher-profile-form input: -ms-input-placeholder,.teacher-profile-form input: -moz-placeholder {
	color: #019fde
}
.teacher-profile-form input: focus {
	border: 1px solid #fff;
	outline: none;
	box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,.5)
}
.teacher-profile-form .has-error {
	margin-bottom: 0
}
.teacher-profile-form .has-error .control-label {
	color: #fff
}
.teacher-profile-form .has-error .error-msg {
	color: #ff5b74;
	padding: 0
}
.teacher-profile-textarea {
	border-radius: 5px;
	padding: 24px 16px;
	color: #fff;
	font-size: 16px;
	line-height: 1.44;
	background: #1e578d;
	border: solid 1px #fff;
	margin: 8px 0 16px 0
}
.tag-cloud li {
	display: inline-block;
	padding: 9px 18px;
	color: #fff;
	margin-left: 60px;
	border: 1px solid transparent;
	cursor: pointer;
	margin-top: 8px;
	line-height: 1.3
}
.tag-cloud li: hover {
	border: 1px solid #019fde
}
.tag-cloud li.active {
	background: rgba(255,255,255,.2)
}
.tag-cloud li.active: hover {
	border: 1px solid transparent
}
.tag-cloud li: nth-child(5n+1) {
	margin-left: 0
}
.tag-cloud.active li {
	border-radius: 100px;
	background: rgba(0,0,0,.2);
	padding: 5px 8px 5px 16px;
	border: none;
	margin-left: 0;
	margin-right: 8px
}
.tag-cloud.active li: hover {
	border: none
}
.tag-cloud.active li .cross-icon {
	opacity: .3;
	margin-left: 8px
}
.tag-cloud.course {
	margin: 30px 0 45px 0
}
.tag-cloud.course li {
	border-radius: 100px;
	color: #019fde;
	margin: 0 30px 15px 0;
	border: 1px solid #019fde
}
.tag-cloud.course li: hover {
	border: 1px solid #019fde;
	background: #019fde;
	color: #fff
}
.tag-cloud.course li.active {
	background: #019fde;
	color: #fff
}
.tag-cloud.course li.active: hover {
	border: 1px solid #019fde
}
.tag-cloud-active-list {
	border-bottom: 1px solid #fff;
	padding-bottom: 15px
}
.tag-cloud-active-list p {
	padding: 8px 0 0 8px
}
.apply-teacher-page.step-1 .step1-title,.apply-teacher-page.step-1 .apply-btn,.apply-teacher-page.step-1 .apply-teacher-form {
	display: block
}
.apply-teacher-page.step-1 .step1-info {
	display: flex
}
.apply-teacher-page.step-1 .step2-title,.apply-teacher-page.step-1 .step2-info,.apply-teacher-page.step-1 .apply-teacher-message {
	display: none
}
.apply-teacher-page.step-1 .apply-step-bar .inner {
	background-position-x: -56px
}
.apply-teacher-page.step-2 .step2-title,.apply-teacher-page.step-2 .apply-teacher-message {
	display: block
}
.apply-teacher-page.step-2 .step2-info {
	display: flex
}
.apply-teacher-page.step-2 .step1-title,.apply-teacher-page.step-2 .step1-info,.apply-teacher-page.step-2 .apply-btn,.apply-teacher-page.step-2 .apply-teacher-form {
	display: none
}
.apply-teacher-page.step-2 .apply-step-bar .inner {
	background-position-x: 249px
}
.apply-teacher-header {
	background: #fff
}
.apply-teacher-header .title {
	padding-top: 60px;
	font-size: 36px;
	font-weight: 500
}
.apply-teacher-header .apply-info-list .success-icon-container {
	padding-bottom: 18px
}
.apply-teacher-header .apply-info-list .success-icon-container .success-title {
	margin-bottom: 20px;
	color: #019fde
}
.apply-teacher-header .apply-info-list .success-icon-container: after {
	content: "";
	width: 80px;
	height: 5px;
	background: #ccecf8;
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}
.apply-teacher-header .apply-info-list.success {
	padding-bottom: 100px
}
.apply-teacher-header .apply-info-list .next-btn,.apply-teacher-header .apply-info-list .prev-btn {
	font-size: 30px;
	color: #d3dee5;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none
}
.apply-teacher-header .apply-info-list .box {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center
}
.apply-teacher-header .apply-info-list .icon {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin: 0 auto 36px auto;
	position: relative
}
.apply-teacher-header .apply-info-list .icon: before,.apply-teacher-header .apply-info-list .icon: after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 10px
}
.apply-teacher-header .apply-info-list .icon: after {
	width: 80px;
	height: 5px;
	background: #ccecf8;
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}
.apply-teacher-header .apply-info-list .icon-inner {
	width: 128px;
	height: 128px;
	margin: 0 auto
}
.apply-teacher-header .apply-info-list .icon-inner .icon-img {
	width: 128px;
	height: 128px
}
@media(max-width: 991px) {
	.apply-teacher-header .apply-info-list .icon-inner .icon-img {
	width: 102px;
	height: 102px
}
}.apply-teacher-header .apply-info-list .icon-inner i {
	color: #fff;
	font-size: 50px;
	line-height: 100px
}
.apply-teacher-header .apply-info-list .title {
	color: #4c545a;
	font-size: 24px;
	font-weight: normal;
	margin-top: 8px;
	padding: 0px
}
.apply-teacher-header .apply-btn {
	padding: 0px;
	margin: 60px auto 40px auto;
	font-size: 24px;
	color: #8b9195
}
.apply-teacher-header .apply-btn .apply-icon {
	margin-left: 8px;
	width: 24px;
	height: 24px;
	transform: translateY(0.5px)
}
@media(max-width: 991px) {
	.apply-teacher-header .apply-btn .apply-icon {
	width: 20px;
	height: 20px
}
}.apply-teacher-header .apply-btn: hover,.apply-teacher-header .apply-btn: active {
	color: #019fde
}
.apply-teacher-header .apply-btn: hover svg,.apply-teacher-header .apply-btn: active svg {
	fill: #019fde !important
}
.apply-teacher-header .apply-step-bar {
	background: #019fde
}
.apply-teacher-header .apply-step-bar .inner {
	width: 80%;
	margin: 0 auto;
	background-size: contain;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position-y: 50%;
	background-image: url(../image/apply-step-bar-bg.png)
}
.apply-teacher-header .apply-step-bar li {
	display: inline-block;
	width: 33%;
	color: #fff;
	padding: 18px 0;
	text-align: center;
	line-height: normal;
	background: transparent url(../image/apply-step-arrow.svg?v=0913) scroll no-repeat 100% 50%
}
.apply-teacher-form {
	margin-top: 40px;
	padding: 30px 100px;
	border: 1px solid #d3dee5;
	background: #fff
}
.apply-teacher-form .form-header {
	padding-bottom: 16px;
	margin-bottom: 30px;
	border-bottom: 1px solid #d3dee5;
	line-height: 24px
}
.apply-teacher-form .form-header .title {
	font-size: 24px;
	font-weight: 500
}
.apply-teacher-form .yotta-form {
	margin-top: 0px
}
.apply-teacher-form .yotta-form .basic-info-block {
	margin-bottom: 25px
}
.apply-teacher-form .yotta-form .basic-group {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 30px
}
.apply-teacher-form .yotta-form .basic-group .form-group {
	margin-bottom: 25px
}
.apply-teacher-form .yotta-form .basic-group .form-group: last-child {
	margin-bottom: 0px
}
.apply-teacher-form .yotta-form .avatars-div {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 170px;
	height: 170px;
	background: #fff;
	position: relative
}
.apply-teacher-form .yotta-form .avatars-div .avatars {
	width: 100%
}
.apply-teacher-form .yotta-form .avatars-div .update-avatars-btn {
	border-radius: 0px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	background: rgba(0,0,0,.3);
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center
}
.apply-teacher-form .yotta-form .avatars-div .update-avatars-btn .camera-icon {
	width: 24px;
	height: 24px;
	margin-left: 5px;
	transform: translateY(-1px)
}
.apply-teacher-form .yotta-form .row {
	margin-top: 25px
}
.apply-teacher-form .yotta-form .row: first-child {
	margin-top: 0px
}
.apply-teacher-form .yotta-form .form-group {
	margin-bottom: 0px
}
.apply-teacher-form .yotta-form .form-group.has-error .control-label,.apply-teacher-form .yotta-form .form-group.has-error .radio-inline {
	font-weight: normal;
	color: #4c545a
}
.apply-teacher-form .yotta-form .form-group.has-error .error-msg {
	margin-bottom: 0px;
	color: #ff5b74
}
.apply-teacher-form .yotta-form .form-group .control-label {
	font-weight: normal
}
.apply-teacher-form .yotta-form .form-group .form-control {
	padding: 16px;
	height: auto;
	font-size: 16px
}
.apply-teacher-form .yotta-form .form-group textarea {
	min-height: 160px
}
.apply-teacher-form .yotta-form .type-form-group.company .form-control {
	visibility: visible
}
.apply-teacher-form .yotta-form .type-form-group .type-form-label {
	display: block
}
.apply-teacher-form .yotta-form .type-form-group .radio-inline {
	margin-right: 18px
}
.apply-teacher-form .yotta-form .type-form-group .form-control {
	display: inline-block;
	visibility: hidden;
	width: 65%
}
.apply-teacher-form .info-list {
	margin-top: 30px;
	font-size: 12px;
	line-height: 1.7
}
.apply-teacher-message {
	padding: 40px 0
}
.apply-teacher-message p {
	margin-bottom: 16px
}
.apply-teacher-message .btn-blue-border {
	background: transparent
}
.apply-teacher-message .btn-blue-border: hover {
	color: #019fde;
	border-color: #019fde
}
@media(max-width: 991px) {
	.wrapper .wrapper-inner {
	width: 100%;
	overflow: hidden
}
.teacher-card {
	margin-bottom: 16px;
	padding: 0 10px
}
.teacher-card .teacher-card-inner {
	padding: 12px;
	margin-top: 30px
}
.teacher-card .teacher-info {
	padding-left: 100px
}
.teacher-card .teacher-avatars {
	position: absolute;
	top: 0px
}
.teacher-card .name {
	width: 100%
}
.teacher-card .intro {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 48px;
	line-height: 24px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	margin: 6px 0
}
.teacher-card .meta {
	margin-left: -100px;
	font-size: 14px
}
.teacher-card .avatars {
	width: 80px;
	height: 80px;
	margin-bottom: 10px
}
.teacher-card .subscribe-btn {
	padding: 4px 0
}
.teacher-category-block {
	margin: 16px -16px;
	font-size: 14px
}
.teacher-category-block.fixed {
	width: 100%;
	margin-top: 0;
	top: 0px;
	z-index: 9999
}
.teacher-category-block.fixed2 {
	top: 48px
}
.teacher-category-block li {
	line-height: 44px
}
.teacher-category-block li: hover,.teacher-category-block li.active {
	box-shadow: inset 0 -2px 0 0 #019fde
}
.top-teacher-list {
	overflow-x: scroll;
	margin: 0 -7px 16px
}
.top-teacher-list .top-teacher-block {
	width: 180px;
	height: 180px;
	flex: 1 0 180px
}
.top-teacher-list .top-teacher-block: hover {
	box-shadow: 0 4px 16px rgba(0,159,222,0)
}
.top-teacher-list .top-teacher-block: first-child {
	margin-left: 0
}
.top-teacher-list .top-teacher-block: last-child {
	margin-left: 0
}
.top-teacher-list .avatars {
	border-radius: 5px;
	border: none;
	width: 180px;
	height: 180px;
	bottom: 0;
	left: 0
}
.top-teacher-list .tag {
	top: 6px
}
.top-teacher-list .content {
	bottom: 10px;
	padding: 0 10px
}
.top-teacher-list .cover {
	height: 60px;
	opacity: .5
}
.top-teacher-list .teacher-name {
	margin: 0
}
.teacher-profile-block .teacher-profile-header {
	height: 65px
}
.teacher-profile-block .teacher-profile-header .cover {
	height: 65px
}
.teacher-profile-block .profile-container {
	display: block;
	padding: 0 10px
}
.teacher-profile-block .avatars-block {
	display: block;
	width: 100%;
	text-align: center;
	padding-top: 16px
}
.teacher-profile-block .avatars-block img {
	width: 100px;
	height: 100px;
	border-radius: 50%
}
.teacher-profile-block .profile-block {
	padding: 0;
	display: block
}
.teacher-profile-block .teacher-name-block {
	margin: 16px auto;
	text-align: center
}
.teacher-profile-block .teacher-name-block .name {
	color: #4c545a;
	font-size: 20px;
	margin: 0 0 16px 0;
	float: none !important
}
.teacher-profile-block .teacher-name-block .subscribe-btn {
	margin-top: 16px;
	padding-right: 20px;
	padding-left: 20px;
	float: none !important
}
.teacher-profile-block .teacher-intro-block {
	margin-top: 16px;
	text-align: center
}
.teacher-profile-block .teacher-full-intro-block .cover button {
	right: 50%;
	margin-right: -45px
}
.teacher-profile-block .teacher-full-intro-block.open {
	padding-bottom: 30px
}
.teacher-profile-block .teacher-meta-block {
	margin-top: 16px
}
.teacher-profile-block .teacher-meta-block .tag li {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
	margin-right: 8px;
	padding: 6px 16px
}
.teacher-intro-header {
	padding: 16px 0
}
.teacher-intro-header .row {
	display: flex
}
.teacher-intro-header .back {
	padding: 0 10px
}
.teacher-intro-header .back .back-btn {
	margin: 30px 0
}
.teacher-intro-header .teacher-avatars-div {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	margin: 0 auto;
	width: 110px
}
.teacher-intro-header .teacher-avatars-div img {
	width: 100px;
	height: 100px
}
.teacher-intro-header .teacher-avatars-div.edit-mode .update-avatars-btn {
	width: 100px;
	height: auto;
	padding: 4px 0;
	font-size: 12px
}
.teacher-intro-header .teacher-avatars-div.edit-mode .update-avatars-btn i {
	font-size: 12px;
	margin-left: 0px
}
.teacher-intro-header .teacher-profile-div {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 20px;
	margin-left: 0px
}
.teacher-intro-header .teacher-profile-div p {
	margin-bottom: 5px;
	font-size: 16px;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 36px;
	line-height: 18px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.teacher-intro-header .teacher-profile-div .teacher-name {
	font-size: 24px;
	margin-bottom: 0px
}
.teacher-intro-header .teacher-profile-div .tag {
	display: none
}
.teacher-intro-header.manage .teacher-profile-div .teacher-name {
	font-size: 20px
}
.teacher-intro-header.manage .teacher-profile-div .intro {
	margin-bottom: 8px
}
.teacher-intro-header.manage .teacher-profile-div .student-count {
	margin-bottom: 0px
}
.teacher-intro-header.manage .sns-group {
	display: block;
	margin: 8px 0;
	float: left
}
.teacher-intro-header.manage .btn {
	width: 100%
}
.tag-cloud {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.tag-cloud li {
	width: 30%;
	margin-left: 0px
}
.tag-cloud-active-list .tag-cloud {
	display: block
}
.tag-cloud-active-list .tag-cloud li {
	width: auto
}
.apply-teacher-page.step-1 .apply-step-bar li.step1 {
	background: #019fde;
	color: #fff
}
.apply-teacher-page.step-2 .apply-step-bar li.step2 {
	background: #019fde;
	color: #fff
}
.apply-teacher-header {
	margin: 0 -16px
}
.apply-teacher-header .title {
	padding: 24px 0;
	font-size: 20px
}
.apply-teacher-header .apply-info-list {
	padding: 0 15px
}
.apply-teacher-header .apply-info-list.success {
	padding-bottom: 48px
}
.apply-teacher-header .apply-info-list.success .box {
	width: 58%
}
.apply-teacher-header .apply-info-list.success .icon {
	width: 100px
}
.apply-teacher-header .apply-info-list.success .icon: before,.apply-teacher-header .apply-info-list.success .icon: after {
	left: 10px
}
.apply-teacher-header .apply-info-list .box {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 80%;
	margin: 0 auto;
	display: none;
	color: #8b9195
}
.apply-teacher-header .apply-info-list .box.active {
	display: block
}
.apply-teacher-header .apply-info-list .icon {
	margin-bottom: 30px
}
.apply-teacher-header .apply-info-list .icon: before,.apply-teacher-header .apply-info-list .icon: after {
	bottom: -16px
}
.apply-teacher-header .apply-info-list .icon-inner {
	width: 102px;
	height: 102px
}
.apply-teacher-header .apply-info-list .icon-inner img {
	width: 102px;
	height: 102px
}
.apply-teacher-header .apply-info-list .icon-inner i {
	font-size: 30px;
	line-height: 60px
}
.apply-teacher-header .apply-info-list .title {
	font-size: 20px;
	margin-top: 4px
}
.apply-teacher-header .apply-step-bar {
	background: transparent
}
.apply-teacher-header .apply-step-bar .inner {
	width: 100%;
	background: transparent
}
.apply-teacher-header .apply-step-bar li {
	width: 100%;
	display: block;
	color: #fff;
	background: #007fb1;
	border-bottom: 1px solid #fff
}
.apply-teacher-header .apply-step-bar li: last-child {
	border-bottom: none
}
.apply-teacher-header .apply-step-bar span {
	display: block;
	width: 45%;
	margin: 0 auto;
	text-align: left
}
.apply-teacher-header .apply-btn {
	margin-bottom: 20px;
	font-size: 20px
}
.apply-teacher-form {
	margin-top: 16px;
	padding: 24px 10px
}
.apply-teacher-form .form-header {
	margin-bottom: 24px
}
.apply-teacher-form .yotta-form .basic-info-block {
	flex-flow: column
}
.apply-teacher-form .yotta-form .basic-group {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	order: 2;
	margin-right: 0px
}
.apply-teacher-form .yotta-form .avatars-div {
	order: 1;
	margin: 0 auto 30px auto
}
.apply-teacher-form .yotta-form .type-form-group .radio-inline {
	margin-right: 16px
}
.apply-teacher-form .yotta-form .type-form-group .form-control {
	width: 50%
}
.apply-teacher-form .info-list {
	margin-top: 24px
}
.apply-teacher-form .save-area {
	margin-top: 24px
}
.apply-teacher-message {
	padding: 40px 0
}
.apply-teacher-message p {
	margin-bottom: 16px
}
.apply-teacher-message .btn-blue-border {
	background: transparent
}
.apply-teacher-message .btn-blue-border: hover {
	color: #019fde;
	border-color: #019fde
}
}.manage-course-div .empty-view {
	margin: 0 auto;
	padding: 80px 0 60px 0
}
.manage-course-div .empty-view p {
	margin: 0 0 30px 0;
	font-size: 20px
}
.manage-course-list {
	margin: 60px 0
}
.manage-course-list.blue-bg {
	margin: 0;
	padding: 60px 0;
	background: #007fb1
}
.manage-course-list.blue-bg .crossing-title {
	color: #fff
}
.manage-course-list .crossing-title {
	padding: 0px
}
.manage-course-list .my-course-card {
	margin-top: 30px
}
.manage-course-list .my-course-card .info .type-div {
	margin-bottom: 10px
}
.manage-course-list .my-course-card .info .info-list li {
	line-height: normal;
	margin-bottom: 10px
}
.manage-course-list .my-course-card .info .info-list li: last-child {
	margin-bottom: 0px
}
.manage-course-list .my-course-card .manage-list li {
	background: #ccecf8;
	border-color: #fff;
	color: #5f5f5f;
	padding: 11px 0;
	transition: all .3s
}
.manage-course-list .my-course-card .manage-list li: hover {
	background: #c1dfeb
}
.manage-course-list .my-course-card .manage-list li: last-child {
	margin-top: 0px;
	padding: 11px 0
}
.manage-course-list .my-course-card .manage-list li: last-child a {
	color: #5f5f5f;
	padding: 0px
}
.manage-course-list .my-course-card .manage-list li.title {
	background: #019fde;
	border-color: #019fde;
	color: #fff
}
.manage-course-list .my-course-card .manage-list li.title: hover {
	background: #019fde
}
.income-overview-div {
	padding: 85px 0
}
.income-overview-div .account-balance-div {
	border-radius: 5px;
	padding: 22px 0
}
.income-overview-div .account-balance-div img {
	width: 80px;
	height: 80px
}
.income-overview-div .account-balance-div .total {
	font-size: 16px;
	margin: 20px 0 14px 0
}
.income-overview-div .account-balance-div .total .num {
	font-size: 36px;
	line-height: 1;
	vertical-align: top;
	margin-left: 8px
}
.income-overview-div .account-total-div .title {
	font-size: 24px;
	margin-bottom: 8px
}
.income-overview-div .account-total-div .icome-block {
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	padding: 15px 0;
	font-size: 36px;
	line-height: 72px;
	margin: 25px 15px 15px 15px
}
.income-overview-div .account-total-div .icome-block .num {
	color: #019fde;
	font-size: 72px;
	letter-spacing: 15px
}
.income-overview-div .account-total-div .link {
	margin-right: 15px
}
.withdraw-error-div {
	display: none
}
.non-withdraw-overview-inner .empty {
	padding-bottom: 50px
}
.non-withdraw-overview-inner .empty .message {
	font-size: 20px
}
.withdraw-overview-div.open .withdraw-title-div: hover {
	background: #4f84b7
}
.withdraw-overview-div.open .withdraw-total-div,.withdraw-overview-div.open .withdraw-list-div,.withdraw-overview-div.open .withdraw-more-div {
	display: block
}
.withdraw-overview-div.open .withdraw-title-div .collapse-btn .fa-chevron-down {
	display: none
}
.withdraw-overview-div.open .withdraw-title-div .collapse-btn .fa-chevron-up {
	display: block
}
.withdraw-title-div {
	background: #019fde
}
.withdraw-title-div: hover {
	background: #007fb1
}
.withdraw-title-div .container {
	position: relative
}
.withdraw-title-div .crossing-title {
	color: #fff
}
.withdraw-title-div .crossing-title: before,.withdraw-title-div .crossing-title: after {
	border-color: #fff
}
.withdraw-title-div .collapse-btn {
	display: none;
	position: absolute;
	top: 50%;
	right: -50px;
	transform: translateY(-50%)
}
.withdraw-title-div .collapse-btn .svg-icon {
	height: 30px
}
.withdraw-total-div {
	display: none;
	background: #019fde;
	color: #fff;
	padding-bottom: 50px
}
.withdraw-total-div .icon {
	margin-bottom: 12px
}
.withdraw-total-div .message {
	font-size: 20px;
	margin-bottom: 12px
}
.withdraw-total-div .total {
	color: #ffc669;
	font-size: 16px
}
.withdraw-total-div .total .num {
	font-size: 36px;
	line-height: 1;
	vertical-align: top;
	margin-left: 8px
}
.withdraw-more-div {
	display: none;
	padding: 30px 0;
	background: #4f84b7
}
.withdraw-list-div {
	display: none;
	padding-bottom: 30px
}
.withdraw-list-div.non {
	display: block
}
.withdraw-list-div.non .item {
	box-shadow: inset 5px 0 0 0 #019fde;
	background: #f7f8fa;
	color: #4c545a
}
.withdraw-list-div.non .item: hover {
	box-shadow: inset 0 -5px 0 0 #019fde
}
.withdraw-list-div.non .item.active {
	box-shadow: inset 0 -5px 0 0 #019fde
}
.withdraw-list-div .withdraw-meta {
	padding: 16px 16px 10px 16px;
	color: #fff
}
.withdraw-list-div .withdraw-meta div {
	padding: 0 20px
}
.withdraw-list-div .withdraw-meta .date {
	padding: 0;
	display: inline-block;
	font-size: 28px;
	line-height: 50px
}
.withdraw-list-div .withdraw-meta .date .tag {
	background: #ffc669;
	font-size: 16px;
	padding: 5px 12px;
	margin-right: 8px;
	vertical-align: top
}
.withdraw-list-div .item {
	font-size: 20px;
	box-shadow: inset 5px 0 0 0 #ffc669;
	padding: 12px 0;
	background: #fff;
	margin-bottom: 16px;
	height: 80px;
	color: #4c545a;
	display: none
}
.withdraw-list-div .item: hover {
	box-shadow: inset 0 -5px 0 0 #ffc669;
	cursor: pointer
}
.withdraw-list-div .item.active {
	box-shadow: inset 0 -5px 0 0 #ffc669
}
.withdraw-list-div .item.show {
	display: block
}
.withdraw-list-div .item .date {
	width: 10%;
	display: inline-block;
	vertical-align: top
}
.withdraw-list-div .item .title {
	width: 41%;
	display: inline-block;
	border-right: 1px solid #8b9195;
	padding-right: 10px;
	margin-right: 10px
}
.withdraw-list-div .item .title span {
	vertical-align: top;
	white-space: inherit;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 56px;
	line-height: 28px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.withdraw-list-div .item .icon {
	width: 4%;
	display: inline-block;
	vertical-align: top;
	line-height: 3
}
.withdraw-list-div .item .icome {
	width: 12%;
	display: inline-block;
	vertical-align: top
}
.withdraw-list-div .item .icome .total .num {
	font-size: 24px;
	margin-left: 8px
}
.withdraw-list-div .detail {
	border: none;
	margin: -16px auto 16px auto;
	width: 96%
}
.withdraw-list-div .detail thead>tr>th {
	background: #019fde;
	color: #fff;
	border-color: #019fde;
	font-size: 16px
}
.withdraw-list-div .detail tbody>tr>th {
	border: none;
	background: #f7f8fa;
	color: #33b2e4
}
.withdraw-list-div .detail tbody>tr>td {
	background: #fff;
	font-size: 16px;
	border: 1px solid #d3dee5
}
.withdraw-list-div .detail tbody>tr>td: first-child {
	border-left: none
}
.withdraw-list-div .detail tbody>tr>td: last-child {
	border-right: none
}
.withdraw-list-div .detail tbody>tr>td.single {
	line-height: 44px
}
.withdraw-list-div .detail tbody>tr>td a {
	color: #019fde
}
.withdraw-list-div .detail tbody>tr>td a.text-black {
	color: #4c545a
}
.withdraw-list-div .detail tbody>tr>td a span {
	display: block
}
.withdraw-list-div .detail.dot-table tbody>tr>th {
	background: #f7f8fa
}
.withdraw-list-div .detail.dot-table tbody>tr>td {
	background: rgba(255,255,255,.7);
	border-color: #fff
}
.withdraw-list-div .btn {
	margin-top: 30px
}
.withdraw-list-div .detail-remark {
	margin: 30px auto;
	background: #ccecf8;
	padding: 18px
}
.withdraw-list-div .detail-remark p {
	padding-left: 45px;
	text-align: left
}
.detail-table {
	display: flex;
	flex-flow: column;
	height: 100%;
	width: 100%;
	min-height: 240px
}
.detail-table thead {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: calc(100% - .9em)
}
.detail-table thead tr {
	display: table;
	table-layout: fixed
}
.detail-table thead tr>th {
	border: none
}
.detail-table thead th {
	background: #fff;
	color: #019fde;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	max-width: 330px;
	text-overflow: ellipsis
}
.detail-table thead th.tag {
	background: #019fde;
	color: #fff
}
.detail-table tbody {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: block;
	overflow-y: scroll;
	max-height: 500px
}
.detail-table tbody tr {
	width: 100%;
	display: table;
	table-layout: fixed
}
.detail-table tbody tr>th {
	border: none
}
.detail-table tbody tr>td {
	border: 1px solid #d3dee5
}
.detail-table tbody th {
	background: #f7f8fa;
	color: #4c545a;
	font-weight: 500;
	text-align: center
}
.detail-table tbody th i {
	color: #019fde;
	font-size: 20px;
	vertical-align: bottom
}
.detail-table tbody td {
	color: #4c545a;
	font-weight: 500;
	background: #fff;
	text-align: center
}
.detail-table tbody td: first-child {
	border-left: none
}
.detail-table tbody td: last-child {
	border-right: none
}
.detail-table tbody td.name {
	background: #019fde;
	color: #fff
}
.withdraw-type-form-div {
	padding: 32px 42px;
	width: 50%
}
.withdraw-type-form-div .withdraw-type-form {
	padding-bottom: 16px
}
.withdraw-type-form-div .withdraw-type-form .form-group {
	display: inline-flex;
	margin-bottom: 0;
	align-items: center
}
.withdraw-type-form-div .withdraw-type-form .type-label {
	color: #019fde;
	font-size: 20px;
	margin-right: 16px;
	margin-bottom: 0
}
.withdraw-type-form-div .withdraw-type-form .radio-inline {
	vertical-align: baseline;
	font-weight: 500;
	display: inline-flex;
	align-items: center
}
.withdraw-type-form-div .withdraw-type-info {
	display: none;
	padding-bottom: 20px
}
.withdraw-type-form-div .withdraw-type-info p {
	margin-bottom: 8px
}
.withdraw-type-form-div .withdraw-type-info p: last-child {
	margin-bottom: 0
}
.withdraw-type-form-div .withdraw-type-info blockquote {
	background: #f7f8fa;
	border-left: 3px solid #019fde;
	margin-bottom: 8px;
	font-size: 16px
}
.withdraw-type-form-div .withdraw-type-info .title {
	font-size: 20px
}
.withdraw-form-div {
	width: 50%;
	padding: 32px 50px
}
.withdraw-form-div .withdraw-num-block {
	font-weight: 500;
	margin-bottom: 25px
}
.withdraw-form-div .withdraw-num-block .total {
	font-size: 20px;
	margin-bottom: 8px
}
.withdraw-form-div .withdraw-num-block .total .num {
	color: #ff5b74;
	font-size: 30px
}
.withdraw-form-div .withdraw-num-block .tax {
	line-height: normal;
	color: #5f5f5f
}
.withdraw-form-div .title {
	font-size: 20px
}
.withdraw-form-div .underline {
	padding: 8px 0;
	border-bottom: 2px solid #8b9195
}
.withdraw-form-div .withdraw-info-form {
	margin-top: 15px
}
.withdraw-form-div .withdraw-info-form label {
	line-height: 32px;
	font-size: 16px
}
.withdraw-form-div .withdraw-info-form input {
	font-size: 16px;
	padding: 12px 10px;
	height: auto
}
.withdraw-form-div .withdraw-info-form .btn {
	margin-right: 16px;
	margin-top: 28px
}
.withdraw-info-div {
	border-top: 2px solid #019fde;
	padding-top: 20px
}
.withdraw-info-div img {
	width: 64px;
	height: 64px;
	margin-top: -7.5px;
	margin-left: -12px
}
.withdraw-info-div .info-div {
	margin-left: 60px
}
.withdraw-info-div .info-div .title {
	font-size: 20px
}
.confirm-withdraw-form {
	font-size: 20px
}
.confirm-withdraw-form .title {
	padding: 28px 30px
}
.confirm-withdraw-form .confirm-info {
	padding: 66px 150px
}
.confirm-withdraw-form .confirm-info p {
	line-height: 40px
}
.confirm-withdraw-form .confirm-info .text-left {
	margin-left: 30px
}
.confirm-withdraw-form .btn-div {
	padding: 24px 30px
}
.withdraw-complete-container {
	color: #4c545a
}
.withdraw-complete-container p {
	margin-bottom: 8px
}
.withdraw-complete-container .message-div {
	padding: 32px 0;
	margin: 0 30px;
	border-bottom: 2px solid #019fde
}
.withdraw-complete-container .message-div .title {
	margin-top: 20px
}
.withdraw-complete-container .message-div .withdraw-apply {
	width: 112px;
	height: 112px;
	margin-bottom: 4px
}
.withdraw-complete-container .withdraw-info-div {
	padding: 35px 30px 16px 30px;
	border: none
}
.withdraw-complete-container .close-btn {
	margin: 16px
}
.withdraw-message-div .message-div {
	padding: 24px 30px
}
.withdraw-message-div .message-label {
	margin-right: 30px
}
.withdraw-message-div .title {
	font-size: 20px
}
.withdraw-message-div .num {
	color: #ff5b74
}
.withdraw-message-div .small-text {
	font-size: 12px;
	color: #4c545a;
	margin-top: 15px
}
.withdraw-message-div .withdraw-status {
	width: 80px;
	height: 80px
}
.class-manage-header,.class-manage-content {
	width: 100%;
	margin: 0 auto
}
.class-manage-header .rating-list-inner.teacher,.class-manage-content .rating-list-inner.teacher {
	padding-bottom: 30px
}
.class-manage-header .rating-fixed-area,.class-manage-content .rating-fixed-area {
	display: none
}
.class-manage-header .rating-reply-box,.class-manage-header .rating-dtl-reply-btn,.class-manage-content .rating-reply-box,.class-manage-content .rating-dtl-reply-btn {
	display: block
}
@media(max-width: 567px) {
	.class-manage-header .homework-spec-block,.class-manage-content .homework-spec-block {
	width: 100%
}
}.class-manage-header .course-classroom-content,.class-manage-content .course-classroom-content {
	position: relative
}
.class-manage-header .course-classroom-content .tab-loading,.class-manage-content .course-classroom-content .tab-loading {
	background: url(../image/loading.gif) no-repeat 50% 100px;
	background-size: 100px 100px;
	width: 100%;
	height: 100%;
	padding: 220px 0;
	background-color: #fff;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	display: none
}
.class-manage-header .course-classroom-content .tab-loading.show,.class-manage-content .course-classroom-content .tab-loading.show {
	display: block
}
.class-manage-header .course-classroom-content .comment-list,.class-manage-content .course-classroom-content .comment-list {
	position: relative;
	min-height: 523px
}
.class-manage-header .course-classroom-content .comment-content.loading,.class-manage-content .course-classroom-content .comment-content.loading {
	position: absolute;
	top: 83px;
	left: 0;
	right: 0
}
.class-manage-header .course-classroom-content .comment-content .tab-loading,.class-manage-content .course-classroom-content .comment-content .tab-loading {
	z-index: 9
}
.class-manage-header {
	background: #007fb1;
	color: #fff;
	border-bottom: 1px solid #d3dee5
}
.class-manage-header.loading .loading-bar {
	background-image: linear-gradient(to left, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.7));
	background-size: 800px 104px;
	height: 15px;
	margin-top: 35px
}
.class-manage-header.loading .loading-bar.sm {
	width: 50%
}
.class-manage-header.loading .course-info-block {
	border: none;
	height: 203px
}
.class-manage-header.loading .course-cover-block {
	border: none;
	background-color: rgba(255,255,255,.5)
}
.class-manage-header.loading .class-manage-tab li {
	width: 14%;
	text-align: center
}
.class-manage-header.loading .class-manage-tab li .loading {
	background: #4a4a4a;
	max-width: 80px;
	display: block;
	height: 15px;
	opacity: .22;
	margin: 24px auto
}
.class-manage-header.fixed {
	position: fixed;
	top: 0px;
	z-index: 10;
	height: auto !important
}
.class-manage-header.fixed .back-btn {
	width: 80px;
	padding: 8px 0
}
.class-manage-header.fixed .back-btn i {
	margin-bottom: 0px
}
.class-manage-header.fixed .back-btn p {
	display: none
}
.class-manage-header.fixed .course-cover-block {
	display: none
}
.class-manage-header.fixed .course-info-block {
	height: 70px;
	border-bottom: none
}
.class-manage-header.fixed .course-header-block .inner {
	width: 55%;
	padding: 14px 15px
}
@media(max-width: 567px) {
	.class-manage-header.fixed .course-header-block .inner {
	width: 100%
}
}.class-manage-header.fixed .course-header-block .fixed-info {
	display: block
}
.class-manage-header.fixed .course-header-block .fixed-info .edit-course-btn {
	display: block
}
.class-manage-header.fixed .course-header-block .fixed-info .scroll-edit-btn {
	display: flex;
	align-items: center
}
.class-manage-header.fixed .course-header-block .type-tag,.class-manage-header.fixed .course-header-block .edit-course-btn {
	display: none
}
.class-manage-header.fixed .course-header-block .course-title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 33px;
	line-height: 33px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	margin-bottom: 0px
}
.class-manage-header.fixed .course-manage-block {
	display: none
}
.class-manage-header .tooltip-black-bg+.tooltip {
	border-radius: 0px
}
.class-manage-header .tooltip-black-bg+.tooltip .tooltip-inner {
	border-radius: 0px;
	font-size: 16px;
	padding: 2px 9px;
	background: rgba(0,0,0,.76)
}
.class-manage-header .tooltip-black-bg+.tooltip .tooltip-arrow {
	border-bottom-color: rgba(0,0,0,.76)
}
.class-manage-header .tooltip-black-bg+.tooltip .tooltip-arrow: after {
	background: rgba(0,0,0,.76)
}
.class-manage-header .back-btn {
	height: 100%;
	width: 80px;
	color: #fff;
	padding: 38px 0;
	font-size: 16px;
	border-right: 1px solid #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}
.class-manage-header .back-btn svg {
	display: block;
	width: 18px;
	height: 50px
}
@media(max-width: 567px) {
	.class-manage-header .back-btn svg {
	height: 18px
}
}.class-manage-header .back-btn p {
	margin-top: 6px
}
@media(max-width: 567px) {
	.class-manage-header .back-btn p {
	font-size: 14px
}
}@media(max-width: 567px) {
	.class-manage-header .back-btn {
	padding: 0
}
}.class-manage-header .course-info-block {
	color: #fff;
	border-bottom: 1px solid #fff;
	height: 200px;
	display: flex
}
@media(max-width: 567px) {
	.class-manage-header .course-info-block {
	height: 70px
}
}.class-manage-header .course-cover-block {
	flex: 1 0 30%;
	border: 1px solid #fff;
	width: 285px;
	height: 160px;
	background-size: 100% auto;
	background-position: 50% 50%;
	background-repeat: no-repeat
}
@media(max-width: 567px) {
	.class-manage-header .course-cover-block {
	display: none
}
}.class-manage-header .course-cover-block .cover {
	height: 100%;
	background-color: rgba(0,0,0,.3)
}
.class-manage-header .course-cover-block .cover a {
	color: #fff;
	font-size: 20px;
	text-align: center
}
.class-manage-header .course-cover-block .cover a img {
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 auto
}
.class-manage-header .course-header-block {
	display: flex;
	align-items: center
}
@media(max-width: 567px) {
	.class-manage-header .course-header-block {
	padding: 0
}
}.class-manage-header .course-header-block .inner {
	padding: 16px 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 0 1 auto
}
@media(max-width: 567px) {
	.class-manage-header .course-header-block .inner {
	padding: 14px 10px;
	align-items: flex-end
}
}.class-manage-header .course-header-block .fixed-info {
	display: none;
	padding: 14px 0
}
.class-manage-header .course-header-block .type-tag {
	border: 1px solid #fff;
	font-size: 16px;
	margin-left: 10px
}
.class-manage-header .course-header-block .course-title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 99px;
	line-height: 33px;
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 18px
}
@media(max-width: 567px) {
	.class-manage-header .course-header-block .course-title {
	font-size: 18px;
	margin-bottom: 5px;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 21px;
	line-height: 21px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
}.class-manage-header .course-header-block .edit-course-btn,.class-manage-header .course-header-block .course-video-btn {
	display: flex;
	align-items: center;
	width: fit-content;
	border-radius: 5px
}
.class-manage-header .course-header-block .course-video-btn {
	display: none
}
@media(max-width: 567px) {
	.class-manage-header .course-header-block .course-video-btn {
	display: flex
}
}.class-manage-header .course-header-block .validate-course-btn {
	border-radius: 5px;
	background: transparent;
	padding: 9px 8px;
	margin-left: 8px
}
.class-manage-header .course-header-block .info-btn {
	margin-left: 30px;
	color: #fff
}
.class-manage-header .course-header-block .info-btn .play-or-info-icon {
	width: 32px;
	height: 32px
}
.class-manage-header .course-header-block .full-header-btn {
	color: #fff;
	margin-left: 30px;
	line-height: 30px;
	font-size: 16px
}
.class-manage-header .course-header-block .full-header-btn .up-icon {
	margin-left: 8px;
	width: 24px;
	height: 24px;
	transform: translateY(3px)
}
.class-manage-header .course-manage-block .container,.class-manage-header .course-manage-block .inner {
	padding: 0px
}
.class-manage-header .course-manage-block li {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	position: relative
}
.class-manage-header .course-manage-block li.message {
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2
}
.class-manage-header .course-manage-block li: after {
	content: "";
	position: absolute;
	height: 70%;
	width: 1px;
	top: 50%;
	background: #fff;
	transform: translateY(-50%);
	right: 0
}
.class-manage-header .course-manage-block li: last-child: after {
	content: none
}
@media(max-width: 567px) {
	.class-manage-header .course-manage-block li {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	padding: 5px 0
}
.class-manage-header .course-manage-block li a {
	padding: 5px 0;
	font-size: 14px;
	padding: 0
}
}.class-manage-header .course-manage-block p {
	padding: 8px
}
@media(max-width: 567px) {
	.class-manage-header .course-manage-block p {
	padding: 0
}
}.class-manage-header .course-manage-block .btn {
	width: 95%;
	border: none;
	background: transparent;
	color: #fff
}
.class-manage-header .course-manage-block .btn: hover {
	border-radius: 0px;
	background-color: rgba(0,0,0,.1)
}
.class-manage-header.v2 {
	background: transparent
}
.class-manage-header.v2.fixed .course-cover-block {
	display: block
}
.class-manage-header.v2 .bs-tip-show+.tooltip .tooltip-arrow: after {
	background: #373d40
}
.class-manage-header.v2 .bs-tip-show+.tooltip .tooltip-inner {
	text-align: left;
	background: #373d40;
	font-size: 14px;
	color: #fff;
	max-width: unset;
	padding: 4px 8px;
	border-radius: 4px
}
@media(max-width: 567px) {
	.class-manage-header.v2 .bs-tip-show+.tooltip .tooltip-inner {
	font-size: 10px
}
}.class-manage-header.v2 .hidden-xxs {
	display: none
}
.class-manage-header.v2 .course-bcg {
	width: 100%;
	background-image: url(../image/dashboard_background.svg);
	background-size: cover;
	background-position: right top;
	padding: 15px 26px 20px
}
.class-manage-header.v2 .course-info-block {
	width: 100%;
	margin: 0 auto;
	height: auto;
	border: none;
	color: #707070;
	justify-content: flex-start
}
.class-manage-header.v2 .course-info-block h1 {
	font-size: 22px
}
.class-manage-header.v2 .back-btn {
	padding: 44px 10px 0 0;
	border: none;
	justify-content: flex-start;
	width: 50px
}
.class-manage-header.v2 .back-btn: hover svg {
	fill: #20aee5
}
.class-manage-header.v2 .course-header-block.container {
	width: 100%;
	margin: 0;
	align-items: flex-end;
	padding: 0
}
.class-manage-header.v2 .course-header-block .inner {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 100%
}
.class-manage-header.v2 .course-header-block .course-header-block-title-info {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}
.class-manage-header.v2 .course-header-block .course-title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 48px;
	line-height: 24px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	height: fit-content
}
.class-manage-header.v2 .course-manage-block {
	width: 100%
}
.class-manage-header.v2 .course-manage-block .container,.class-manage-header.v2 .course-manage-block .inner,.class-manage-header.v2 .course-manage-block ul {
	width: 100%;
	justify-content: space-between
}
.class-manage-header.v2 .course-manage-block ul.offline-ul {
	width: fit-content;
	margin: 0 auto
}
.class-manage-header.v2 .course-manage-block ul.offline-ul li {
	margin-left: 20px
}
.class-manage-header.v2 .course-manage-block ul.offline-ul li: nth-of-type(1) {
	margin-left: 0
}
@media(min-width: 568px) {
	.class-manage-header.v2 .course-manage-block ul.offline-ul {
	margin: 0 auto 0 0
}
.class-manage-header.v2 .course-manage-block ul.offline-ul li {
	margin-left: 30px
}
}.class-manage-header.v2 .course-manage-block .inner {
	padding: 0
}
.class-manage-header.v2 .course-manage-block li {
	width: 60px;
	height: 54px;
	border-radius: 10px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
	background-color: #f7f8fa;
	color: #4c545a;
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}
.class-manage-header.v2 .course-manage-block li svg {
	width: 20px;
	height: auto;
	flex: 0 0 auto;
	margin-bottom: 5px
}
.class-manage-header.v2 .course-manage-block li: : after {
	display: none
}
.class-manage-header.v2 .course-manage-block li p {
	font-size: 12px;
	padding: 0;
	line-height: 16px
}
.class-manage-header.v2 .course-manage-block li span {
	line-height: 16px
}
.class-manage-header.v2 .course-header-block-title-info {
	width: 100%
}
.class-manage-header.v2 .course-header-block-title-info .button-area a: last-child {
	display: none
}
.class-manage-header.v2 .course-path-info {
	margin-bottom: 14px;
	color: #019fde
}
.class-manage-header.v2 .course-path-info a {
	color: #019fde;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500
}
.class-manage-header.v2 .course-path-info a: hover {
	color: #20aee5
}
.class-manage-header.v2 .course-path-info span {
	font-size: 14px;
	font-weight: 500
}
.class-manage-header.v2 .course-cover-area {
	display: none
}
.class-manage-header.v2 .course-cover-area .course-cover-block {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	opacity: 0;
	width: 0;
	height: 0;
	border-radius: 10px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.16);
	overflow: hidden;
	width: 100%;
	height: 210px;
	border: none;
	flex: 0 0 auto
}
.class-manage-header.v2 .course-cover-area .course-cover-block .cover {
	background-color: transparent
}
.class-manage-header.v2 .course-cover-area .button-area {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	opacity: 0;
	width: 0;
	height: 0
}
.class-manage-header.v2 .course-cover-area .button-area .button {
	position: relative
}
.class-manage-header.v2 .course-cover-area .button-area .button: : before {
	display: block;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 20px
}
.class-manage-header.v2 .course-cover-area .button-area .button: hover: : before {
	width: 118px;
	height: 40px;
	background-color: #20aee5;
	border-radius: 0 20px 20px 0;
	z-index: 1;
	padding: 0 8px 0 0;
	left: 20px;
	transition: width .3s linear
}
.class-manage-header.v2 .course-cover-area .button-area .button: hover svg {
	z-index: 2
}
.class-manage-header.v2 .course-cover-area .button-area .button: hover svg circle {
	fill: #20aee5 !important
}
.class-manage-header.v2 .course-cover-area .button-area .button: hover svg #Ellipse_212 {
	fill: #fff !important
}
.class-manage-header.v2 .course-cover-area .button-area .button: hover p {
	z-index: 2;
	color: #fff;
	transition: .3s linear
}
.class-manage-header.v2 .button-area {
	display: flex;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 40px;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center
}
.class-manage-header.v2 .button-area a: first-of-type {
	margin-right: 20px
}
.class-manage-header.v2 .button-area .button {
	display: flex;
	align-items: center;
	cursor: pointer
}
.class-manage-header.v2 .button-area .button svg {
	width: 40px;
	height: 40px
}
.class-manage-header.v2 .button-area .button p {
	margin-left: 10px
}
.class-manage-header.v2.fold-header .course-info-block {
	height: auto
}
.class-manage-header.v2.fold-header .course-header-block .course-title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 33px;
	line-height: 33px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.class-manage-header.v2.fold-header .course-manage-block {
	display: none
}
.class-manage-header.v2.fold-header .course-header-block-title-info .button-area {
	margin-top: 10px
}
.class-manage-header.v2.fold-header .course-header-block-title-info .button-area svg {
	width: 50px;
	height: 50px
}
.class-manage-header.v2.fold-header .course-header-block-title-info .button-area p {
	display: none;
	font-size: 14px
}
.class-manage-header.v2.fold-header .course-header-block-title-info .button-area a: first-child {
	margin-right: 20px
}
.class-manage-header.v2.fold-header .course-header-block-title-info .button-area a: last-child {
	display: flex;
	opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	flex-direction: column;
	margin-left: 24px
}
.class-manage-header.v2.fold-header .course-header-block-title-info .button-area a: last-child svg {
	width: 24px;
	height: auto
}
.class-manage-header.v2.fold-header .course-header-block-title-info .button-area a: last-child p {
	display: inline-block
}
.class-manage-header.v2.fold-header .course-header-block-title-info .button-area .button: hover svg {
	fill: #20aee5 !important
}
.class-manage-header.v2.fold-header .course-header-block-title-info .button-area .button: hover svg circle {
	fill: #20aee5 !important
}
.class-manage-header.v2.fold-header .course-header-block-title-info .button-area .button: hover p {
	color: #20aee5
}
@media(min-width: 769px) {
	.class-manage-header.v2.fold-header .course-cover-area {
	width: 0
}
.class-manage-header.v2.fold-header .course-cover-area .course-cover-block {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	opacity: 0;
	width: 0;
	height: 0
}
.class-manage-header.v2.fold-header .course-cover-area .button-area {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	opacity: 0;
	width: 0;
	height: 0
}
.class-manage-header.v2.fold-header .course-info-block {
	padding: 0
}
.class-manage-header.v2.fold-header .course-info-block .container,.class-manage-header.v2.fold-header .course-info-block .inner,.class-manage-header.v2.fold-header .course-info-block .course-header-block-title-info {
	margin-right: 0;
	width: 100%
}
.class-manage-header.v2.fold-header .back-btn {
	padding: 32px 20px 0
}
.class-manage-header.v2.fold-header .course-header-block-title-info {
	flex-direction: row
}
.class-manage-header.v2.fold-header .course-header-block-title-info .button-area {
	width: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.class-manage-header.v2.fold-header .course-header-block-title-info .button-area a: first-child {
	margin-bottom: 0
}
.class-manage-header.v2.fold-header .course-header-block-title-info .button-area a: last-child p {
	white-space: nowrap
}
}@media(min-width: 1041px) {
	.class-manage-header.v2.fold-header .course-header-block-title-info .button-area a: first-child {
	margin-right: 30px
}
}@media(min-width: 568px) {
	.class-manage-header.v2 .show-xs {
	display: none
}
.class-manage-header.v2 .hidden-xxs {
	display: block
}
.class-manage-header.v2 .course-bcg {
	padding: 20px 0
}
.class-manage-header.v2 .course-info-block {
	width: 540px
}
.class-manage-header.v2 .back-btn {
	padding: 36px 20px
}
.class-manage-header.v2 .course-header-block.container {
	width: 100%
}
.class-manage-header.v2 .course-header-block .course-manage-block li {
	width: 82px;
	height: 74px
}
.class-manage-header.v2 .course-header-block .course-manage-block li svg {
	width: 22px
}
.class-manage-header.v2 .course-header-block .course-manage-block li p {
	font-size: 14px
}
.class-manage-header.v2 .course-header-block .course-title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 99px;
	line-height: 33px;
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.class-manage-header.v2 .course-header-block-title-info {
	width: 490px
}
.class-manage-header.v2 .button-area {
	margin-top: 0
}
}@media(min-width: 769px) {
	.class-manage-header.v2 .course-info-block {
	width: 760px
}
.class-manage-header.v2 .course-info-block h1 {
	font-size: 28px
}
.class-manage-header.v2 .course-header-block.container {
	width: 100%
}
.class-manage-header.v2 .course-header-block .inner {
	margin-right: auto;
	width: auto
}
.class-manage-header.v2 .course-header-block .course-manage-block li {
	width: 90px;
	height: 82px
}
.class-manage-header.v2 .course-header-block .course-manage-block li svg {
	width: 24px
}
.class-manage-header.v2 .course-header-block .course-manage-block li p {
	font-size: 16px;
	line-height: 20px
}
.class-manage-header.v2 .course-header-block .course-manage-block li span {
	line-height: 20px
}
.class-manage-header.v2 .course-header-block-title-info {
	width: 530px
}
.class-manage-header.v2 .course-header-block-title-info .button-area {
	display: none
}
.class-manage-header.v2 .course-cover-area {
	width: 150px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start
}
.class-manage-header.v2 .course-cover-area .course-cover-block {
	width: 100%;
	height: 84.3px;
	opacity: 1;
	-webkit-transition: height .3s ease-in-out;
	-moz-transition: height .3s ease-in-out;
	-o-transition: height .3s ease-in-out;
	transition: height .3s ease-in-out
}
.class-manage-header.v2 .course-cover-area .button-area {
	width: 100%;
	margin-top: 40px;
	opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	height: 100px
}
.class-manage-header.v2 .course-path-info a,.class-manage-header.v2 .course-path-info span {
	font-size: 16px
}
.class-manage-header.v2 .button-area {
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 0
}
.class-manage-header.v2 .button-area a: first-of-type {
	margin-right: 0;
	margin-bottom: 20px
}
}@media(min-width: 1041px) {
	.class-manage-header.v2 .course-info-block {
	width: 968.7px
}
.class-manage-header.v2 .course-info-block h1 {
	font-size: 34px
}
.class-manage-header.v2 .back-btn {
	padding: 30px 20px
}
.class-manage-header.v2 .course-header-block.container {
	width: 100%
}
.class-manage-header.v2 .course-header-block-title-info {
	width: 570px
}
.class-manage-header.v2 .course-cover-area {
	width: 258.7px
}
.class-manage-header.v2 .course-cover-area .course-cover-block {
	height: 145.5px
}
.class-manage-header.v2 .button-area {
	flex-direction: row
}
.class-manage-header.v2 .button-area a: first-of-type {
	margin-bottom: 0
}
}@media(min-width: 1241px) {
	.class-manage-header.v2 .back-btn {
	width: 80px
}
.class-manage-header.v2 .course-info-block {
	width: 1120px;
	height: 305px
}
.class-manage-header.v2 .course-header-block.container {
	width: 100%
}
.class-manage-header.v2 .course-header-block .course-manage-block li {
	width: 110px;
	height: 100px
}
.class-manage-header.v2 .course-header-block-title-info {
	width: 670px
}
.class-manage-header.v2 .course-cover-area {
	width: 280px;
	padding-top: 41.19px;
	justify-content: flex-start
}
.class-manage-header.v2 .course-cover-area .course-cover-block {
	height: 157.5px
}
.class-manage-header.v2 .course-cover-area .button-area {
	margin-top: 40px
}
}.class-manage-tab {
	background: #f7f8fa;
	border-bottom: 1px solid #d3dee5
}
.class-manage-tab .nav-tabs {
	border: none;

	padding: 0px
}
@media(max-width: 567px) {
	.class-manage-tab .nav-tabs {
	height: 60px
}
}.class-manage-tab .nav-tabs li {
	width: 16%
}
@media(max-width: 567px) {
	.class-manage-tab .nav-tabs li {
	height: 100%;
	margin: 0 10px;
	width: calc(16.6666666667% - 20px)
}
}.class-manage-tab .nav-tabs li a {
	border-radius: 0px;
	text-align: center;
	font-size: 20px;
	color: #4c545a;
	border: none;
	padding: 0;
	border-bottom: 3px solid transparent;
	transition: all .3s
}
.class-manage-tab .nav-tabs li a: hover {
	background: transparent;
	font-weight: 500;
	color: #019fde;
	border-bottom: 3px solid #019fde
}
.class-manage-tab .nav-tabs li a>span {
	display: block;
	padding: 16px 0
}
@media(max-width: 567px) {
	.class-manage-tab .nav-tabs li a>span {
	padding: 0
}
}@media(max-width: 567px) {
	.class-manage-tab .nav-tabs li a {
	font-size: 14px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}
}.class-manage-tab .nav-tabs li .num {
	border-radius: 100px;
	font-size: 16px;
	width: 40px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	margin-left: 16px
}
.class-manage-tab .nav-tabs li.active a {
	background: transparent;
	font-weight: 500;
	color: #019fde;
	border: none;
	border-bottom: 3px solid #019fde
}
.class-manage-tab .nav-tabs li.active a: hover {
	color: #019fde;
	border-color: #019fde
}
.class-manage-info {
	padding-top: 60px;
	padding-bottom: 60px
}
.class-manage-info .title {
	font-size: 28px;
	font-weight: 500;
	margin: 0 0 14px 0
}
.class-manage-info .message {
	font-size: 16px
}
.class-manage-info .btn-blue {
	margin-top: 48px
}
.class-manage-info.homework .back-btn {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	margin-right: 60px;
	display: block;
	color: #4c545a;
	font-size: 50px;
	padding: 0px
}
@media(max-width: 567px) {
	.class-manage-info.homework .back-btn {
	margin-right: 30px
}
}.class-manage-info.homework .homework-intro {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.class-manage-info.homework .homework-intro .hwNo {
	font-size: 20px;
	color: #019fde
}
.class-manage-info.homework .homework-intro .title {
	font-size: 28px;
	color: #707070
}
.class-manage-info.homework .homework-intro .message {
	font-size: 16px
}
.class-manage-info.homework .homework-intro .message~p,.class-manage-info.homework .homework-intro .message~div,.class-manage-info.homework .homework-intro .message~div p {
	font-size: 18px
}
.class-manage-info.homework .homework-intro .type-icon {
	color: #019fde;
	transform: translateY(-0.5px)
}
.class-manage-info.homework .format {
	font-size: 20px;
	color: #019fde;
	display: flex;
	align-items: center
}
.class-manage-info.classroom .homework-intro .message~p,.class-manage-info.classroom .homework-intro .message~div,.class-manage-info.classroom .homework-intro .message~div p {
	font-weight: normal
}
.class-manage-info.classroom .btn-blue {
	margin-top: 16px
}
.body--teacher-manage .empty-view {
	font-size: 20px;
	padding: 60px 0
}
.body--teacher-manage .empty-view .icon-no-padding {
	margin: 0
}
.body--teacher-manage .empty-view .new-icon-padding {
	margin-bottom: 20px;
	width: 100px;
	height: auto
}
.body--teacher-manage .empty-view .new-icon-padding~h6 {
	color: #4c545a;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px
}
@media(min-width: 568px) {
	.body--teacher-manage .empty-view .new-icon-padding~h6 {
	font-size: 18px;
	line-height: 24px
}
}.manage-content-container {
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px
}
.manage-content-container .empty-view {
	font-size: 20px;
	padding: 60px 0
}
.manage-content-container .empty-view .icon-no-padding {
	margin: 0
}
.manage-content-container .empty-view .new-icon-padding {
	margin-bottom: 20px;
	width: 100px;
	height: auto
}
.manage-content-container .empty-view .new-icon-padding~h6 {
	color: #4c545a;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px
}
@media(min-width: 568px) {
	.manage-content-container .empty-view .new-icon-padding~h6 {
	font-size: 18px;
	line-height: 24px
}
}.manage-content-container .underline-group {
	position: relative
}
.manage-content-container .underline-group .sorter-group {
	position: absolute;
	right: 0;
	bottom: 8px;
	justify-content: flex-end;
	padding: 0
}
.manage-content-container .underline-title {
	font-size: 28px;
	font-weight: 500;
	color: #019fde;
	padding: 0 0 8px 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #d3dee5
}
.manage-content-container .underline-text {
	transform: translateY(-15px)
}
.manage-content-container .homework-block .author {
	padding-bottom: 0;
	margin-bottom: 0;
	padding: 12px 8px;
	position: relative
}
.manage-content-container .homework-block .comment-count-total {
	color: #707070
}
@media(max-width: 567px) {
	.class-manage-info .title {
	font-size: 22px
}
.class-manage-info.homework .homework-intro .hwNo {
	font-size: 18px
}
.class-manage-info.homework .homework-intro .title {
	font-size: 22px
}
.class-manage-info.homework .homework-intro .message~p,.class-manage-info.homework .homework-intro .message~div,.class-manage-info.homework .homework-intro .message~div p {
	font-size: 16px
}
.manage-content-container .underline-title {
	font-size: 22px
}
}.manage-board-list {
	margin-bottom: 30px
}
.manage-board-list .board-block {
	margin-bottom: 30px
}
.manage-board-list .board-block .board-block-inner {
	border-radius: 5px;
	border: 1px solid #d3dee5;
	padding: 24px;
	background: #fff
}
.manage-board-list .board-block .title {
	margin: 10px 0;
	font-size: 20px;
	font-weight: 500
}
.manage-board-list .board-block .content {
	max-height: 80px;
	overflow: hidden
}
.manage-board-list .board-block .manage-area {
	border-top: 1px solid #d3dee5;
	margin-top: 14px;
	padding-top: 16px
}
.manage-board-list .board-block .manage-area span {
	cursor: pointer;
	margin-right: 16px
}
.bulletin-list .empty-view {
	font-size: 16px
}
.bulletin-list .empty-view .title {
	font-size: 24px;
	margin-bottom: 8px
}
.bulletin-list .empty-view .icon {
	margin: 35px 0
}
.bulletin-list .board-full-block .board-header {
	padding: 8px 16px
}
.bulletin-list .board-full-block .board-container {
	padding: 16px
}
.board-full-block {
	margin-bottom: 30px;
	word-break: break-word
}
.board-full-block: last-child {
	margin-bottom: 0px
}
.board-full-block .board-full-block-inner {
	border-radius: 5px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	border: 1px solid #d3dee5
}
.board-full-block .board-header {
	border-radius: 5px 5px 0 0;
	color: #fff;
	background: #59bded;
	padding: 18px 30px
}
.board-full-block .board-header.private {
	background: #007fb1;
	padding-left: 16px
}
.board-full-block .board-header.private .private-btn {
	display: block
}
.board-full-block .board-header .private-btn {
	display: none;
	margin-right: 16px
}
.board-full-block .board-header .private-btn i {
	font-size: 24px;
	color: #fff;
	vertical-align: top
}
.board-full-block .board-header .tooltip-black-bg+.tooltip {
	border-radius: 0px
}
.board-full-block .board-header .tooltip-black-bg+.tooltip .tooltip-inner {
	border-radius: 0px;
	font-size: 16px;
	padding: 2px 9px
}
.board-full-block .board-header .create {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: fit-content;
	font-size: 20px;
	margin-right: 16px
}
.board-full-block .board-header .title {
	font-weight: 500;
	font-size: 20px;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.board-full-block .board-header .manage-area {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none
}
.board-full-block .board-header .manage-area span {
	cursor: pointer;
	color: #fff
}
.board-full-block .board-container {
	border-radius: 0 0 5px 5px;
	background: #fff;
	padding: 30px;
	min-height: 115px
}
.board-full-block .board-container img {
	display: block;
	margin: 10px auto;
	max-width: 100%;
	width: auto;
	height: auto
}
.board-full-block .board-container iframe {
	display: block;
	margin: 10px auto;
	max-width: 100%
}
.manage-student-list .student-total {
	font-weight: 500;
	text-align: right;
	margin-bottom: 20px;
	font-size: 18px
}
.manage-student-list .svg-icon.more_vert {
	transform-origin: center;
	transform: rotate(90deg)
}
.manage-student-list .table-wrapper {
	min-height: 300px
}
.manage-student-list .student-manage-pagination .disabled {
	opacity: .3
}
.manage-student-list .student-manage-pagination.is--error .paginationjs-go-input>input[type=text] {
	border-color: #ff5b74;
	color: #ff5b74
}
.manage-student-list .student-manage-pagination .paginationjs {
	display: flex;
	justify-content: center
}
.manage-student-list .student-manage-pagination ul {
	display: flex
}
.manage-student-list .student-manage-pagination li {
	border-color: #019fde
}
.manage-student-list .student-manage-pagination li a {
	display: flex;
	justify-content: center;
	width: 30px;
	height: 30px;
	color: #019fde
}
.manage-student-list .student-manage-pagination li.active>a {
	color: #fff;
	background: #019fde
}
.manage-student-list .student-manage-pagination .paginationjs-go-input>input[type=text] {
	width: 50px;
	border: 1px solid #019fde;
	color: #019fde
}
.manage-student-list .student-manage-pagination .paginationjs-go-button>input[type=button] {
	color: #fff;
	border: none;
	background-color: #019fde;
	height: 100%
}
.manage-student-list .student-manage-pagination .paginationjs-prev a,.manage-student-list .student-manage-pagination .paginationjs-next a {
	display: flex;
	justify-content: center;
	align-items: center
}
.manage-student-list .student-manage-pagination .svg-icon {
	height: 100%;
	width: auto;
	margin: 0;
	fill: #019fde
}
.manage-student-table {
	table-layout: fixed
}
.manage-student-table.display-payment .payment-tab,.manage-student-table.display-payment .contact {
	display: none
}
.manage-student-table.display-contact .contact-tab,.manage-student-table.display-contact .payment {
	display: none
}
.manage-student-table thead tr th {
	background: #33b2e4;
	color: #fff;
	border-bottom: none;
	padding: 9px 0;
	text-align: center
}
.manage-student-table thead tr th.contact-tab {
	background: #007fb1;
	cursor: pointer
}
.manage-student-table thead tr th.contact-tab svg {
	margin: 3px 3px 3px 8px
}
.manage-student-table thead tr th.payment-tab {
	background: #007fb1;
	cursor: pointer
}
.manage-student-table thead tr th.payment-tab svg {
	margin: 3px 8px 3px 3px
}
.manage-student-table tbody tr.refound td {
	background-color: #d3dee5
}
.manage-student-table tbody tr.terminated td {
	background-color: #ff5b74
}
.manage-student-table tbody tr.expire td {
	background-color: #ffc669
}
.manage-student-table tbody tr td {
	color: #4c545a;
	border-bottom: none;
	background: #fff;
	border-top: 1px solid #8b9195;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle
}
.manage-student-table tbody tr td: hover {
	overflow: initial;
	white-space: normal;
	word-break: break-word
}
.manage-student-table tbody tr td.nickname {
	line-height: 44px
}
.manage-student-table tbody tr td.payment-bg,.manage-student-table tbody tr td.contact-bg {
	cursor: pointer;
	background-image: url(../image/column-bg.png);
	background-repeat: repeat;
	background-position: 50% 50%
}
.manage-student-table tbody tr td .avatars-44 {
	margin-right: 8px
}
.rating-block-header {
	padding: 14px 30px;
	border-bottom: 1px solid #d3dee5
}
.rating-block-header .title {
	color: #4c545a;
	font-size: 24px
}
.rating-block-header .rating-num {
	color: #8b9195
}
.rating-fixed-area {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 -2px 4px 0 rgba(0,0,0,.3);
	background-color: rgba(0,0,0,.8);
	text-align: center;
	padding: 6px 0
}
.rating-fixed-area a {
	color: #fff
}
.rating-fixed-area span {
	margin-left: 4px
}
@media(max-width: 567px) {
	.body--teacher-manage .rating-list-container .rating-list-inner .reply {
	margin-left: 0
}
}@media(max-width: 567px) {
	.body--teacher-manage .rating-list-container .rating-list-inner {
	padding: 30px 0
}
}@media(max-width: 567px) {
	.body--teacher-manage .rating-reply-box a {
	margin-left: 52px
}
}.body--teacher-manage .rating-reply-box img {
	margin-bottom: 5px
}
@media(max-width: 567px) {
	.body--teacher-manage .rating-reply-box {
	padding-left: 0
}
}@media(max-width: 567px) {
	.body--teacher-manage .reply-form {
	padding-left: 0
}
}.rating-list-container .rating-list-inner {
	padding: 30px
}
.rating-list-container .rating-list-inner.teacher {
	padding-bottom: 60px
}
.rating-list-container .block {
	margin-bottom: 16px;
	padding: 16px;
	border: 1px solid #d3dee5
}
.rating-list-container .block: last-child {
	margin-bottom: 0px
}
.rating-list-container .rating-header .avatars-36 {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	margin-right: 16px
}
.rating-list-container .rating-header .info {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	margin-left: 16px
}
.rating-list-container .rating-header .author {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.rating-list-container .rating-header .nickname {
	line-height: 36px;
	font-size: 20px
}
.rating-list-container .rating-header .create,.rating-list-container .rating-header .number {
	line-height: normal
}
.rating-list-container .rating-content {
	margin-top: 16px;
	margin-left: 50px
}
.rating-list-container .reply {
	position: relative;
	background: #f7f8fa;
	margin: 16px 0 0 50px;
	padding: 16px;
	color: #4c545a
}
.rating-list-container .reply .avatars {
	width: 36px;
	height: 36px
}
.rating-list-container .reply .content {
	padding-left: 52px
}
.rating-list-container .reply .author {
	margin-bottom: 8px
}
.rating-list-container .reply .create {
	color: #8b9195
}
.rating-dtl-reply-btn {
	display: none;
	position: absolute;
	top: 16px;
	right: 16px;
	padding: 0
}
.rating-dtl-reply-btn i {
	border-radius: 50%;
	background: #d3dee5;
	color: #fff;
	width: 16px;
	height: 16px;
	font-size: 12px;
	line-height: 16px
}
.rating-reply-box {
	display: none;
	padding-left: 52px;
	margin-top: 16px
}
.rating-reply-box .reply-form {
	padding-left: 0
}
.rating-reply-box .reply-form-inner {
	border: none;
	background: #f7f8fa;
	padding: 12px 16px
}
.rating-reply-box .reply-form-inner .reply-form__send {
	display: flex;
	flex-direction: row-reverse
}
.rating-reply-box .reply-form-inner .reply-form__send .reply-form-btn {
	margin-top: 12px;
	width: 160px
}
.rating-reply-box .avatars {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	margin-right: 16px
}
.rating-reply-box .form-group {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-bottom: 0px;
	position: relative
}
.rating-reply-box .form-group .input-limit-box {
	position: absolute;
	bottom: 40px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	width: 36px;
	background-color: rgba(0,0,0,.05);
	color: #91969a
}
.rating-reply-box textarea {
	border-radius: 0px;
	background: #fff;
	border: solid 1px #d3dee5;
	font-size: 16px;
	height: 200px;
	padding: 12px 40px 12px 8px
}
.rating-reply-box .help-block {
	margin: 16px 0 0 0;
	line-height: normal;
	font-size: 12px
}
.edit-class-header {
	color: #fff;
	background: transparent url(../image/class-header-bg.png) scroll repeat-x 50% 50%;
	position: relative;
	height: 137px
}
.edit-class-header.fixed {
	position: fixed;
	z-index: 30;
	top: -1px;
	width: 100%
}
.edit-class-header .back-btn {
	background: #007fb1;
	border-radius: 0px;
	width: 105px;
	color: #fff;
	padding: 28px 0;
	font-size: 16px;
	border-right: 1px solid #fff;
	display: flex;
	flex-direction: column;
	align-items: center
}
.edit-class-header .back-btn svg {
	display: block;
	width: 18px;
	height: 50px
}
.edit-class-header .back-btn p {
	margin-top: 6px
}
.edit-class-header .cover {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 170px;
	height: 96px;
	margin: 20px 30px 20px 0;
	background: #00729e;
	border: 1px solid #fff
}
.edit-class-header .cover.empty .empty {
	display: block
}
.edit-class-header .cover.empty img {
	display: none
}
.edit-class-header .cover .empty {
	display: none;
	color: #fff;
	font-weight: 500
}
.edit-class-header .cover img {
	width: 100%;
	height: 94px
}
.edit-class-header .course-info {
	-webkit-flex: 5;
	-ms-flex: 5;
	flex: 5;
	margin-top: 16px
}
.edit-class-header .course-info .title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 66px;
	line-height: 33px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	font-size: 24px;
	font-weight: 500
}
.edit-class-header .course-info .type-tag {
	border: 1px solid #fff;
	font-size: 16px;
	margin-top: 18px
}
.edit-class-header .course-meta {
	-webkit-flex: 2 auto;
	-ms-flex: 2 auto;
	flex: 2 auto;
	margin-top: 16px
}
.edit-class-header .course-meta .price {
	font-size: 24px
}
.edit-class-header .course-meta .price s {
	font-size: 16px;
	color: #59bded;
	display: block;
	margin-top: 5px
}
.edit-class-header .course-meta .preview-area {
	margin-top: 25px
}
.edit-class-header .course-meta .preview-area a {
	color: #fff;
	padding: 10px 12px
}
.edit-class-header .course-meta .preview-area a: hover {
	background-color: rgba(0,0,0,.1)
}
.edit-sidebar-container {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 30px
}
.edit-sidebar-container .inner {
	position: fixed
}
.edit-sidebar-container .sidebar-title {
	margin-top: 30px;
	font-size: 24px
}
.edit-sidebar-container .sm-icon {
	margin-right: 8px;
	width: 24px;
	height: 24px
}
.edit-sidebar-container .class-name {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 81px;
	line-height: 27px;
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	width: 170px;
	margin-top: 16px
}
.edit-sidebar-container .manage-tab {
	margin-top: 30px
}
.edit-sidebar-container .manage-tab li {
	min-width: 170px;
	border-left: 3px solid transparent;
	border-bottom: 1px solid #d3dee5;
	padding: 16px 5px 16px 16px
}
.edit-sidebar-container .manage-tab li .svg-icon {
	height: 18px;
	margin-right: .7rem
}
.edit-sidebar-container .manage-tab li.active {
	border-left: 3px solid #56aeff
}
.edit-sidebar-container .manage-tab li.active a {
	color: #019fde;
	font-weight: 500
}
.edit-sidebar-container .manage-tab li.active a .svg-icon {
	fill: #019fde
}
.edit-sidebar-container .manage-tab li.saved .save {
	opacity: 1
}
.edit-sidebar-container .manage-tab li a {
	display: flex;
	align-items: center;
	color: #4c545a
}
.edit-sidebar-container .manage-tab li .save {
	opacity: 0;
	transition: opacity .3s linear;
	color: #6c9;
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px
}
.edit-sidebar-container .manage-tab li .save svg {
	font-size: 12px;
	margin-right: 4px
}
.edit-content-container {
	-webkit-flex: 5;
	-ms-flex: 5;
	flex: 5;
	background: #fff;
	padding: 30px 15px;
	position: relative
}
.edit-content-container .uneditable-cover {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 20;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.9)
}
.edit-content-container .uneditable-cover .info {
	padding: 100px 0;
	font-size: 20px;
	line-height: 1.7
}
.edit-content-container .save-btn {
	transition: all .3s linear;
	opacity: 0;
	position: absolute;
	bottom: 44px;
	left: 50%;
	margin-left: -59px;
	padding: 10px 40px;
	background: #59bded;
	border-color: #59bded;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	border-radius: 5px;
	box-shadow: 0 2px 4px 0 rgba(76,84,90,.4)
}
.edit-content-container .save-btn.active {
	opacity: 1
}
.preview-course-card {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 280px;
	margin: 0 15px
}
.preview-course-card .course-card {
	width: 100%
}
.preview-course-card .course-card-inner {
	border-color: #d3dee5
}
.edit-class-form {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.edit-class-form .form-group {
	margin-bottom: 25px
}
.edit-class-form .form-group.has-error {
	margin-bottom: 15px
}
.edit-class-form .form-group.has-error .error-msg {
	padding: 0px
}
.edit-class-form .form-group select {
	border-radius: 5px
}
.edit-class-form .input-group .form-control {
	border-right: none
}
.edit-class-form .input-group .input-group-addon {
	background: #f7f8fa
}
.edit-class-form .input-group .input-group-addon i {
	font-size: 20px
}
.edit-class-form .form-control {
	padding: 16px;
	height: auto;
	font-size: 16px
}
.edit-class-form .control-label {
	padding: 0px;
	line-height: normal;
	margin-bottom: 8px;
	font-weight: normal
}
.edit-class-form .control-label span {
	margin-left: 5px
}
.edit-class-form .help-block {
	font-size: 12px;
	line-height: normal;
	color: #4c545a;
	margin-bottom: 0px
}
.edit-class-form .date-group {
	margin-top: 8px
}
.edit-class-form .date-group .label-span {
	line-height: 56px;
	margin: 0 10px
}
.edit-class-form .time-group .col-md-1,.edit-class-form .time-group .col-md-2 {
	padding: 0
}
.edit-class-form .time-group .label-span {
	line-height: 56px;
	margin: 0 8px
}
.edit-class-form .upload-file-area .error-msg {
	margin: 0px;
	line-height: 46px;
	font-size: 16px
}
.edit-class-form .upload-file-area .btn {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	margin-right: 30px
}
.edit-class-form .upload-success-info {
	line-height: 46px
}
.edit-class-form .upload-success-info .delete-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 20px;
	width: 20px;
	margin-left: 16px;
	border: none;
	padding: 0;
	background: transparent
}
.edit-class-form .upload-success-info .delete-btn: hover svg {
	fill: #019fde
}
.edit-class-form .upload-progress-info {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.edit-class-form .upload-progress-info p {
	line-height: normal
}
.edit-class-form .upload-progress-info .progress-info {
	width: 100%;
	display: inline-block
}
.edit-class-form .upload-progress-info .progress-area {
	margin: 0px;
	padding: 0;
	box-shadow: none;
	background: #f7f8fa;
	height: 5px
}
.edit-class-form .upload-progress-info .progress-bar {
	box-shadow: none;
	background: linear-gradient(to right, #019fde, #53a0fd 48%, #33b2e4)
}
.edit-class-form .cancel-btn {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	margin-top: 33px;
	margin-left: 16px
}
.edit-class-form .delete-btn {
	border-radius: 50%;
	width: 18px;
	height: 18px;
	margin-left: 16px;
	border: none;
	padding: 0
}
.edit-class-form .form-info {
	line-height: 48px
}
.category-cloud-block .block {
	display: inline-block;
	margin-right: 40px;
	margin-bottom: 20px
}
.category-cloud-block .block: hover span {
	border-color: #59bded
}
.category-cloud-block .block: nth-child(4n) {
	margin-right: 0
}
.category-cloud-block .block span {
	border: 1px solid transparent;
	padding: 9px 18px;
	cursor: pointer;
	line-height: 1.3;
	display: inline-block
}
.category-cloud-block .block .cloud-list {
	display: none
}
.category-cloud-block .block.active span {
	background: #ccecf8;
	border-color: #ccecf8
}
.category-cloud-block .block.active .cloud-list {
	position: absolute;
	z-index: 10;
	left: 15px;
	display: block
}
.category-cloud-block .block.active: hover span {
	border-color: #ccecf8
}
.category-cloud-block .cloud-list {
	background: #f7f8fa;
	padding: 16px;
	margin-top: 20px;
	width: 100%
}
.category-cloud-block .cloud-list li {
	border-radius: 100px;
	display: inline-block;
	padding: 9px 18px;
	margin-right: 16px;
	margin-bottom: 5px;
	cursor: pointer;
	border: 1px solid transparent;
	line-height: 1.3
}
.category-cloud-block .cloud-list li: hover {
	border-color: #019fde
}
.category-cloud-block .cloud-list label {
	cursor: pointer;
	margin-bottom: 0px;
	font-weight: normal
}
.category-cloud-block .cloud-list .svg-icon {
	fill: #000;
	margin-left: 8px
}
.category-cloud-block .cloud-list.active {
	background: transparent;
	margin-top: 0px;
	margin-bottom: 8px;
	padding: 0 0 16px 0;
	border-bottom: 1px solid #d3dee5
}
.category-cloud-block .cloud-list.active li {
	background: #ccecf8;
	padding: 4px 8px 4px 16px;
	margin-right: 8px;
	border: none;
	display: inline-flex;
	align-items: center
}
.chapter-form-div {
	padding: 0 15px
}
.delete-icon {
	width: 15px;
	height: 15px;
	color: #d3dee5
}
.chapter-block-div {
	margin-top: 30px
}
.chapter-block-div: first-child {
	margin-top: 0px
}
.chapter-block-div .delete-cover {
	border-radius: 5px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(255,91,116,.2);
	z-index: 10
}
.chapter-block-div.delete .chapter-div>.delete-cover {
	display: block
}
.chapter-block-div .chapter-div {
	border-radius: 5px;
	position: relative;
	background: #f7f8fa;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3)
}
.chapter-block-div .delete-chapter-div {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	margin-top: 20px;
	margin-left: 8px
}
.chapter-block-div .delete-chapter-div .delete-chapter-icon-container: hover .svg-icon {
	fill: #019fde
}
.chapter-block-div .chapter-header {
	border-radius: 5px 5px 0 0;
	background: #019fde;
	padding: 8px 0 8px 8px;
	margin-bottom: 16px
}
.chapter-block-div .chapter-header .form-control {
	background: #007fb1;
	height: auto;
	padding: 14px 8px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	outline: none;
	border-color: #fff
}
.chapter-block-div .chapter-header .form-control: -webkit-input-placeholder,.chapter-block-div .chapter-header .form-control: -moz-placeholder,.chapter-block-div .chapter-header .form-control: -ms-input-placeholder,.chapter-block-div .chapter-header .form-control: -moz-placeholder {
	color: #fff
}
.chapter-block-div .chapter-header .form-control: focus {
	border-color: #fff
}
.chapter-block-div .chapter-header .ui-sortable-handle {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	padding: 14px 12px
}
.chapter-block-div .chapter-header .ui-sortable-handle i {
	font-size: 20px;
	color: #fff
}
.chapter-block-div .chapter-header .ui-sortable-handle i: hover {
	color: #fff
}
.chapter-block-div .add-unit-div {
	margin-top: 8px;
	padding: 0 35px
}
.chapter-block-div .unit-group {
	margin-bottom: 8px
}
.chapter-block-div .unit-group.delete .delete-cover {
	display: block
}
.chapter-block-div .unit-group.add .unit-input-group {
	margin: 0 35px
}
.chapter-block-div .unit-group.add .input-group .input-group-addon {
	border-style: dashed
}
.chapter-block-div .unit-group.add .input-group .form-control {
	border-style: dashed;
	border-left: none
}
.chapter-block-div .unit-group: hover .update-sort-btn {
	opacity: 1
}
.chapter-block-div .unit-group .update-sort-btn {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	opacity: 0;
	padding: 10px 13px;
	color: #019fde;
	font-size: 20px
}
.chapter-block-div .unit-group .delete-icon-container {
	display: flex;
	align-items: center;
	padding: 0 8px
}
.chapter-block-div .unit-group .delete-icon-container: hover .svg-icon {
	fill: #019fde
}
.chapter-block-div .unit-group .delete-btn {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	font-size: 20px;
	width: 15px;
	height: 15px;
	color: #d3dee5;
	cursor: pointer
}
.chapter-block-div .unit-group .delete-btn: hover {
	color: #019fde
}
.chapter-block-div .unit-group .unit-input-group {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}
.chapter-block-div .unit-group .input-group .input-group-addon {
	padding: 12px 0 12px 16px;
	color: #019fde;
	font-size: 16px;
	background: #fff;
	line-height: normal;
	border-color: #d3dee5
}
.chapter-block-div .unit-group .input-group .input-group-addon p {
	display: inline-block
}
.chapter-block-div .unit-group .input-group .input-group-addon i {
	display: inline-block;
	font-size: 20px;
	vertical-align: text-bottom;
	margin-right: 4px
}
.chapter-block-div .unit-group .input-group .form-control {
	padding: 13px;
	height: auto;
	border-left: none;
	line-height: normal;
	font-size: 16px;
	outline: none;
	border-color: #d3dee5
}
.chapter-block-div .unit-group .input-group .form-control: focus {
	border-color: #d3dee5
}
.chapter-block-div .unit-group .help-block {
	font-size: 12px;
	margin-bottom: 0px;
	line-height: normal
}
.chapter-block-list.quiz .chapter-block .title {
	margin-bottom: 20px
}
.chapter-block-list.quiz .quiz-unit-block {
	display: flex;
	align-items: center
}
.chapter-block-list.quiz .unit-block {
	margin-bottom: 16px;
	padding-top: 0
}
.chapter-block-list.quiz .unit-block: hover {
	background: #f7f8fa
}
.chapter-block-list.quiz .unit-title {
	font-size: 16px;
	font-weight: normal;
	color: #4c545a;
	margin-right: 16px;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 44px;
	line-height: 44px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.chapter-block-list.quiz .quiz-manage-area {
	display: flex;
	align-items: center
}
.chapter-block-list.quiz .quiz-manage-area .quiz-elevate {
	display: inline-block;
	transform: translateY(-1px)
}
.chapter-block-list.quiz .quiz-manage-area .quiz-sep {
	margin-left: 6px
}
.chapter-block-list.quiz .quiz-manage-area .quiz-more-btn {
	display: flex;
	cursor: pointer;
	position: relative
}
.chapter-block-list.quiz .quiz-manage-area .quiz-more-btn: hover {
	color: #019fde
}
.chapter-block-list.quiz .quiz-manage-area .quiz-more-icon {
	position: relative;
	z-index: 10
}
.chapter-block-list.quiz .quiz-manage-area .list-quiz-threshold {
	color: #8b9195;
	margin-right: 12px
}
.chapter-block-list.quiz .manage-area {
	padding: 8px 0
}
.chapter-block-list.quiz .manage-area .btn i {
	padding: 0 18px
}
.chapter-block-list.quiz .manage-area .add-test-btn {
	padding: 4px 12px;
	display: flex
}
.chapter-block-list.quiz .manage-area .add-test-btn .add-test-icon {
	width: 24px;
	height: 24px;
	padding: 0
}
.chapter-block-list .empty-view {
	padding: 120px 0
}
.chapter-block-list .empty-view .icon {
	margin-bottom: 20px
}
.chapter-block-list .empty-view p {
	font-size: 16px;
	color: #4c545a
}
.chapter-block-list .chapter-block .title {
	padding: 30px 30px 10px 30px;
	border-bottom: 2px solid #d3dee5
}
.chapter-block-list .chapter-block .empty-view {
	padding: 60px 0
}
.chapter-block-list .unit-block {
	padding-top: 30px
}
.chapter-block-list .unit-tag {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	margin-right: 16px
}
.chapter-block-list .unit-tag p {
	padding: 8px 16px;
	text-align: center;
	background: #ccecf8;
	color: #019fde;
	font-size: 20px;
	font-weight: 500
}
.chapter-block-list .upload-block {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.chapter-block-list .unit-title {
	font-size: 20px;
	font-weight: 500;
	color: #019fde;
	line-height: 44px
}
.chapter-block-list .upload-group {
	margin-top: 16px
}
.chapter-block-list .upload-group: first-child {
	margin-top: 8px
}
.chapter-block-list .upload-group .file-name {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 80px
}
.chapter-block-list .upload-group .file-info {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.chapter-block-list .upload-group .delete-btn-span {
	margin-left: 8px
}
.chapter-block-list .upload-group .delete-btn-span: hover .svg-icon,.chapter-block-list .upload-group .delete-btn-span: active .svg-icon {
	fill: #019fde
}
.chapter-block-list .upload-group .delete-btn {
	color: #d3dee5;
	width: 15px;
	height: 15px
}
.chapter-block-list .upload-group .upload-progress-info {
	width: 80%
}
.chapter-block-list .upload-group .upload-progress-info p {
	line-height: normal
}
.chapter-block-list .upload-group .upload-progress-info .progress-info {
	width: 100%;
	margin-top: 10px;
	display: inline-block;
	position: relative
}
.chapter-block-list .upload-group .upload-progress-info .progress-area {
	border-radius: 100px;
	margin: 0px;
	padding: 0;
	box-shadow: none;
	background: #f7f8fa;
	height: 5px;
	margin-right: 30px
}
.chapter-block-list .upload-group .upload-progress-info .progress-bar {
	border-radius: 100px;
	box-shadow: none;
	background-image: linear-gradient(to right, #019fde, #3fe6ff)
}
.chapter-block-list .upload-group .upload-progress-info .delete-icon-container {
	display: inline-block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: -12px;
	right: 0
}
.chapter-block-list .upload-group .upload-progress-info .delete-icon-container: hover .delete-btn {
	color: #019fde
}
.chapter-block-list .upload-group .upload-progress-info .delete-btn {
	width: 15px;
	height: 15px;
	color: #d3dee5
}
.chapter-block-list .upload-group .file-list .file {
	margin-right: 8px;
	background: transparent;
	color: #019fde
}
.chapter-block-list .upload-group .file-list .file.public {
	margin-top: 8px;
	padding: 8px 16px;
	color: #4c545a;
	background: #f7f8fa
}
.chapter-block-list .upload-group .file-list .file.public .delete-btn-span {
	margin-left: 8px
}
.chapter-block-list .upload-group .file-list .file.public .delete-btn-span: hover .svg-icon,.chapter-block-list .upload-group .file-list .file.public .delete-btn-span: active .svg-icon {
	fill: #019fde
}
.chapter-block-list .upload-group .file-list .file.public .delete-btn {
	color: #d3dee5;
	width: 15px;
	height: 15px
}
.chapter-block-list .upload-group .file-list .name {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 24px;
	line-height: 24px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	max-width: calc(100% - 30px);
	width: 80%
}
.chapter-block-list .upload-group .file-list button {
	margin-left: 8px
}
.chapter-block-list .upload-group .file-list button: hover i {
	color: #019fde
}
.chapter-block-list .upload-group .file-list button i {
	font-size: 20px;
	color: #d3dee5
}
.chapter-block-list .upload-btn-group {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 180px
}
.chapter-block-list .upload-btn-group .upload-btn {
	border-radius: 5px;
	margin-right: 8px;
	border-color: #019fde;
	color: #019fde
}
.chapter-block-list .preview-block {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	margin-left: 16px;
	margin-right: 30px
}
.chapter-block-list .video-thumbnail {
	width: 170px;
	height: 96px
}
.chapter-block-list .video-thumbnail.empty .empty-cover {
	display: flex
}
.chapter-block-list .video-thumbnail.convert .convert-cover {
	display: flex
}
.chapter-block-list .video-thumbnail.preview .thumbnail {
	display: block
}
.chapter-block-list .video-thumbnail.preview .preview-cover {
	display: flex;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%
}
.chapter-block-list .video-thumbnail a {
	display: block;
	height: 100%;
	position: relative
}
.chapter-block-list .video-thumbnail .thumbnail {
	border-radius: 0px;
	display: none;
	width: 100%;
	height: auto;
	padding: 0px;
	border: none
}
.chapter-block-list .video-thumbnail .cover {
	display: none;
	height: 100%;
	background: rgba(0,0,0,.3);
	color: #fff
}
.chapter-block-list .video-thumbnail .cover p {
	line-height: 1;
	text-align: center
}
.chapter-block-list .video-thumbnail .cover .preview-icon {
	color: #000
}
.chapter-block-list .video-thumbnail .cover i,.chapter-block-list .video-thumbnail .cover svg {
	font-size: 20px;
	width: 20px;
	margin-bottom: 10px
}
.chapter-block-list .video-thumbnail .cover.empty-cover {
	background: #f7f8fa;
	color: #59bded
}
.chapter-block-list .video-thumbnail .cover.convert-cover {
	background: #ccecf8;
	color: #fff
}
.chapter-block-list .video-thumbnail .cover.fail-cover {
	background: #ff5b74
}
.chapter-block-list .preview-checkbox-group {
	margin: 16px 0;
	line-height: 22px
}
.chapter-block-list .preview-checkbox-group label {
	font-size: 16px;
	font-weight: normal;
	color: #4c545a
}
.chapter-block-list .preview-checkbox-group label.checked {
	color: #019fde;
	font-weight: 500
}
@media(max-width: 991px) {
	.manage-course-div .empty-view {
	padding: 60px 0
}
.manage-course-div .empty-view img {
	width: 100px
}
.manage-course-div .empty-view p {
	margin: 0 0 16px 0;
	font-size: 16px
}
.income-overview-div {
	padding: 30px 0
}
.income-overview-div .row {
	margin: 0px
}
.income-overview-div .account-balance-div {
	margin-top: 30px
}
.income-overview-div .account-balance-div .btn {
	display: none
}
.income-overview-div .account-total-div .title {
	font-size: 20px
}
.income-overview-div .account-total-div .icome-block {
	line-height: 36px;
	font-size: 20px
}
.income-overview-div .account-total-div .icome-block .num {
	font-size: 36px;
	letter-spacing: 5px
}
.income-overview-div .account-total-div .link {
	display: none
}
.withdraw-overview-div,.non-withdraw-overview-div {
	display: none
}
.withdraw-error-div {
	display: block;
	padding-bottom: 60px
}
.manage-course-list {
	margin: 15px 0
}
.manage-course-list.blue-bg {
	margin: 0;
	padding: 0px;
	background: transparent
}
.manage-course-list.blue-bg .crossing-title {
	color: #4c545a
}
.manage-course-list .container .crossing-title {
	margin-top: 0px
}
.manage-course-list .my-course-card {
	margin: 15px 10px 30px 10px
}
.manage-course-list .my-course-card .mobile-manage-message {
	background: #4f84b7;
	color: #fff;
	padding: 10px 0
}
.board-full-block .board-header {
	display: block
}
.board-full-block .board-header .create {
	width: 100%
}
.board-full-block .board-header .title {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none
}
.class-manage-tab .nav-tabs li .num {
	border-radius: 10px;
	font-size: 10px;
	width: 20px;
	height: 16px;
	line-height: 16px;
	margin-left: 0px
}
.rating-reply-box .form-group .input-limit-box {
	bottom: 10px
}
}.cart #wrapper.validation {
	padding-top: 120px
}
.cart #wrapper.validation .navbar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border: none;
	z-index: 50;
	border: none
}
.cart .navbar__wrap,.cart-step2 .navbar__wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0
}
.cart .navbar__wrap .navbar-brand,.cart-step2 .navbar__wrap .navbar-brand {
	margin: 0 auto;
	float: none;
	height: 50px;
	padding: 0 15px;
	font-size: 18px;
	line-height: 20px
}
.cart .navbar__wrap .navbar__new-cart,.cart-step2 .navbar__wrap .navbar__new-cart {
	padding: 0 10px
}
.cart .navbar__wrap .navbar__new-cart,.cart .navbar__wrap .navbar__go-back,.cart-step2 .navbar__wrap .navbar__new-cart,.cart-step2 .navbar__wrap .navbar__go-back {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 95px;
	height: 40px;
	border-radius: 4px;
	background-color: #f5f5f5f5;
	cursor: pointer
}
.cart .navbar__wrap .navbar__new-cart: hover .svg-icon,.cart .navbar__wrap .navbar__go-back: hover .svg-icon,.cart-step2 .navbar__wrap .navbar__new-cart: hover .svg-icon,.cart-step2 .navbar__wrap .navbar__go-back: hover .svg-icon {
	fill: #33b2e4
}
.cart .navbar__wrap .navbar__go-back,.cart-step2 .navbar__wrap .navbar__go-back {
	width: 40px;
	margin-right: 55px;
	transform: rotate(180deg)
}
@media(max-width: 567px) {
	.cart .navbar__wrap .navbar-brand,.cart-step2 .navbar__wrap .navbar-brand {
	height: 25px;
	padding: 0
}
.cart .navbar__wrap .navbar__new-cart,.cart-step2 .navbar__wrap .navbar__new-cart {
	padding: 0 8px
}
.cart .navbar__wrap .navbar__new-cart,.cart .navbar__wrap .navbar__go-back,.cart-step2 .navbar__wrap .navbar__new-cart,.cart-step2 .navbar__wrap .navbar__go-back {
	width: 65px;
	height: 28px
}
.cart .navbar__wrap .navbar__go-back,.cart-step2 .navbar__wrap .navbar__go-back {
	width: 28px;
	margin-right: 37px
}
}.cart-bg {
	background: #f7f8fa
}
.cart-bg .wrapper {
	padding-top: 0px
}
.cart-loading-bg {
	background: #fff
}
.cart-loading-bg .wrapper {
	padding-top: 0px
}
.cart-info-div,.cart-form-div {
	padding: 20px;
	margin-bottom: 60px
}
.cart-tab-title {
	border-bottom: 1px solid #019fde
}
.cart-tab-title .tab {
	border-radius: 5px 5px 0 0;
	background: #019fde;
	border-bottom: 1px solid #019fde;
	color: #fff;
	font-weight: 500;
	display: inline-block;
	margin: 0;
	padding: 5px 12px;
	line-height: 1.3
}
.cart-tab-title .info-text {
	display: inline-block;
	margin-left: 16px;
	font-size: 14px;
	color: #019fde
}
.cart-tab-title .error-text {
	color: #ff5b74
}
.cart-tab-title .more-btn {
	color: #019fde;
	font-size: 14px;
	background: transparent;
	border: none;
	padding: 0
}
.cart-tab-title.light {
	border-color: #33b2e4
}
.cart-tab-title.light .tab {
	background: #33b2e4
}
.cart-tab-title.light .info-text {
	color: #33b2e4
}
.pay-type-block .payment-info {
	font-size: 12px;
	line-height: normal;
	text-align: justify;
	margin: 8px 15px 0 15px
}
.pay-type-block .payment-info .highlight {
	color: #ff5b74
}
.pay-type-block .remark-info {
	margin: 16px 0;
	color: #8b9195;
	line-height: 1.4;
	font-size: 12px
}
.pay-type-block .remark-info a {
	color: #8b9195
}
.pay-type-block .refound-info {
	margin: 0;
	font-size: 12px;
	line-height: normal;
	color: #4c545a
}
.pay-type-block .refound-info input[type=checkbox] {
	margin-left: 0px
}
.pay-type-list li {
	position: relative
}
.pay-type-list li label {
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #d3dee5;
	font-weight: 500;
	font-size: 16px;
	color: #4c545a;
	padding: 16px 0;
	text-indent: 32px;
	text-align: left
}
.pay-type-list li label: hover {
	background: #ccecf8
}
.pay-type-list li input[type=radio] {
	position: absolute;
	top: 16px;
	z-index: 10
}
.pay-type-list li input[type=radio]: disabled+label {
	color: #d3dee5
}
.order-receipt-type {
	cursor: pointer;
	padding: 16px 0;
	border-bottom: 1px solid #d3dee5;
	cursor: pointer
}
.order-receipt-type .receipt-btn {
	color: #d3dee5
}
.receipt-type-list {
	background: #fff;
	padding: 20px
}
.receipt-type-list .receipt-type-check {
	padding: 16px 30px
}
.receipt-type-list .receipt-type-check .receipt-detail {
	display: none;
	background: #f7f8fa;
	padding: 0 30px;
	margin-top: 16px;
	margin-bottom: -16px
}
.receipt-type-list .receipt-type-check .receipt-detail .form-check {
	padding: 16px 0;
	border-bottom: 1px solid #fff
}
.receipt-type-list .receipt-type-check .receipt-detail .form-group {
	padding-bottom: 16px;
	margin-bottom: 0px
}
.receipt-type-list .receipt-type-check .receipt-detail select {
	background: #fff;
	font-weight: normal;
	width: auto;
	margin-top: 8px;
	margin-left: 30px
}
.receipt-type-list .receipt-type-check .receipt-detail input[type=text] {
	width: 250px;
	display: inline-block;
	margin-left: 16px;
	font-weight: normal
}
.receipt-type-list .receipt-type-check label {
	width: 100%;
	margin-bottom: 0px
}
.receipt-type-list .receipt-type-check .form-check-input {
	margin-right: 16px
}
.receipt-type-list .receipt-type-check .form-check-input: checked+.receipt-detail {
	display: block
}
.payment-loading {
	padding: 30vh 0
}
.payment-loading img {
	width: 125px;
	height: 125px
}
.payment-loading p {
	margin-top: 20px;
	font-size: 18px
}
.cart-item-list {
	height: 300px;
	overflow-y: auto;
	border-bottom: 1px solid #d3dee5
}
.cart-item-list .empty-view {
	height: 100%
}
.cart-item-list .empty-view img {
	margin: 0 auto;
	display: block
}
.cart-item-list .empty-view a {
	color: #019fde
}
.cart-item-list.favorite-list-div {
	padding: 0 0 72px 0;
	display: block;
	height: 450px;
	max-height: 450px
}
.cart-item-list.favorite-list-div .empty-view {
	text-align: center
}
.cart-item-list.favorite-list-div .empty-view i {
	color: #019fde;
	font-size: 50px;
	margin-bottom: 8px;
	display: block
}
.cart-item-list.favorite-list-div .empty-view p {
	font-size: 20px
}
.cart-item-list.favorite-list-div .item {
	padding: 8px
}
.cart-item-list.favorite-list-div .item.add {
	border-color: #019fde
}
.cart-item-list.favorite-list-div .item.add .add-message {
	display: flex
}
.cart-item-list.favorite-list-div .item .add-message {
	display: none;
	width: 100%;
	height: calc(100% - 10px);
	position: absolute;
	justify-content: center;
	align-items: center;
	left: 0px
}
.cart-item-list.favorite-list-div .item .title {
	margin-bottom: 0px
}
.cart-item-list.favorite-list-div .item .cover {
	padding-top: 0px;
	padding-bottom: 0px
}
.cart-item-list.favorite-list-div .item .name {
	font-size: 16px
}
.cart-item-list.favorite-list-div .item .price {
	padding: 0;
	width: 105px
}
.cart-item-list.favorite-list-div .item .remove .btn {
	font-size: 36px
}
.cart-item-list.removed {
	padding: 20px 16px 72px 16px;
	border-bottom: none
}
.cart-item-list.removed .item {
	border: 1px dashed #8b9195;
	border-top: none;
	padding: 8px 16px
}
.cart-item-list.removed .item .cover img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%)
}
.cart-item-list.removed .item .name {
	font-size: 16px
}
.cart-item-list.removed .item .removed-reason {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	display: block;
	width: 85px
}
.cart-item-list.removed .item: first-child {
	border-top: 1px dashed #8b9195
}
.cart-item-list .item {
	position: relative;
	padding: 10px 0;
	border-bottom: 1px solid #d3dee5;
	display: flex
}
.cart-item-list .item.confirm .cover img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%)
}
.cart-item-list .item.confirm .confirm-message {
	display: block
}
.cart-item-list .item .confirm-message {
	display: none;
	position: absolute;
	height: 100%;
	width: calc(100% - 160px);
	left: 160px;
	top: 0px;
	padding: 21px 0
}
.cart-item-list .item .confirm-message .message {
	width: 70%
}
.cart-item-list .item .confirm-message .btn-div {
	position: absolute;
	right: 0px;
	top: 30px
}
.cart-item-list .item .confirm-message .btn-div .btn {
	font-weight: normal;
	font-size: 14px
}
.cart-item-list .item .check {
	display: flex;
	align-items: center;
	padding-right: 10px
}
.cart-item-list .item .cover {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	padding-right: 16px
}
.cart-item-list .item .cover img {
	width: auto;
	height: 71px
}
.cart-item-list .item .cover .add-to-cart {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	justify-content: center;
	background-color: rgba(255,255,255,.9)
}
.cart-item-list .item .cover .add-to-cart i {
	margin-right: 5px
}
.cart-item-list .item .title {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.cart-item-list .item .name {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 44px;
	line-height: 22px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.cart-item-list .item .type-tag {
	font-size: 12px
}
.cart-item-list .item .status {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 65px;
	line-height: 22px
}
.cart-item-list .item .price {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	line-height: normal;
	padding: 0 20px
}
.cart-item-list .item .price.discount {
	color: #33b2e4
}
.cart-item-list .item .price span {
	font-size: 12px;
	display: block
}
.cart-item-list .item .removed-reason {
	display: none;
	color: #ff5b74
}
.cart-item-list .item .remove {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 35px;
	margin-right: 12px
}
.cart-item-list .item .remove .btn {
	color: #d3dee5;
	vertical-align: top;
	width: 20px;
	height: 20px;
	display: inline-block;
	padding: 0;
	position: relative
}
.cart-item-list .item .remove .btn: hover svg {
	fill: #019fde
}
.cart-item-list .load-more-item {
	display: none;
	background: #f1f9fd
}
.cart-item-list .load-more-item button {
	display: block;
	color: #019fde;
	padding: 14px 0;
	margin: 0 auto;
	border: none;
	box-shadow: none
}
.cart-item-list .load-more-item i {
	font-size: 20px;
	margin-left: 16px
}
.btn.btn-icon.remove-item-btn.track.active {
	display: none
}
.payment-info-div {
	padding: 30px 80px;
	color: #4c545a
}
.payment-info-div .title {
	font-size: 24px;
	padding: 0 0 10px 0
}
.payment-info-div .payment-title {
	color: #019fde;
	font-size: 20px;
	font-weight: 500;
	margin: 25px 0 16px 0
}
.payment-info-div .remark-info {
	font-size: 12px;
	line-height: normal;
	font-weight: 500
}
.payment-info-div .remark-info.text-grey {
	font-weight: normal
}
.payment-info-div .payment-info-list {
	background: #f7f8fa;
	margin-top: 25px;
	padding: 12px 30px;
	position: relative
}
.payment-info-div .payment-info-list span {
	margin-left: 50px
}
.payment-info-div .payment-info-list .bottom {
	position: absolute;
	bottom: 12px;
	right: 24px
}
.payment-info-div .payment-info-list .bottom button {
	color: #4c545a;
	margin-left: 30px
}
.payment-info-div .payment-info-list .bottom i {
	font-size: 20px;
	margin-right: 8px
}
.payment-info-div .payment-step-div .payment-step-inner {
	margin-bottom: 25px;
	width: 90%;
	height: 330px;
	border-bottom: 3px solid #33b2e4
}
.payment-info-div .payment-step-div: before {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -13px;
	font-family: FontAwesome;
	content: "";
	color: #33b2e4
}
.payment-info-div .payment-step-div.last: before {
	content: ""
}
.payment-info-div .payment-step-div img {
	margin: 0 auto;
	display: block;
	width: 128px;
	height: 128px
}
.payment-info-div .payment-step-div span {
	display: inline-block;
	width: 100%
}
.payment-info-div .payment-step-div .payment-step-title {
	position: relative;
	margin-bottom: 35px
}
.payment-info-div .payment-step-div .payment-step-title .title {
	background: #019fde;
	color: #fff;
	font-size: 16px;
	padding: 10px 8px;
	margin-right: 8px
}
.payment-info-div .payment-step-div .payment-step-title .step {
	position: absolute;
	top: 5px;
	right: 0;
	width: 94px;
	height: 48px;
	line-height: 48px;
	text-indent: 26px;
	background: transparent url(../image/cart/step-bg.png) scroll no-repeat 50% 50%
}
.payment-card-info {
	padding: 55px 0;
	text-align: center;
	background-color: #fff
}
.payment-card-info p {
	border-radius: 8px;
	background: #ff5b74;
	color: #fff;
	font-size: 20px;
	display: inline-block;
	padding: 8px 10px;
	margin-bottom: 20px;
	position: relative
}
.payment-card-info p: after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(250,58,58,0);
	border-top-color: #ff5b74;
	border-width: 15px;
	margin-left: -15px
}
.payment-card-info img {
	display: block;
	margin: 0 auto;
	width: 160px;
	height: 160px
}
.price-info {
	margin: 10px 0 0 0;
	line-height: normal;
	font-size: 12px
}
.price-info .total {
	font-size: 16px
}
.promocode-form {
	padding-top: 10px
}
.promocode-form label {
	height: 34px;
	margin-right: 8px;
	margin-bottom: 0;
	line-height: 34px
}
.promocode-form .form-control,.promocode-form .btn {
	border-radius: 0px
}
.promocode-form .open-modal-btn {
	display: flex;
	align-items: center;
	cursor: pointer;
	height: 22px;
	margin-top: 10px;
	font-weight: 500
}
.promocode-form.has-error button {
	background-color: #ff5b74
}
.promocode-form .has-coupon {
	display: none
}
.promocode-form .has-coupon__group,.promocode-form .has-no-coupon__group {
	width: 180px
}
.promocode-form .has-coupon__group input,.promocode-form .has-no-coupon__group input {
	width: 100%
}
@media(max-width: 567px) {
	.promocode-form .has-coupon__group,.promocode-form .has-no-coupon__group {
	display: flex;
	flex-wrap: wrap
}
}.promocode-form .has-coupon__group {
	display: flex;
	align-items: center;
	background: #f0f0f0;
	height: 34px;
	padding: 0 10px;
	font-size: 14px;
	color: #019fde
}
.promocode-form .has-coupon__group .svg-icon.coupon-fill {
	fill: #019fde;
	margin-right: 5px;
	flex-shrink: 0
}
.promocode-form .has-coupon__group button {
	height: 14px;
	width: 14px;
	border: none;
	border-radius: 50%;
	background-color: rgba(0,0,0,.2);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin-left: auto
}
.promocode-form .has-coupon__group .svg-icon.close {
	fill: #f0f0f0;
	margin: 0;
	height: 10px;
	opacity: 1
}
.promocode-form .has-coupon__group p {
	width: 70%;
	overflow: hidden;
	white-space: nowrap
}
.promocode-form.s--has-coupon .has-coupon {
	display: block
}
.promocode-form.s--has-coupon .has-no-coupon {
	display: none
}
.promocode-form form {
	display: flex
}
.promocode-form .has-error .error-msg {
	display: flex;
	height: 20px;
	margin-top: 5px
}
.promocode-form .error-msg {
	text-align: left;
	align-items: center
}
.promocode-form .error-msg .svg-icon {
	fill: #ff5b74
}
.promocode-form .form-group {
	display: flex
}
.promocode-form .btn {
	margin-left: 8px;
	font-size: 12px;
	vertical-align: top;
	height: 34px
}
.promocode-form .btn.disabled {
	background: #d3dee5;
	border-color: #d3dee5
}
.promocode-form .validated-msg {
	display: none;
	font-size: 12px;
	font-weight: normal;
	color: #33b2e4
}
.promocode-form .validated-msg i {
	margin-right: 4px
}
.promocode-form .has-validated .validated-msg {
	display: block
}
.cart-btn-div {
	margin-top: 16px
}
.cart-btn-div a {
	margin-left: 15px
}
.checkout-step1-form {
	padding-top: 15px
}
.checkout-step1-form .edit-btn {
	border: none;
	padding: 0;
	padding-top: 12px;
	color: #019fde
}
.checkout-step1-form .edit-btn: hover,.checkout-step1-form .edit-btn: active .checkout-step1-form .edit-btn: focus {
	box-shadow: none
}
.checkout-step1-form .remark-info {
	font-size: 12px;
	min-height: auto;
	padding: 0;
	line-height: 1
}
.checkout-step1-form .form-control {
	height: 46px
}
.checkout-step1-form .form-control-static {
	padding-bottom: 0;
	height: auto;
	min-height: inherit
}
.checkout-step1-form .form-control-static.my-email {
	min-height: 34px
}
.checkout-step1-form .control-label {
	font-weight: normal
}
.checkout-step1-form .right-row .form-group {
	margin-bottom: 30px
}
.checkout-step1-form .inline-form-group {
	width: 50%;
	display: inline-block
}
.checkout-step1-form .inline-form-group .control-label {
	padding-right: 10px
}
.checkout-step1-form .inline-form-group .inline-group {
	padding-left: 20px
}
.checkout-step1-form .has-error {
	margin-bottom: 0
}
.checkout-step1-form .has-error .radio-inline {
	color: #ff5b74
}
.checkout-step1-form .has-error .error-msg {
	text-align: right;
	padding-right: 16px
}
.checkout-step1-form .has-error .error-msg.inline-msg {
	display: inline-block;
	padding-right: 0;
	vertical-align: middle;
	text-align: left;
	margin-left: 16px
}
.checkout-step1-form .address-input {
	display: flex;
	flex-wrap: wrap;
	padding: 0 16px
}
.checkout-step1-form .address-input .form-group {
	position: relative
}
.checkout-step1-form .address-input .error-msg {
	position: absolute;
	bottom: -20px;
	height: 16px;
	line-height: 16px
}
.checkout-step1-form .address-input .input__group {
	display: flex;
	width: 100%;
	justify-content: space-between
}
.checkout-step1-form .address-input #twzipcode {
	width: 100%
}
.checkout-step1-form .address-input .form-group {
	margin: 0;
	margin-bottom: 16px
}
.checkout-step1-form .address-input .input__group--upper div {
	width: calc(50% - 8px)
}
.checkout-step1-form .address-input .input__group--bottom div[data-role=zipcode] {
	width: calc(30% - 8px);
	cursor: not-allowed
}
.checkout-step1-form .address-input .input__group--bottom div[data-role=zipcode] input {
	pointer-events: none
}
.checkout-step1-form .address-input .input__group--bottom .input--address {
	width: calc(70% - 8px)
}
.checkout-step1-form .address-input .input__group--bottom .input--address input {
	width: 100%
}
.order-list {
	margin-bottom: 20px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3)
}
.order-list: last-child {
	margin-bottom: 0
}
.order-list span.info {
	margin-left: 5px
}
.order-list span.num {
	margin-left: 30px
}
.order-list ul {
	margin-top: 15px
}
.order-list ul li {
	line-height: 25px
}
.order-list .cover {
	width: 120px;
	height: auto;
	margin-right: 10px;
	margin-bottom: 10px
}
.order-dtl {
	border-top: 1px solid #33b2e4
}
.order-dtl span.title {
	font-size: 20px;
	margin: 20px 0
}
.order-dtl span.label {
	color: #4c545a;
	width: 100px;
	padding: 0;
	display: inline-block;
	text-align: left;
	font-size: 16px
}
.order-table label {
	border-radius: 3px;
	display: inline-block;
	color: #fff;
	background: #019fde;
	margin: 0;
	line-height: 1.5;
	font-size: 12px;
	padding: 3px;
	font-weight: normal
}
.order-table label.bep-before {
	background: #4c545a
}
.order-table thead {
	border-bottom: 1px solid #4c545a
}
.order-table th {
	background: #fff;
	text-align: center
}
.order-table td {
	text-align: right
}
.mobile-my-order-category {
	border-radius: 5px;
	border: 1px solid #019fde;
	margin: 0 16px 16px 16px
}
.mobile-my-order-category li {
	float: left;
	width: 33.3%;
	background: #fff;
	color: #019fde;
	padding: 10px 0;
	display: inline-block;
	text-align: center;
	border-right: 1px solid #019fde
}
.mobile-my-order-category li.active {
	background: #019fde;
	color: #fff
}
.mobile-my-order-category li: last-child {
	border-right: none
}
.my-order-list {
	display: none
}
.my-order-list .empty-view {
	padding: 80px 0;
	text-align: center
}
.my-order-list .empty-view p {
	color: #8b9195
}
.my-order-block {
	margin-bottom: 30px;
	background: #fff
}
.my-order-block .item-list-block {
	width: 60%
}
.my-order-block.expired .order-receipt-div,.my-course-card .cover .my-order-block.private .order-receipt-div,.my-course-card .cover .my-order-block.expired-xs .order-receipt-div {
	background: #d3dee5;
	border-color: #8b9195
}
.my-order-block.expired .order-receipt-div .user-info,.my-course-card .cover .my-order-block.private .order-receipt-div .user-info,.my-course-card .cover .my-order-block.expired-xs .order-receipt-div .user-info,.my-order-block.expired .order-receipt-div .total,.my-course-card .cover .my-order-block.private .order-receipt-div .total,.my-course-card .cover .my-order-block.expired-xs .order-receipt-div .total {
	border-color: #fff
}
.my-order-block .header {
	padding: 16px;
	border-bottom: 1px solid #d3dee5;
	display: flex;
	align-items: center
}
@media(max-width: 567px) {
	.my-order-block .header {
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start
}
}.my-order-block .header-block {
	margin-left: auto;
	float: left
}
.my-order-block .header-block: first-child {
	margin-left: 0
}
.my-order-block .header__btn-group {
	margin-left: auto
}
@media(max-width: 567px) {
	.my-order-block .header__btn-group {
	margin: 0
}
}.my-order-block .header__btn-group .group__btn {
	padding: 0px 10px;
	border: none;
	border-radius: 2px
}
.my-order-block .header__btn-group .group__btn: last-of-type {
	margin-left: 10px
}
.my-order-block .header__btn-group .btn--white {
	border: 1px solid #4c545a;
	background: #fff;
	color: #4c545a
}
.my-order-block .header__btn-group .btn--blue {
	border: 1px solid #019fde;
	background: #019fde
}
.my-order-block .header__btn-group .btn--blue a {
	color: #fff
}
.my-order-block .cancel-btn {
	cursor: pointer
}
.my-order-block .content-block {
	padding: 16px
}
.my-order-block .item {
	margin-top: 16px
}
.my-order-block .item img {
	width: 128px;
	height: auto;
	margin-right: 16px
}
.my-order-block .item .name {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 44px;
	line-height: 22px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.my-order-block .item: first-child {
	margin-top: 0
}
.my-order-block .item .item-info {
	width: 70%
}
.my-order-block .payment-block {
	border-radius: 5px;
	padding: 16px;
	width: 40%;
	border: 1px solid #ccecf8
}
.my-order-block .payment-block li {
	margin-bottom: 5px
}
.my-order-block .payment-block span {
	margin-right: 25px
}
.my-order-block .payment-block span.link {
	margin-right: 0;
	cursor: pointer;
	color: #59bded
}
.my-order-block .print-info-btn {
	color: #8b9195
}
.my-order-block .print-info-btn: hover,.my-order-block .print-info-btn: active {
	color: #8b9195
}
.my-order-block .print-info-btn i {
	margin-right: 8px
}
.order-receipt-div {
	background: #fff4e1;
	border-top: 3px solid #ffc669;
	padding: 16px 0;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}
.order-receipt-div .iframe-body-inner {
	padding: 0px;
	max-height: inherit
}
.order-receipt-div .receipt-title {
	font-size: 24px;
	padding: 0 30px
}
.order-receipt-div .user-info {
	padding: 16px 30px;
	border-bottom: 1px solid #d3dee5
}
.order-receipt-div .user-info ul {
	margin-right: 100px
}
.order-receipt-div .user-info ul p {
	font-size: 16px;
	display: inline-block
}
.order-receipt-div .item-list {
	padding: 16px 30px
}
.order-receipt-div .item-list .tab {
	font-weight: 500
}
.order-receipt-div .item-list ul {
	margin: 10px 0
}
.order-receipt-div .item-list ul: last-child {
	margin-bottom: 0px
}
.order-receipt-div .item-list ul li {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 16px
}
.order-receipt-div .item-list ul li.title {
	-webkit-flex: 4;
	-ms-flex: 4;
	flex: 4
}
.order-receipt-div .total {
	padding: 16px 40px;
	border-top: 1px solid #d3dee5
}
.order-receipt-div .total ul {
	text-align: right;
	margin: 5px 0
}
.order-receipt-div .total ul: last-child {
	margin-bottom: 0px
}
.order-receipt-div .total ul li {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 16px
}
.order-receipt-div .total ul li.tab {
	-webkit-flex: 8;
	-ms-flex: 8;
	flex: 8
}
@media(max-width: 991px) {
	.cart-tab-title {
	padding: 0 10px
}
.cart-item-list {
	height: auto;
	min-height: 45vh;
	overflow-y: inherit;
	border-bottom: none
}
.cart-item-list.favorite-list-div .item: nth-of-type(1n+4) {
	display: flex
}
.cart-item-list.favorite-list-div .item .cover img {
	height: 100%
}
.cart-item-list.favorite-list-div .item .add-to-cart {
	display: flex
}
.cart-item-list.favorite-list-div .item .add-to-cart .btn {
	display: block
}
.cart-item-list.favorite-list-div .item .title {
	margin-bottom: 25px
}
.cart-item-list.favorite-list-div .item .price {
	right: 0px
}
.cart-item-list.favorite-list-div .item .remove {
	display: none
}
.cart-item-list.favorite-list-div .item .status {
	left: 120px
}
.cart-item-list.removed {
	padding: 0 10px;
	border-bottom: none
}
.cart-item-list.removed .item {
	padding: 16px 0px;
	border: none;
	border-bottom: 1px solid #d3dee5
}
.cart-item-list.removed .item .cover img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%)
}
.cart-item-list.removed .item .name {
	font-size: 16px
}
.cart-item-list.removed .item .removed-reason {
	position: absolute;
	bottom: 16px;
	right: 0px
}
.cart-item-list.removed .item: first-child {
	border-top: none
}
.cart-item-list.more .load-more-item {
	display: block
}
.cart-item-list .empty-view {
	height: 45vh
}
.cart-item-list .item {
	padding: 16px 10px
}
.cart-item-list .item: nth-of-type(1n+4) {
	display: none
}
.cart-item-list .item.active {
	display: flex
}
.cart-item-list .item.confirm .status,.cart-item-list .item.confirm .price,.cart-item-list .item.confirm .remove {
	display: none
}
.cart-item-list .item .confirm-message {
	width: calc(100% - 140px);
	left: 140px;
	padding: 12px 10px
}
.cart-item-list .item .confirm-message .message {
	width: 100%
}
.cart-item-list .item .confirm-message .message .title {
	display: none
}
.cart-item-list .item .confirm-message .btn-div {
	right: 10px;
	bottom: 12px;
	top: initial
}
.cart-item-list .item .confirm-message .btn-div .btn {
	font-weight: normal;
	font-size: 14px
}
.cart-item-list .item .cover {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 110px;
	margin-right: 10px;
	padding: 0px;
	position: relative
}
.cart-item-list .item .cover img {
	width: 100%;
	height: auto
}
.cart-item-list .item .cover .add-to-cart {
	display: flex
}
.cart-item-list .item .name {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 22px;
	line-height: 22px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.cart-item-list .item .type-tag {
	font-size: 12px;
	font-weight: normal
}
.cart-item-list .item .status {
	position: absolute;
	left: 130px;
	bottom: 10px;
	width: auto;
	text-align: left;
	line-height: normal
}
.cart-item-list .item .price {
	position: absolute;
	bottom: 10px;
	right: 30px;
	font-size: 14px;
	line-height: 1.4;
	display: flex;
	flex-direction: column;
	align-items: flex-end
}
.cart-item-list .item .price span {
	display: inline
}
.cart-item-list .item .remove {
	position: absolute;
	right: 10px;
	bottom: 0px;
	width: auto
}
.cart-item-list .item .remove .btn {
	padding: 0px
}
.payment-info-div {
	padding: 24px 10px;
	margin: 0 -16px
}
.payment-info-div .row {
	margin-left: -10px;
	margin-right: -10px
}
.payment-info-div .row .col-md-12 {
	padding-right: 10px;
	padding-left: 10px
}
.payment-info-div .payment-step-div {
	padding: 0;
	margin-bottom: 40px
}
.payment-info-div .payment-step-div: before {
	content: ""
}
.payment-info-div .payment-step-div .payment-step-inner {
	width: 100%;
	height: auto;
	border: none;
	text-align: center
}
.payment-info-div .payment-step-div .payment-step-title {
	text-align: left
}
.payment-info-div .payment-step-div .payment-step-title .title {
	padding: 13px 10px
}
.payment-info-div .payment-step-div.last .payment-step-inner {
	border-bottom: 3px solid #33b2e4
}
.payment-info-div .payment-info-list {
	padding: 24px 30px;
	margin: 25px -10px 0 -10px
}
.payment-info-div .payment-info-list .bottom {
	display: none
}
.payment-info-div .remark-info {
	padding: 0;
	font-size: 16px
}
.cart-btn-div {
	display: none
}
.container-fluid .container.cart {
	padding: 0
}
.cart-info-div {
	padding: 15px 0
}
.cart-info-div .row {
	margin: 0px
}
.cart-info-div .row>[class^=col-md-],.cart-info-div .row>[class*=" col-md-"] {
	padding-right: 0;
	padding-left: 0
}
.cart-info-div .promocode-form {
	padding: 30px 10px 0 10px;
	width: 100%
}
.cart-info-div .promocode-form .mobile-promocode-submit {
	display: inline-block !important
}
.price-info {
	display: none
}
.mobile-price-info {
	margin: 0 10px 30px
}
.mobile-price-info p {
	margin-bottom: 8px
}
.mobile-price-info p.total {
	margin-bottom: 0px;
	border-top: 1px solid #d3dee5;
	padding-top: 8px;
	font-size: 20px
}
.pay-type-block {
	background: #f7f8fa;
	padding-top: 30px;
	padding-bottom: 16px;
	border-bottom: 1px solid #d3dee5
}
.pay-type-block .payment-info {
	margin: 16px 0 0 0
}
.pay-type-block .payment-info,.pay-type-block .remark-info,.pay-type-block .refound-info {
	font-size: 16px;
	padding: 0 10px
}
.pay-type-list {
	text-align: center
}
.pay-type-list li {
	display: inline-block;
	width: 29%;
	margin-top: 25px;
	margin-right: 12px
}
.pay-type-list li: last-child {
	margin-right: 0
}
.pay-type-list li input[type=radio] {
	left: 50%;
	top: 60%;
	margin-top: -8px;
	margin-left: -8px
}
.pay-type-list li label {
	border: 1px solid #d3dee5;
	padding: 30px 0 60px 0;
	text-align: center;
	text-indent: 0
}
.order-receipt-type {
	background: #fff;
	margin: 16px 10px 0 10px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	border: 1px solid #d3dee5
}
.receipt-type-list {
	background: transparent;
	padding: 0px
}
.receipt-type-list .receipt-type-check {
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #d3dee5
}
.receipt-type-list .receipt-type-check .receipt-detail {
	padding: 0px;
	background: #e5f1f9
}
.receipt-type-list .receipt-type-check .receipt-detail .form-check {
	padding-left: 30px;
	padding-right: 30px
}
.receipt-type-list .receipt-type-check .receipt-detail input[type=text] {
	width: 100%;
	margin-top: 8px
}
.cart-form-div {
	padding: 0
}
.cart-form-div .row {
	margin: 0
}
.cart-form-div .col-md-12 {
	padding: 0
}
.cart-form-div .cart-tab-title {
	padding: 0;
	border: none
}
.cart-form-div .cart-tab-title .tab {
	font-size: 16px;
	margin-left: 10px
}
.cart-form-div .cart-tab-title .info-text {
	margin: 0;
	line-height: 1.7;
	padding: 16px 10px;
	border-top: 1px solid #019fde
}
.cart-form-div .cart-tab-title .error-text {
	color: #ff5b74
}
.checkout-step1-form {
	padding: 0px
}
.checkout-step1-form .edit-btn {
	display: none
}
.checkout-step1-form .control-label {
	font-size: 13px
}
.checkout-step1-form .form-control-static {
	padding: 0px;
	min-height: inherit
}
.checkout-step1-form .form-control-static.my-email {
	min-height: inherit
}
.checkout-step1-form .inline-form-group {
	width: inherit;
	display: block
}
.checkout-step1-form .inline-form-group.pull-right {
	float: none !important
}
.checkout-step1-form .inline-form-group .inline-group {
	padding-left: 16px
}
.checkout-step1-form .control-label {
	padding: 0;
	text-align: center
}
.my-order-block {
	margin-bottom: 16px
}
.my-order-block .header-block {
	float: none;
	margin-left: auto
}
}@media(max-width: 991px)and (max-width: 567px) {
	.my-order-block .header-block {
	margin-bottom: 5px;
	margin-left: 0
}
}@media(max-width: 991px) {
	.my-order-block .payment-block {
	width: 100%
}
}@media(max-width: 991px) {
	.order-receipt-div {
	border-top: none;
	box-shadow: none;
	color: #4c545a
}
.order-receipt-div .iframe-body-inner {
	padding-bottom: 200px;
	max-height: 70vh
}
.order-receipt-div .btn-block {
	padding: 30px 10px
}
.order-receipt-div .receipt-title {
	font-size: 20px;
	padding: 0 10px;
	font-weight: 500
}
.order-receipt-div .user-info {
	padding: 16px 10px
}
.order-receipt-div .user-info ul {
	width: 100%;
	margin-right: 0px
}
.order-receipt-div .user-info ul li {
	display: flex
}
.order-receipt-div .user-info ul .title {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	font-weight: 500;
	width: 90px
}
.order-receipt-div .user-info ul .content {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.order-receipt-div .item-list {
	padding: 0px
}
.order-receipt-div .item-list ul {
	flex-flow: column;
	margin: 0px;
	padding: 24px 10px;
	border-bottom: 1px solid #d3dee5
}
.order-receipt-div .item-list ul: last-child {
	border-bottom: none
}
.order-receipt-div .item-list ul li {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 4px
}
.order-receipt-div .item-list ul li span {
	display: inline-block !important;
	font-weight: 500;
	width: 90px
}
.order-receipt-div .total {
	padding: 24px 10px 0 10px
}
.order-receipt-div .total ul {
	display: block
}
.order-receipt-div .total ul li {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	display: inline-block;
	min-width: 90px
}
}.inbox-container {
	border: 1px solid #d3dee5;
	background: #fff
}
.inbox-list-container {
	-webkit-flex: 3;
	-ms-flex: 3;
	flex: 3;
	border-right: 1px solid #d3dee5
}
.inbox-dtl-container {
	-webkit-flex: 5;
	-ms-flex: 5;
	flex: 5
}
.inbox-tab {
	border-bottom: 1px solid #d3dee5
}
.inbox-tab li {
	border: none;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #d3dee5
}
.inbox-tab li.active a {
	border: none;
	color: #019fde
}
.inbox-tab li.active a: hover,.inbox-tab li.active a: focus {
	border: none;
	color: #019fde
}
.inbox-tab li: hover a,.inbox-tab li: focus a {
	color: #019fde;
	background: transparent
}
.inbox-tab li a {
	border: none;
	color: #4c545a;
	font-size: 20px;
	padding: 18px 0;
	font-weight: 500
}
.inbox-tab li: last-child {
	border-right: none
}
.inbox-list {
	overflow-y: auto;
	height: calc(100vh - 321px)
}
.inbox-list.empty {
	text-align: center;
	font-size: 20px
}
.inbox-list.empty .icon {
	display: block;
	margin: 0 auto 8px 0
}
.inbox-list .block {
	padding: 16px 10px 16px 16px;
	border-bottom: 1px solid #d3dee5;
	transition: all .3s
}
.inbox-list .block: hover {
	background: #ccecf8
}
.inbox-list .block: hover .tag {
	margin-right: 12px
}
.inbox-list .block: hover .del-btn {
	display: block;
	position: relative
}
.inbox-list .block .subject {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.inbox-list .block .confirm-title,.inbox-list .block .btn-sm,.inbox-list .block .confirm-checkbox {
	display: none
}
.inbox-list .block .title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 28px;
	line-height: 28px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	margin-bottom: 4px;
	font-size: 20px
}
.inbox-list .block .title: hover {
	cursor: pointer
}
.inbox-list .block .tag {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	border-radius: 100px;
	font-size: 14px;
	color: #fff;
	background: #019fde;
	padding: 0 8px;
	margin: 18px 36px 18px 12px;
	height: 24px;
	line-height: 24px
}
.inbox-list .block .del-btn {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	display: none;
	margin: 16px 0
}
.inbox-list .block .del-btn .svg-icon {
	height: 2.2rem
}
.inbox-list .block.active {
	background: #ccecf8
}
.inbox-list .block.confirm {
	background: #f1f8fd
}
.inbox-list .block.confirm .title,.inbox-list .block.confirm .tag,.inbox-list .block.confirm .del-btn {
	display: none
}
.inbox-list .block.confirm .confirm-title,.inbox-list .block.confirm .btn-sm {
	display: block
}
.inbox-list .block.confirm .confirm-title {
	margin-bottom: 4px;
	font-size: 20px
}
.inbox-list .block.confirm .btn-sm {
	height: 40px;
	margin-top: 10px;
	margin-left: 8px
}
.inbox-header {
	padding: 16px 0;
	border-bottom: 1px solid #d3dee5;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	line-height: normal;
	min-height: 65px
}
.inbox-header img {
	width: 32px;
	height: 32px;
	margin-right: 8px
}
.inbox-header .back-btn {
	padding: 4px 16px;
	font-size: 24px;
	color: #8b9195
}
.inbox-header .back-btn i {
	vertical-align: top
}
.inbox-content .message-list {
	padding: 24px 40px 24px 30px;
	overflow-y: auto;
	height: calc(100vh - 321px)
}
.inbox-content .message-list.default {
	font-size: 20px
}
.inbox-content .message-list.default img {
	display: block;
	margin: 0 auto 8px auto
}
.inbox-content .date-row {
	font-size: 12px;
	line-height: normal;
	margin-bottom: 24px;
	color: #8b9195
}
.inbox-content .message-block {
	margin-bottom: 24px
}
.inbox-content .message-block.me .avatars,.inbox-content .message-block.me .message,.inbox-content .message-block.me .create {
	float: right
}
.inbox-content .message-block.me .message {
	background: #f1f8fd;
	margin-left: 16px;
	margin-right: 8px
}
.inbox-content .message-block .avatars,.inbox-content .message-block .message,.inbox-content .message-block .create {
	float: left
}
.inbox-content .message-block .avatars {
	width: 32px;
	height: 32px
}
.inbox-content .message-block .message {
	border-radius: 5px;
	background: #f7f8fa;
	padding: 16px;
	margin-left: 8px;
	margin-right: 16px;
	max-width: 75%;
	text-align: justify;
	word-break: break-all
}
.inbox-content .message-block .message a {
	margin: 0 5px
}
.inbox-content .message-block .create {
	font-size: 12px;
	line-height: normal;
	margin-top: 10px
}
@media(max-width: 991px) {
	.inbox-container-title {
	padding: 35px 10px 16px 10px
}
.inbox-container-title .page-title {
	font-size: 20px;
	margin-top: 0px
}
.inbox-container-title .btn {
	padding: 0px;
	color: #8b9195;
	border: none;
	box-shadow: none;
	margin-left: 30px
}
.inbox-container-title .btn: hover,.inbox-container-title .btn: focus {
	color: #8b9195
}
.inbox-container {
	display: block;
	border: none;
	background: transparent;
	position: relative
}
.inbox-list-container,.inbox-dtl-container {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 100%
}
.inbox-list-container {
	border-right: none
}
.inbox-tab {
	background: #fff;
	margin-bottom: 16px;
	border: 1px solid #d3dee5
}
.inbox-tab li {
	border-right: 1px solid #f9f9f9;
	border-bottom: 3px solid transparent
}
.inbox-tab li.active {
	border-bottom: 3px solid #019fde
}
.inbox-tab li: hover,.inbox-tab li: focus {
	border-bottom: 3px solid #019fde
}
.inbox-tab li a {
	padding: 10px 0;
	font-size: 16px
}
.inbox-list {
	background: #fff;
	border: 1px solid #d3dee5;
	overflow-y: initial;
	height: auto
}
.inbox-list.empty {
	height: 60vh;
	font-size: 16px
}
.inbox-list.empty .icon {
	margin-bottom: 25px
}
.inbox-list .block {
	padding: 16px 10px;
	border-bottom: 1px solid #d3dee5
}
.inbox-list .block: hover .tag {
	margin-right: 0px
}
.inbox-list .block .subject {
	font-size: 12px
}
.inbox-list .block .title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 22px;
	line-height: 22px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	font-size: 16px;
	margin-bottom: 0px
}
.inbox-list .block .tag {
	font-size: 12px;
	padding: 0 4px;
	margin: 14px 0 14px 12px;
	height: 20px;
	line-height: 20px
}
.inbox-list .block.confirm {
	background: #ccecf8
}
.inbox-list .block.confirm .title,.inbox-list .block.confirm .tag,.inbox-list .block.confirm .confirm-checkbox {
	display: block
}
.inbox-list .block.confirm .confirm-title,.inbox-list .block.confirm .btn-sm {
	display: none
}
.inbox-dtl-container {
	position: absolute;
	top: -45px;
	left: -120%;
	transition: all .5s ease-in-out;
	background: #fff;
	border: 1px solid #d3dee5
}
.inbox-dtl-container.show {
	transform: translateX(120%)
}
.inbox-dtl-container .inbox-header {
	padding: 14px 0;
	font-size: 16px;
	min-height: 60px;
	line-height: 32px
}
.inbox-dtl-container .inbox-header .user {
	padding-right: 32px
}
.inbox-content .message-list {
	padding: 16px 20px 16px 10px;
	height: calc(100vh - 294px)
}
.inbox-content .message-list.default {
	font-size: 16px
}
.inbox-content .message-list.default img {
	margin-bottom: 16px
}
.inbox-content .date-row {
	margin-bottom: 16px
}
.inbox-content .message-block {
	margin-bottom: 16px
}
.inbox-content .message-block.me .message {
	margin-left: 10px
}
.inbox-content .message-block .message {
	margin-right: 10px;
	max-width: 65%
}
}.member-facebook-container hr {
	border: 1px dashed #bbd4e7;
	width: 300px;
	margin: 40px auto
}
.member-facebook-container form {
	text-align: center;
	margin: 0 auto
}
.member-facebook-container form .radio {
	margin-top: 16px;
	margin-bottom: 16px
}
.member-facebook-container form input[type=radio] {
	margin-top: 6px
}
.member-facebook-container form .text-help {
	font-size: 12px
}
@keyframes placeHolderShimmer {
	0% {
	background-position: -468px 0
}
100% {
	background-position: 468px 0
}
}.loading-bar {
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	opacity: .5;
	background-image: linear-gradient(to left, rgba(247, 244, 244, 0.3), rgba(255, 255, 255, 0.8));
	background-size: 800px 104px;
	height: 24px;
	position: relative
}
.loading-bar.xs {
	width: 30%
}
.loading-bar.sm {
	width: 80%
}
.member-profile-header {
	background: transparent url(../image/profile-header-bg.png) scroll no-repeat 50% 50%;
	background-size: cover
}
.member-profile-header: hover {
	cursor: pointer
}
.member-profile-header: hover .edit-profile-btn {
	display: block
}
.member-profile-header.loading {
	padding: 8px 0
}
.member-profile-header.loading .avatars-block {
	background: rgba(255,255,255,.5)
}
.member-profile-header.loading .profile-block .loading-bar {
	margin-bottom: 20px
}
.member-profile-header.loading .profile-block .loading-bar: first-child {
	margin-bottom: 40px
}
.member-profile-header .member-profile-header-inner {
	position: relative;
	padding: 30px 25px 20px 25px
}
.member-profile-header .edit-profile-btn {
	position: absolute;
	top: 25px;
	right: 25px;
	display: none;
	opacity: .8;
	color: #fff;
	padding: 0;
	font-size: 20px
}
.member-profile-header .edit-profile-btn svg {
	fill: #fff;
	height: 2rem
}
.member-profile-header .avatars-block {
	border-radius: 50%;
	overflow: hidden;
	width: 170px;
	height: 170px;
	margin-right: 30px;
	position: relative
}
.member-profile-header .avatars-block img {
	width: 100%;
	height: auto;
	box-shadow: 0 2px 6px 0 rgba(62,109,127,.42)
}
.member-profile-header .avatars-block .update-avatars-btn {
	border-radius: 0px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	background: rgba(0,0,0,.3);
	height: 40px
}
.member-profile-header .avatars-block .update-avatars-btn .camera-icon {
	width: 24px;
	height: 24px;
	margin-left: 10px
}
.member-profile-header .profile-block {
	color: #fff;
	padding-left: 200px
}
.member-profile-header .profile-block .name {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 10px
}
.member-profile-header .profile-block .intro {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 60px;
	line-height: 30px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	margin-bottom: 30px
}
.member-profile-header .meta {
	width: 25%;
	float: left;
	text-align: center;
	position: relative
}
.member-profile-header .meta.last: after {
	display: none
}
.member-profile-header .meta: after {
	position: absolute;
	content: " ";
	border-right: 1px solid #d3dee5;
	top: 0;
	right: 15px;
	height: 40px
}
.member-profile-header .meta .meta-icon {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background: rgba(255,255,255,.8);
	position: relative
}
.member-profile-header .meta .meta-icon svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #019fde;
	margin: 0px;
	height: 2rem
}
.member-profile-header .meta .meta-info {
	padding-left: 50px;
	padding-right: 30px
}
.member-profile-header .meta .title {
	display: block;
	opacity: .8
}
.member-profile-header .meta .num {
	font-size: 20px
}
.member-profile-header .form-control {
	border: 1px solid #fff;
	height: auto;
	color: #fff;
	padding: 8px 16px;
	width: 92%;
	background-color: rgba(255,255,255,.2)
}
.member-profile-header .form-control.name {
	font-size: 30px
}
.member-profile-header .form-control.intro {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.5;
	height: 93px;
	max-height: 93px;
	overflow-y: auto
}
.my-course-tab {
	margin: 40px auto;
	display: flex
}
.my-course-tab li {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 1px solid #d3dee5;
	margin-left: 30px;
	text-align: center
}
.my-course-tab li: first-child {
	margin-left: 0px
}
.my-course-tab li.active .icon {
	display: none
}
.my-course-tab li.active .title {
	padding: 4px 0;
	line-height: normal;
	font-weight: 500;
	font-size: 16px;
	color: #fff
}
.my-course-tab li.active .intro {
	display: block
}
.my-course-tab li.active.online {
	border-color: #019fde
}
.my-course-tab li.active.online .title {
	background: #019fde
}
.my-course-tab li.active.online .total {
	color: #019fde
}
.my-course-tab li.active.offline {
	border-color: #ffc669
}
.my-course-tab li.active.offline .title {
	background: #ffc669
}
.my-course-tab li.active.offline .total {
	color: #ffc669
}
.my-course-tab .title {
	padding: 36px 0;
	font-size: 36px;
	line-height: 1;
	color: #4c545a
}
.my-course-tab .title .icon {
	margin-right: 10px;
	height: 36px
}
.my-course-tab .title .icon.active {
	display: none
}
.my-course-tab .intro {
	display: none;
	padding: 10px 0
}
.my-course-tab .intro .total {
	font-size: 24px
}
.my-course-tab .intro .num {
	display: inline-block;
	margin: 0 5px
}
.my-course-content {
	margin-bottom: 35px
}
.my-course-content.more .data-loading {
	display: block
}
.my-course-content.empty .empty-view {
	display: flex
}
.my-course-content .empty-view {
	padding: 100px 0;
	font-size: 20px
}
.my-course-content .empty-view img {
	margin-bottom: 24px
}
.my-course-content .empty-view .btn {
	margin-top: 16px
}
.my-course-category {
	margin-bottom: 40px;
	padding: 35px 30px 20px 30px;
	border: 1px solid #d3dee5
}
.my-course-category.empty {
	padding: 36px 0
}
.my-course-category.empty .empty-info {
	display: block
}
.my-course-category.empty ul {
	display: none
}
.my-course-category.online li.active,.my-course-category.online li: hover {
	background: #009fde
}
.my-course-category.online li.active a,.my-course-category.online li: hover a {
	color: #fff
}
.my-course-category.offline li.active,.my-course-category.offline li: hover {
	background: #ffc669
}
.my-course-category.offline li.active a,.my-course-category.offline li: hover a {
	color: #fff
}
.my-course-category .empty-info {
	display: none;
	font-size: 20px
}
.my-course-category li {
	border-radius: 5px;
	display: inline-block;
	padding: 14px 16px;
	border: 1px solid #d3dee5;
	background: #fff;
	margin-right: 16px;
	margin-bottom: 15px;
	line-height: 1.3
}
.my-course-category li: last-child {
	margin-right: 0px
}
.my-course-category li a {
	color: #4c545a
}
.non-login-div {
	padding: 105px 0;
	font-size: 20px
}
.my-collect-container .course-list {
	margin-top: 40px;
	background: #fff;
	border: 1px solid #d3dee5
}
.my-collect-container .course-block {
	border-bottom: 1px solid #d3dee5;
	margin: 32px;
	padding-bottom: 32px
}
.my-collect-container .course-block .course-info svg,.my-collect-container .course-block .course-info i {
	font-size: 20px
}
.my-collect-container .course-block: last-child {
	padding-bottom: 0px;
	border-bottom: none
}
.my-collect-container .course-block .cover {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 250px
}
.my-collect-container .course-block .cover img {
	width: 100%;
	height: auto
}
.my-collect-container .course-block .content {
	-webkit-flex: 3;
	-ms-flex: 3;
	flex: 3;
	margin: 0 16px
}
.my-collect-container .course-block .type-tag {
	margin: 0 0 14px
}
.my-collect-container .course-block .title {
	font-size: 20px;
	font-weight: 500;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 56px;
	line-height: 28px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.my-collect-container .course-block .status {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 200px;
	text-align: right
}
.my-collect-container .course-block .status .btn-full {
	width: auto
}
.my-collect-container .course-block .status .btn-full .btn-txt: nth-child(2) {
	display: none
}
.my-collect-container .course-block .remove-btn {
	margin-bottom: 16px;
	padding: 0 4px
}
.my-collect-container .course-block .remove-btn svg {
	fill: #d3dee5;
	height: 24px
}
.my-collect-container .course-block .price {
	font-size: 20px;
	color: #ff5b74;
	margin-bottom: 16px
}
.my-collect-container .course-block .price s {
	font-size: 12px;
	color: #8b9195;
	margin-left: 8px
}
.my-collect-container .course-block .progress {
	padding: 0;
	box-shadow: none;
	background: #f5f5f5;
	height: 10px;
	margin: 8px 16px;
	width: 35%
}
.my-collect-container .course-block .progress-bar {
	background: #ff5b74;
	box-shadow: none
}
.my-collect-container .course-block .progress-bar.success {
	background: #019fde
}
.my-collect-container .course-block .progress-bar.fail {
	background: #8b9195
}
.my-collect-course.is-empty .empty-view {
	display: block
}
.my-collect-course.is-empty .course-list {
	display: none
}
.my-collect-course .empty-view {
	display: none;
	padding: 30px 0
}
.my-collect-course .empty-view .btn {
	margin-top: 8px
}
.my-collect-article.s--empty .empty-view {
	display: block
}
.my-collect-article .empty-view {
	display: none;
	padding: 30px 0
}
.my-collect-article .empty-view img {
	margin: 30px 0
}
.my-collect-article .empty-view .empty-article {
	margin-bottom: 0
}
.my-collect-article .empty-view .btn {
	margin-top: 8px
}
.explore-course-header.fixed {
	position: fixed;
	top: 60px;
	z-index: 9999;
	background: #f7f8fa;
	height: 60px;
	margin: 0 -26px;
	padding: 0 26px
}
.explore-course-header.fixed .js-course-category-default,.explore-course-header.fixed .js-course-category-tag {
	display: none
}
.explore-course-header.fixed .desktop-explore-category {
	margin: 10px 0
}
.explore-course-header.fixed .desktop-explore-category .block {
	height: 40px
}
.explore-course-header.fixed: : after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0 26px;
	width: calc(100% - 52px);
	border-bottom: 1px solid #d3dee5
}
.desktop-explore-category {
	margin: 30px 0
}
.desktop-explore-category .block {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	color: #fff;
	font-size: 20px;
	text-align: center;
	margin-left: 30px
}
.desktop-explore-category .block: nth-child(6n+1) {
	margin-left: 0
}
.desktop-explore-category .block.active .cover,.desktop-explore-category .block: hover .cover {
	background: rgba(1,42,61,.4)
}
.desktop-explore-category a {
	color: #fff
}
.desktop-explore-category img {
	border-radius: 5px;
	width: 100%;
	height: 100%
}
.desktop-explore-category .cover {
	border-radius: 5px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	cursor: pointer;
	transition: all .3s
}
.explore-result-list.loading .page-loading,.explore-result-list.empty {
	display: block
}
.my-wish-header {
	padding: 52px 0;
	text-align: center
}
.my-wish-header img {
	display: block;
	margin: 0 auto
}
.my-wish-header p {
	font-size: 20px
}
.my-wish-header span {
	margin-top: 8px;
	display: block;
	font-weight: normal;
	font-size: 16px
}
.my-wish-header.success span {
	font-size: 16px
}
.my-wish-header.success span.name {
	font-size: 20px;
	color: #019fde;
	display: inline-block;
	font-weight: 500;
	padding: 0px
}
.my-wish-header.success .btn {
	margin-top: 30px
}
.wish-input-group {
	width: 100%
}
.wish-input-group svg {
	z-index: 10;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
	height: 2rem
}
.wish-input-group .svg-icon.wishstick {
	top: 0;
	transform: translateY(50%)
}
#wish-form .wish-input {
	border-radius: 5px
}
.wish-input {
	padding: 8px 8px 8px 40px;
	border: 1px solid #d3dee5;
	background-color: #fff;
	min-height: 40px;
	width: 100%
}
.wish-input-icon {
	width: 24px;
	height: 24px;
	color: #8b9195;
	position: absolute;
	left: 8px;
	top: 8px;
	z-index: 20
}
.my-wish-form {
	padding: 60px 0
}
.my-wish-form label {
	font-weight: normal
}
.my-wish-form .input-group .input-group-addon {
	border-radius: 5px 0 0 5px;
	background: #fff;
	border-right: none;
	vertical-align: top
}
.my-wish-form .has-error .form-control {
	box-shadow: none
}
.my-wish-form .has-error .input-group-addon {
	border-color: #ff5b74
}
.emailSubscription {
	display: flex;
	flex-direction: column
}
.emailSubscription__description {
	margin-bottom: 32px
}
.system__group,.edm__group,.promotion__group {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 19px
}
.system__checkbox,.edm__checkbox,.promotion__checkbox {
	border-radius: 2px;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	cursor: pointer
}
.system__group .system__checkbox,.edm__group .edm__checkbox,.promotion__group .promotion__checkbox {
	margin: 4px 20px 0px 10px
}
.system__text,.edm__text,.promotion__text {
	flex: 1;
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #4c545a
}
.my-subscribe-container {
	width: 1210px
}
@media(max-width: 1240px) {
	.my-subscribe-container {
	width: 1010px
}
}@media(max-width: 1040px) {
	.my-subscribe-container {
	width: 740px
}
}@media(max-width: 768px) {
	.my-subscribe-container {
	width: 568px
}
}@media(max-width: 567px) {
	.my-subscribe-container {
	width: 100%
}
}.my-subscribe-container .page-title {
	margin: 0;
	padding: 50px 0 30px;
	margin-bottom: 16px;
	border-bottom: 1px solid #d3dee5
}
.my-subscribe-container .nav-tabs {
	border: none;
	margin-bottom: 16px;
	float: left
}
.my-subscribe-container .nav-tabs li a {
	border-radius: 0px;
	text-align: center;
	font-size: 20px;
	color: #4c545a;
	border: none;
	padding: 20px 16px;
	border-bottom: 5px solid transparent;
	transition: all .3s
}
.my-subscribe-container .nav-tabs li a: hover {
	background: transparent;
	font-weight: 500;
	color: #019fde;
	border-bottom-color: #019fde
}
.my-subscribe-container .nav-tabs li.active a {
	background: transparent;
	font-weight: 500;
	color: #019fde;
	border: none;
	border-bottom: 5px solid #019fde;
	transition: all .3s
}
.my-subscribe-container .nav-tabs li.active a: hover {
	color: #019fde;
	border-bottom-color: #019fde
}
.my-subscribe-container .block-title {
	font-size: 24px;
	margin: 0;
	font-weight: 500;
	line-height: normal
}
.my-subscribe-container .refresh-btn {
	display: flex;
	align-items: center;
	line-height: 36px;
	cursor: pointer;
	color: #8b9195
}
.my-subscribe-container .refresh-btn: hover {
	color: #019fde
}
.my-subscribe-container .refresh-btn: hover .svg-icon {
	fill: #019fde
}
.my-subscribe-header .flex-center {
	display: flex;
	align-items: center
}
.my-subscribe-header .num {
	min-width: 35px;
	background-color: #ff5b74;
	padding: .5px 8px 3.5px 8px;
	width: auto;
	color: #fff;
	font-weight: 500;
	display: block;
	text-align: center;
	border-radius: 100px;
	font-size: 16px;
	line-height: 20px;
	margin-top: -5px;
	margin-left: -8px
}
.recommend-teacher-list.full {
	margin: 12px 0
}
.recommend-teacher-list.full .block {
	width: 22%;
	margin: 12px 0 12px 30px;
	float: left
}
.recommend-teacher-list.full .block: nth-child(4n+1) {
	margin-left: 0
}
.recommend-teacher-list .block {
	margin: 24px 0
}
.recommend-teacher-list .recommend-teacher {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #4c545a
}
.recommend-teacher-list .avatars {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 36px
}
.recommend-teacher-list .name {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 36px;
	line-height: 36px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	margin: 0 8px;
	width: 91px;
	word-wrap: break-word
}
.recommend-teacher-list .btn {
	width: 85px
}
.recommend-teacher-list .btn p {
	margin-left: 3px
}
.recommend-teacher-list .svg-icon {
	margin-top: 2px
}
.my-teacher-list {
	margin: 24px 0
}
.my-teacher-list .block {
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	width: 110px
}
.my-teacher-list .block a {
	color: #4c545a
}
.my-teacher-list .block: hover .avatars {
	border-color: #019fde;
	padding: 5px
}
.my-teacher-list .block.unsubscribe .unsubscribe-btn {
	display: block
}
.my-teacher-list .block.unsubscribe .menu-btn {
	display: block
}
.my-teacher-list .avatars {
	width: 100px;
	height: 100px;
	border: 1px solid transparent;
	margin-bottom: 8px;
	transition: all .2s ease
}
.my-teacher-list .tag-block {
	position: absolute;
	top: 8px;
	right: -10px
}
.my-teacher-list .tag {
	border-radius: 10px;
	padding: 2px 4px;
	margin-bottom: 4px;
	line-height: normal;
	display: block;
	font-size: 12px;
	color: #fff;
	background: #ff5b74
}
.my-teacher-list .menu-btn {
	color: #d3dee5;
	position: absolute;
	bottom: 24px;
	right: 0;
	z-index: 10
}
.my-teacher-list .unsubscribe-btn {
	display: none;
	position: absolute;
	bottom: -10px;
	left: 0
}
.my-notification-list {
	max-height: 310px;
	overflow-y: auto;
	margin-bottom: 60px
}
.my-notification-list .block {
	background: #fff;
	border-bottom: 1px solid #d3dee5
}
.my-notification-list .content {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 28px;
	line-height: 28px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	margin: 16px
}
.my-notification-list .content a,.my-notification-list .content p {
	display: inline-block
}
.my-notification-list .type-tag {
	margin-left: 20px;
	font-size: 12px
}
.my-notification-list .create {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 105px;
	text-align: center;
	font-size: 14px;
	color: #d3dee5;
	margin: 16px
}
.my-notification-list .cover {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 72px;
	margin: 10px;
	position: relative
}
.my-notification-list .cover img {
	width: 100%
}
.my-notification-list .cover .type-tag {
	margin-left: 0;
	position: absolute;
	top: 0;
	left: 0
}
.article-search-header {
	float: right;
	position: relative
}
.article-search-header .type {
	padding: 12px 16px;
	background: #fff;
	border: 1px solid #d3dee5;
	margin-right: 16px;
	line-height: normal;
	vertical-align: top
}
.article-search-header select {
	padding: 14px 16px;
	height: auto;
	vertical-align: top;
	margin-right: 16px;
	background: #fff
}
.article-search-header .article-search-keyword {
	vertical-align: top;
	padding: 14px 16px;
	height: auto;
	vertical-align: top;
	background: #f7f8fa;
	min-width: 250px;
	box-shadow: inset 0 0 5px 0 #d9d9d9
}
.article-search-header .article-search-keyword: focus {
	border-color: #019fde;
	background: #fff
}
.article-search-header .article-search-btn {
	position: absolute;
	right: 12px;
	top: 12px;
	color: #8b9195;
	font-size: 12px
}
.coupon-modal {
	padding: 16px
}
.coupon-modal img {
	margin: 8px 0 30px 0
}
.coupon-modal .btn {
	display: block;
	margin: 30px auto 0 auto
}
.invite-header {
	width: 100%;
	background: transparent url(../image/invite-header-bg.png) scroll no-repeat 50% 50%;
	background-size: cover;
	text-align: center
}
.invite-header .invite-header-inner {
	padding: 30px 0 50px 0
}
.invite-header .avatars-block {
	margin-bottom: 30px
}
.invite-header .avatars-block img {
	border: 1px solid #019fde;
	width: 100px;
	border-radius: 50%
}
.invite-header .invite-intro {
	width: 30%;
	margin-right: auto;
	margin-left: auto
}
.invite-header .invite-intro p {
	margin-bottom: 30px
}
.invite-header .invite-intro .title {
	margin-bottom: 16px
}
.invite-header .invite-intro i {
	font-size: 20px
}
.invite-header .coupon-container {
	position: relative;
	padding: 75px 0 40px 0
}
.invite-header .coupon-container .avatars-block {
	z-index: 20;
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -50px;
	margin-top: 0
}
.invite-header .coupon-container .coupon-block {
	margin: 0 auto;
	width: 705px;
	height: 200px;
	padding: 25px 50px;
	background: transparent url(../image/invite-coupon-header.png) scroll no-repeat 50% 50%
}
.invite-header .coupon-container .coupon-block p {
	margin-top: 8px
}
.invite-header .coupon-container .coupon-block p: first-child {
	margin-top: 0
}
.invite-header .coupon-container .coupon-block .btn {
	margin-top: 8px
}
.invite-header .coupon-container .coupon-intro {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: left;
	padding: 10px 30px 0 15px
}
.invite-header .coupon-container .coupon-code {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 160px
}
.invite-header .coupon-container .coupon-code .btn-disable: hover {
	color: #fff;
	background: #d3dee5;
	border-color: #d3dee5
}
.invite-header .coupon-container .coupon-code .btn-disable: focus {
	color: #fff;
	background: #d3dee5;
	border-color: #d3dee5;
	box-shadow: none
}
.invite-block-container {
	flex-flow: column
}
.invite-info {
	padding: 30px 0;
	text-align: center
}
.invite-info .invite-info-list {
	margin: 30px 24px 0 24px;
	display: flex
}
.invite-info .step {
	text-align: left;
	margin-right: 12%
}
.invite-info .step img {
	width: 80px;
	height: 80px
}
.invite-info .step .content {
	padding-left: 90px
}
.invite-info .step .title {
	margin-bottom: 8px
}
.invite-info .step: last-child {
	margin-right: 0
}
.invite-form {
	margin-bottom: 30px
}
.invite-form .input-group {
	display: flex
}
.invite-form .form-group {
	width: calc(100% - 150px);
	margin-right: 30px
}
.invite-form .form-group.has-error .form-control {
	border-color: #ff5b74
}
.invite-form .form-group.has-error .input-group .input-group-addon {
	background: #fff;
	border-right: 0;
	color: #019fde;
	border-color: #ff5b74
}
.invite-form .form-group .form-control-feedback {
	top: 11px;
	right: 30px;
	width: auto;
	font-size: 16px
}
.invite-form .form-group .form-control-feedback.success-msg {
	color: #019fde
}
.invite-form .input-group {
	width: 100%
}
.invite-form .input-group .input-group-addon {
	border-radius: 8px 0 0 8px;
	width: 90px;
	background: #fff;
	border: 1px solid #019fde;
	border-right: none;
	display: flex;
	align-items: center;
	justify-content: center
}
.invite-form .input-group .input-group-addon svg {
	fill: #019fde;
	height: 24px
}
.invite-form .form-control {
	border-radius: 8px;
	padding: 12px 30px 12px 0;
	width: 100%;
	height: auto;
	border-color: #019fde;
	border-left: 0;
	font-size: 20px
}
.invite-form .form-control: focus {
	box-shadow: none;
	border-left: 0
}
.invite-list.is-empty .empty-view {
	display: block
}
.invite-list.is-empty .list-box {
	display: none
}
.invite-list .empty-message {
	display: none;
	padding: 30px 0
}
.invite-list .list-box {
	border-radius: 10px;
	max-height: 500px;
	overflow-y: auto;
	box-shadow: 0 2px 4px 0 rgba(139,145,149,.5);
	padding: 20px;
	background: #fff
}
@media(max-width: 1040px) {
	.invite-list .list-box .desktop-link-area {
	display: none
}
}.invite-list .list-box .mobile-link-area {
	display: none
}
@media(max-width: 1040px) {
	.invite-list .list-box .mobile-link-area {
	display: block
}
}.invite-list .list-box .name {
	-webkit-flex: 3;
	-ms-flex: 3;
	flex: 3
}
.invite-list .list-box .name img {
	width: 80px;
	float: left;
	border: 1px solid #f7f8fa
}
.invite-list .list-box .name p {
	line-height: 80px;
	padding-left: 100px
}
.invite-list .list-box .code {
	display: flex;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	padding: 6px 20px;
	align-items: center;
	flex-direction: column;
	justify-content: center
}
.invite-list .list-box .code.disable {
	opacity: .5
}
.invite-list .list-box .code .tag {
	border-radius: 18px;
	margin-bottom: 10px;
	padding: 4px 20px;
	background: #fbe9cc;
	color: #ffa513;
	font-size: 20px;
	display: inline-block
}
.invite-list .list-box .code .tag.register {
	background: #caecfa;
	color: #019fde
}
.invite-list .list-box .code .tag .btn-icon {
	margin-left: 4px;
	color: #4c545a;
	vertical-align: top;
	line-height: 1.7em;
	padding: 0 4px
}
.invite-list .list-box .code .icon {
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #4c545a
}
.invite-list .list-box .link-area {
	border-radius: 5px;
	box-shadow: 0 2px 5px 0 rgba(139,145,149,.2);
	background: #fff;
	margin-top: 10px
}
.invite-list .list-box .link-area a {
	padding: 8px;
	display: inline-block
}
.invite-list .list-title {
	padding: 10px 30px 20px 30px
}
.invite-list .list-block {
	padding: 10px 30px;
	margin-bottom: 10px;
	background: #f7f8fa
}
@media(max-width: 991px) {
	.member-profile-header {
	background: transparent url(../image/profile-header-bg.png) scroll no-repeat 50% 50%;
	background-size: cover
}
.member-profile-header.loading .profile-block .loading-bar {
	margin-bottom: 10px
}
.member-profile-header.loading .profile-block .loading-bar: first-child {
	margin-bottom: 10px
}
.member-profile-header .member-profile-header-inner {
	padding: 10px
}
.member-profile-header .edit-profile-btn {
	top: 10px;
	right: 10px;
	display: block;
	font-size: 16px
}
.member-profile-header .edit-profile-btn i {
	font-size: 20px
}
.member-profile-header .avatars-block {
	width: 100px;
	height: 100px;
	margin-right: 10px
}
.member-profile-header .avatars-block .update-avatars-btn {
	height: auto
}
.member-profile-header .profile-block {
	padding-left: 110px
}
.member-profile-header .profile-block .name {
	font-size: 20px;
	line-height: 20px;
	margin-top: 5px
}
.member-profile-header .form-group: last-child {
	margin-bottom: 0
}
.member-profile-header .form-control {
	padding: 4px 8px;
	width: 80%
}
.member-profile-header .form-control.name {
	margin-top: 0
}
.member-profile-header .form-control.intro {
	height: 70px;
	max-height: 70px
}
.teacher-manage-content .container {
	padding-right: 0px;
	padding-left: 0px
}
.teacher-manage-content .non-login-div {
	padding: 35px 0;
	margin: 20px auto
}
.teacher-manage-content .crossing-title {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 15px
}
.my-course-tab {
	margin: 10px auto
}
.my-course-tab li {
	margin-left: 10px
}
.my-course-tab li.active .intro {
	display: block
}
.my-course-tab .title {
	padding: 20px 0;
	line-height: normal;
	font-size: 20px
}
.my-course-tab .title .icon {
	display: block;
	width: 36px;
	margin: 0px auto 6px auto
}
.my-course-tab .intro {
	padding: 16px 0;
	line-height: normal
}
.my-course-tab .intro .total {
	line-height: normal;
	font-size: 16px
}
.my-course-tab .intro .info {
	margin-top: 8px
}
.my-course-category {
	display: none
}
.member-facebook-container hr {
	width: 50vw;
	margin: 20px auto
}
.member-facebook-container form .radio {
	margin-top: 10px;
	margin-bottom: 10px
}
.my-collect-container {
	background: #f7f8fa
}
.my-collect-container .course-list {
	margin: 16px 0 0 0
}
.my-collect-container .course-list h2 {
	padding: 24px 10px;
	font-size: 20px;
	background: #fff
}
.my-collect-container .course-block {
	background: #fff;
	padding: 24px 10px;
	margin: 0px;
	flex-flow: wrap
}
.my-collect-container .course-block: last-child {
	padding-bottom: 24px
}
.my-collect-container .course-block .cover {
	width: 160px
}
.my-collect-container .course-block .content {
	margin: 0 0 0 10px
}
.my-collect-container .course-block .type-tag {
	margin: 8px 0px
}
.my-collect-container .course-block .title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 28px;
	line-height: 28px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.my-collect-container .course-block .price {
	margin-bottom: 0px
}
.my-collect-container .course-block .progress {
	width: 60%
}
.my-collect-container .course-block .status {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	min-width: inherit;
	width: 100%;
	margin-top: 16px;
	text-align: left
}
.my-collect-container .course-block .status .btn-full {
	width: 66%
}
.my-collect-container .course-block .course-info {
	margin-bottom: 16px
}
.my-collect-container .course-block .remove-btn {
	border: 1px solid #019fde;
	padding: 12px 32px;
	margin-bottom: 0px;
	margin-right: 5px
}
.my-collect-container .course-block .remove-btn svg {
	fill: #019fde;
	height: 1.7rem
}
.my-collect-container .data-loading {
	background: #fff;
	margin: 0 auto;
	padding: 30px 0;
	border: solid 1px #d3dee5;
	border-top: 0px
}
.my-wish-header {
	padding: 30px 16px
}
.my-wish-header img {
	height: 45px;
	margin-bottom: 24px
}
.my-wish-header span {
	font-size: 16px
}
.my-wish-form {
	padding: 30px 16px
}
.my-subscribe-container .page-title {
	border: none;
	padding: 24px 0;
	margin-bottom: 0;
	font-size: 20px
}
.my-subscribe-container .nav-tabs {
	float: none;
	margin-bottom: 24px
}
.my-subscribe-container .nav-tabs li {
	margin-right: 8px
}
.my-subscribe-container .nav-tabs li a {
	font-size: 16px;
	padding: 0 16px 16px 16px
}
.my-subscribe-container .block-title {
	font-size: 20px
}
.my-subscribe-container .refresh-btn {
	line-height: 24px
}
.recommend-teacher-list.full {
	margin: 0
}
.recommend-teacher-list.full .block {
	width: 100%;
	float: none;
	margin: 20px 0
}
.my-teacher-list {
	margin: 16px 0
}
.my-teacher-list .block {
	width: 95px
}
.my-teacher-list .avatars {
	width: 80px;
	height: 80px
}
.my-teacher-list .tag-block {
	top: 0;
	right: 0
}
.my-notification-list {
	max-height: 250px;
	margin-bottom: 24px
}
.my-notification-list .content {
	margin: 8px;
	font-size: 14px;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 40px;
	line-height: 20px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.my-notification-list .cover {
	margin: 8px
}
.my-notification-list .cover img {
	width: 100%
}
.my-notification-list .cover .type-tag {
	padding: 4px
}
.article-search-header {
	float: none;
	margin-bottom: 15px
}
.article-search-header .article-search-keyword {
	width: 100%
}
.explore-course-header {
	margin: 0 -16px
}
.explore-course-header.fixed {
	top: 0;
	width: 100%;
	height: 48px
}
.explore-course-header.fixed .mobile-explore-category {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	background: #f7f8fa
}
.explore-course-header.fixed .mobile-explore-category .title-inner {
	border-bottom: 1px solid #d3dee5;
	padding: 12px 10px
}
.explore-course-header.fixed2 .mobile-explore-category {
	top: 0px
}
.mobile-explore-category {
	margin-bottom: 16px
}
.mobile-explore-category.fixed {
	position: fixed;
	z-index: 10;
	top: 48px;
	left: 0px;
	width: 100%;
	background: #fff;
	box-shadow: 0 2px 4px 0 #d3dee5,inset 0 -1px 0 0 #d3dee5
}
.mobile-explore-category.fixed ul {
	background: #fff;
	display: flex
}
.mobile-explore-category.fixed ul .cover {
	display: flex
}
.mobile-explore-category.fixed .cover {
	display: block
}
.mobile-explore-category .cover {
	display: none;
	width: 100vw;
	height: 100vh;
	position: absolute
}
.mobile-explore-category .title-inner {
	padding: 24px 10px 16px 10px;
	border-bottom: 1px solid #d3dee5
}
.mobile-explore-category .title-inner h3 {
	font-size: 20px
}
.mobile-explore-category .title-inner h3 span {
	margin-left: 8px;
	font-size: 16px
}
.mobile-explore-category .title-inner .category-btn {
	color: #019fde
}
.mobile-explore-category .title-inner .category-btn.active {
	color: #019fde
}
.mobile-explore-category ul {
	display: none;
	flex-wrap: wrap;
	margin: 24px 10px
}
.mobile-explore-category ul li {
	border-radius: 5px;
	width: 31%;
	margin-bottom: 8px;
	margin-left: 3%;
	position: relative
}
.mobile-explore-category ul li: nth-child(3n+1) {
	margin-left: 0px
}
.mobile-explore-category ul li a {
	font-size: 16px;
	text-align: center;
	color: #fff
}
.mobile-explore-category ul li .cover {
	border-radius: 5px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%
}
.mobile-explore-category ul li img {
	border-radius: 5px;
	width: 100%
}
.mobile-explore-category ul li.active .cover,.mobile-explore-category ul li: hover .cover {
	background: rgba(1,42,61,.4)
}
.invite-header {
	background-image: url(../image/invite-mobile-header-bg.png)
}
.invite-header.coupon {
	background: transparent
}
.invite-header.coupon .invite-header-inner {
	padding: 0
}
.invite-header .invite-header-inner {
	padding: 30px 16px 16px 16px
}
.invite-header .invite-intro {
	width: 100%
}
.invite-header .invite-intro p {
	margin-bottom: 16px
}
.invite-header .invite-intro .title {
	margin-bottom: 10px
}
.invite-header .coupon-container {
	padding: 0
}
.invite-header .coupon-container .avatars-block {
	z-index: 10;
	top: 20px;
	left: 20px;
	margin-left: 0;
	margin-bottom: 0
}
.invite-header .coupon-container .coupon-block {
	background-image: url(../image/invite-mobile-coupon-header.png);
	background-size: 100% 100%;
	width: 100%;
	height: auto;
	flex-flow: column;
	padding: 20px
}
.invite-header .coupon-container .coupon-block p {
	margin-top: 4px
}
.invite-header .coupon-container .coupon-block .btn {
	margin-top: 20px;
	float: right
}
.invite-header .coupon-container .coupon-intro {
	padding: 10px 0 10px 130px
}
.invite-header .coupon-container .coupon-code {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	padding: 0 10px
}
.invite-header .coupon-container .coupon-code p {
	float: left;
	margin-top: 15px;
	margin-left: 10px
}
.invite-header .coupon-container .coupon-code p: first-child {
	margin-top: 15px
}
.invite-header .coupon-container .coupon-code p: last-child {
	margin-top: 0
}
.invite-block-container {
	padding-right: -16px;
	padding-left: -16px
}
.invite-block-container .crossing-title {
	color: #019fde
}
.invite-form {
	order: 1;
	margin-bottom: 10px
}
.invite-form .form-group {
	display: inline-block;
	width: calc(100% - 82px);
	margin-right: 10px
}
.invite-form .form-group .form-control-feedback {
	top: inherit;
	bottom: -32px;
	right: 0px
}
.invite-form .input-group .input-group-addon {
	border-radius: 5px 0 0 5px;
	padding: 10px 12px;
	width: 45px
}
.invite-form .form-control {
	border-radius: 5px;
	padding: 12px 30px 12px 0;
	font-size: 16px
}
.invite-form .btn {
	vertical-align: top
}
.invite-list {
	order: 2
}
.invite-list .list-box {
	border-radius: 0;
	max-height: inherit;
	box-shadow: none;
	padding: 10px 0;
	background: transparent;
	flex-flow: column
}
.invite-list .list-box .name {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.invite-list .list-box .name img {
	width: 40px;
	border-color: #d3dee5
}
.invite-list .list-box .name p {
	line-height: 40px;
	padding-left: 50px
}
.invite-list .list-box .code {
	text-align: left;
	padding: 6px 0 0 50px
}
.invite-list .list-box .code .tag {
	margin-top: 8px;
	margin-bottom: 16px;
	padding: 0px 10px;
	font-size: 16px
}
.invite-list .list-box .code .tag .btn-icon {
	margin-left: 4px;
	color: #4c545a;
	vertical-align: top
}
.invite-list .list-box .code .status {
	float: right;
	font-size: 12px;
	margin: 10px 0
}
.invite-list .list-box .code .icon {
	vertical-align: top;
	margin-bottom: 0;
	margin-left: 8px
}
.invite-list .list-box .link-area {
	border-radius: 0 0 5px 5px;
	margin: 0 -20px -20px -20px;
	box-shadow: none;
	background: #e5f7fe
}
.invite-list .list-box .link-area a {
	padding: 8px 0;
	text-align: center;
	width: 49%
}
.invite-list .list-block {
	border-radius: 8px;
	padding: 16px 20px;
	box-shadow: 0 1px 2px 0 rgba(139,145,149,.1);
	background: #fff;
	flex-flow: column
}
.invite-info {
	order: 3
}
.invite-info .invite-info-list {
	margin: 15px 30px 30px 30px;
	flex-direction: column
}
.invite-info .step {
	width: 100%;
	margin-right: 0;
	margin-bottom: 30px
}
.invite-info .step: last-child {
	margin-bottom: 0
}
.coupon-modal {
	padding-right: 16px;
	padding-left: 16px
}
.coupon-modal img {
	max-width: 100%;
	margin-bottom: 16px
}
.coupon-modal .btn {
	margin-top: 16px
}
.my-subscribe-header .num {
	margin-top: -20px;
	padding: 2.4px 5px 2.6px 5px;
	width: auto;
	min-width: 20px;
	font-size: 10px;
	line-height: 10px;
	border-radius: 10px;
	margin-left: -10px
}
}body.logout .is-login-t,body.logout .is-teacher-t {
	display: none
}
body.logout .is-teacher-f.is-blogger-t {
	display: none
}
body.logout .is-login-visible {
	visibility: hidden
}
body.login .is-login-f {
	display: none
}
body.login .is-login-visible {
	visibility: visible
}
body.login.student .is-teacher-t {
	display: none
}
body.login.student .is-blogger-t {
	display: none
}
body.login.student.blogger .is-teacher-t {
	display: none
}
body.login.student.blogger .is-teacher-f.is-blogger-f {
	display: none
}
body.login.student.blogger .is-teacher-f.is-blogger-t {
	display: inline-flex
}
body.login.teacher .is-teacher-f {
	display: none
}
body.login.teacher .is-blogger-t {
	display: none
}
body.login.offline .is-online-t {
	display: none
}
body.login.online .is-online-f {
	display: none
}
body.login.online .is-online-t {
	display: block
}
body.intro .is-intro-f {
	display: none
}
body: not(.intro) .is-intro-t {
	display: none
}
.cart-item-list .item .is-online-t,.cart-item-list .item .is-online-f {
	display: none
}
.cart-item-list .item.online .is-online-t,.cart-item-list .item.offline .is-online-f {
	display: inline-block
}
@media(max-width: 991px) {
	body.intro .is-intro-xs-t {
	display: inline-block !important
}
body.intro .is-intro-xs-f {
	display: none !important
}
}.search-page h3 {
	padding: 50px 0 16px 0;
	border-bottom: 1px solid #d3dee5;
	font-size: 36px
}
.search-page .page-wrapper {
	width: 1210px;
	padding: 0
}
@media(max-width: 1240px) {
	.search-page .page-wrapper {
	width: 1010px
}
}@media(max-width: 1040px) {
	.search-page .page-wrapper {
	width: 740px
}
}@media(max-width: 768px) {
	.search-page .page-wrapper {
	width: 568px
}
}@media(max-width: 567px) {
	.search-page .page-wrapper {
	width: 100%
}
}.search-page .empty-view {
	padding: 100px 0;
	line-height: 1.8;
	font-size: 20px
}
.search-page .block-title {
	margin: 30px 0;
	padding: 0px;
	font-size: 24px
}
.search-page .teacher-list.active .item {
	display: inline-block;
	margin-bottom: 30px
}
.search-page .teacher-list .item {
	color: #4c545a;
	width: 170px;
	display: none;
	margin-left: 20px;
	margin-bottom: 16px
}
.search-page .teacher-list .item: nth-child(6n+1) {
	margin-left: 0px
}
.search-page .teacher-list .item: nth-child(-n+6) {
	display: inline-block
}
.search-page .teacher-list .item: hover .avatars img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2)
}
.search-page .teacher-list .avatars {
	overflow: hidden;
	margin-bottom: 16px;
	border-radius: 50%
}
.search-page .teacher-list .avatars img {
	width: 100%;
	transition: transform .3s;
	-webkit-transition: transform .3s
}
.search-page .teacher-list .name {
	font-size: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.result-list.teacher {
	padding-bottom: 16px;
	border-bottom: 1px solid #d3dee5
}
@media(max-width: 991px) {
	.search-page .container {
	padding: 0px 10px
}
.search-page h3 {
	font-size: 20px;
	padding: 16px 0
}
.search-page .empty-view {
	line-height: 1.7;
	font-size: 16px
}
.search-page .block-title {
	margin: 24px 0;
	font-size: 20px
}
.search-page .teacher-list {
	padding: 0px
}
.search-page .teacher-list.active .item {
	display: inline-block;
	margin-bottom: 30px
}
.search-page .teacher-list .item {
	margin-bottom: 24px;
	margin-left: 3%;
	width: 30%;
	vertical-align: top
}
.search-page .teacher-list .item: hover .avatars img {
	transform: none;
	-webkit-transform: none
}
.search-page .teacher-list .item: nth-child(6n+1) {
	margin-left: 3%
}
.search-page .teacher-list .item: nth-child(3n+1) {
	margin-left: 0px
}
.search-page .teacher-list .avatars {
	margin-bottom: 8px
}
.search-page .teacher-list .avatars img {
	transition: none;
	-webkit-transition: none
}
.search-page .teacher-list .name {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 44px;
	line-height: 22px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	font-size: 16px;
	white-space: normal
}
}.quiz-list,.quiz-form-container {
	padding: 0 15px
}
.quiz-header {
	display: flex;
	color: #fff;
	font-size: 20px;
	line-height: 1.5
}
@media(max-width: 576px) {
	.quiz-header {
	flex-direction: column
}
}.quiz-title {
	margin-right: auto
}
@media(max-width: 576px) {
	.quiz-title {
	margin-bottom: 10px;
	max-width: 80vw;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
}.quiz-threshold {
	display: flex;
	align-items: center;
	color: #d3dee5;
	font-size: 16px;
	line-height: 1.25
}
.quiz-threshold--icon {
	margin-right: 8px
}
.quiz-goal {
	margin-bottom: 53px
}
.quiz-goal-input {
	width: 48px;
	height: 48px;
	border: solid 1px #d3dee5;
	border-radius: 5px;
	background-color: #fff;
	padding: 13px 10px;
	text-align: center;
	margin: 0 16px
}
.quiz-question-list {
	background-color: #f7f8fa;
	padding: 0 16px 24px 16px
}
.quiz-question-list--container {
	padding: 0 15px;
	margin-top: -24px
}
.quiz-question-list--container .no-quiz-block {
	padding: 60px 0;
	border: 1px dashed #d3dee5;
	background-color: #fff
}
.quiz-question-list--container .no-quiz-block img {
	margin: 0 auto
}
.quiz-question-list__num {
	margin-bottom: 8px
}
.quiz-popover {
	border-radius: 5px;
	padding: 11px 8px;
	text-align: center;
	font-size: 16px;
	font-weight: 300;
	font-family: "Noto Sans TC",Helvetica;
	position: absolute;
	background-color: #ff5b74;
	width: 167px;
	color: #fff;
	top: 50px;
	left: -73px;
	z-index: 30
}
.quiz-popover .popover-content {
	padding: 0;
	line-height: 24px
}
.quiz-popover .popover-content p {
	height: 24px;
	transform: translateY(-2px)
}
.quiz-popover: hover {
	color: #fff
}
.quiz-popover: before {
	content: "";
	display: inline-block;
	background-color: #ff5b74;
	-webkit-clip-path: polygon(50% 0%, 1% 45%, 100% 45%);
	clip-path: polygon(50% 0%, 1% 45%, 100% 45%);
	width: 30px;
	height: 30px;
	position: absolute;
	top: -12px;
	left: 43%
}
.js-quiz-buttons {
	padding: 30px 0px;
	background-color: #f7f8fe;
	position: absolute;
	width: 920px;
	left: 0;
	bottom: -100px
}
.quiz-modal-text {
	margin-bottom: 24px;
	font-size: 20px;
	line-height: 1.7
}
.quiz-group__container {
	display: flex;
	align-items: center;
	margin-bottom: 16px
}
.quiz-group__delete {
	font-size: 16px;
	line-height: 22px;
	color: #8b9195;
	text-align: right;
	cursor: pointer
}
.quiz-group__trash {
	font-size: 24px;
	margin-right: 4px;
	padding: 3px;
	transform: translateY(2.5px)
}
.quiz-group__inside {
	background-color: #f7f8fa;
	padding: 24px 16px
}
.quiz-group__btn {
	color: #019fde;
	border-color: #019fde;
	font-size: 20px;
	line-height: 28px;
	padding: 6px 30px;
	border-radius: 30px;
	margin-right: 16px
}
.quiz-group__btn: hover {
	background-color: #019fde;
	color: #fff
}
.quiz-group__btn--active {
	background-color: #019fde;
	color: #fff;
	position: relative
}
.quiz-group__btn--active: : after {
	content: "";
	display: inline-block;
	background-color: #f7f8fa;
	width: 30px;
	height: 20px;
	position: absolute;
	top: 45px;
	left: 51px;
	-webkit-clip-path: polygon(50% 0%, 1% 76%, 100% 76%);
	clip-path: polygon(50% 0%, 1% 76%, 100% 76%)
}
.quiz-group__sm-btn {
	padding: 8px 20px;
	height: 42px
}
.quiz-group__sm-btn .fa-plus {
	height: 24px
}
.quiz-form-title {
	display: flex;
	align-items: center;
	margin-bottom: 53px
}
.quiz-form-title-unit {
	font-size: 20px;
	font-weight: 600;
	color: #019fde;
	line-height: 28px;
	background-color: #ccecf8;
	padding: 8px 16px;
	margin-right: 16px
}
.quiz-form-title-text {
	color: #4c545a;
	font-size: 16px;
	max-width: 700px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal
}
.quiz-form .select-group {
	margin-bottom: 30px
}
.quiz-form .select-group .control-label {
	font-weight: normal;
	padding: 0 0 0 15px;
	line-height: 50px;
	text-align: left
}
.quiz-form .select-group select {
	border-radius: 5px;
	font-size: 16px;
	padding: 12px 16px;
	height: auto
}
.quiz-form .quiz-type-block {
	background: #ccecf8;
	margin: 8px 0 30px 0;
	padding: 30px
}
.quiz-type-list .type-block {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 30px;
	cursor: pointer
}
.quiz-type-list .type-block: last-child {
	margin-right: 0px
}
.quiz-type-list .type-block label {
	border-radius: 5px;
	border: 1px solid #019fde;
	color: #019fde;
	background: #fff;
	font-weight: normal;
	width: 100%;
	margin-bottom: 0px
}
.quiz-type-list .type-block input: checked+label {
	background: #019fde;
	color: #fff
}
.quiz-type-list .type-block .title {
	padding: 10px 0;
	font-size: 20px
}
.quiz-type-list .type-block .title i {
	font-size: 20px;
	margin-right: 8px
}
.quiz-form-block {
	margin-top: 16px
}
.quiz-form-block .quiz-title {
	font-size: 20px;
	margin-bottom: 8px
}
.quiz-form-block .option-info {
	display: inline;
	padding-left: 25px
}
.quiz-form-block .control-label {
	font-weight: normal;
	margin-bottom: 8px
}
.quiz-form-block .error-msg {
	margin-bottom: 0px;
	padding-top: 0px
}
.quiz-form-block input {
	padding: 12px 16px;
	color: #4c545a;
	height: auto;
	font-size: 16px
}
.quiz-form-block textarea {
	padding: 12px 16px;
	min-height: 48px;
	font-size: 16px
}
.quiz-form-block .radio .option-info {
	padding-left: 35px
}
.quiz-form-block .option-group {
	border-radius: 5px;
	border: 1px solid #d3dee5;
	background: #fff;
	padding: 12px 16px;
	margin-bottom: 8px
}
.quiz-form-block .option-group label {
	width: 100%
}
.quiz-form-block .option-group .form-control {
	padding: 0px;
	padding-left: 20px;
	border: none
}
.quiz-form-block .form-group {
	margin-right: 0;
	margin-left: 0
}
.quiz-form-block .form-group.has-error {
	margin-bottom: 0px
}
.quiz-form-block .form-group.has-error .control-label,.quiz-form-block .form-group.has-error .option-info {
	color: #8b9195
}
.quiz-form-block .form-group.has-error .error-msg {
	color: #ff5b74
}
.quiz-form-block .form-group.has-error .option-group .form-control {
	border: none;
	box-shadow: none
}
.quiz-form-list .form-group {
	pointer-events: none
}
.quiz-form-list .quiz-form-block {
	margin-bottom: 30px
}
.quiz-form-list .quiz-form-block .quiz-form-block-inner {
	position: relative;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 16px;
	background: #f7f8fa
}
.quiz-form-list .quiz-form-block .delete-quiz-div {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	margin-left: 12px;
	cursor: pointer
}
.quiz-form-list .quiz-form-block .delete-quiz-div .delete-btn {
	font-size: 20px;
	color: #d3dee5
}
.quiz-form-list .quiz-form-block .delete-quiz-div: hover .delete-btn {
	color: #019fde
}
.quiz-form-list .quiz-form-block .edit-quiz-link {
	position: absolute;
	font-size: 16px;
	top: 15px;
	right: 40px
}
.quiz-form-list .quiz-form-block .ui-sortable-handle {
	position: absolute;
	top: 15px;
	right: 15px
}
.quiz-form-list .quiz-form-block .ui-sortable-handle i {
	font-size: 20px;
	color: #d3dee5
}
.quiz-form-list .quiz-form-block .ui-sortable-handle i: hover {
	color: #019fde
}
.quiz-form-list .quiz-form-block: last-child {
	margin-bottom: 0px
}
@keyframes placeHolderShimmer {
	0% {
	background-position: -468px 0
}
100% {
	background-position: 468px 0
}
}.pre-unit-block .chapter {
	height: 64px;
	padding: 16px;
	background-color: #000
}
.pre-unit-block .unit {
	height: 82px;
	padding: 16px;
	background-color: #222
}
.animated-background {
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background: #333;
	background: linear-gradient(to right, #444 8%, #666 18%, #444 33%);
	background-size: 800px 104px;
	height: 16px;
	position: relative;
	margin-bottom: 8px
}
.chapter .animated-background {
	height: 16px
}
.chapter .animated-background: first-child {
	width: 100px
}
.chapter .animated-background: last-child {
	width: 300px;
	margin-bottom: 0
}
.unit .animated-background {
	height: 18px
}
.unit .animated-background: first-child {
	width: 418px
}
.unit .animated-background: last-child {
	width: 35px;
	margin-bottom: 0
}
.background-masker {
	background: #222;
	position: absolute
}
.jwplayer {
	max-height: 100%
}
.jwplayer.jw-state-idle .jw-controls {
	background: transparent
}
.jwplayer.jw-state-idle .jw-controls-backdrop {
	background: transparent;
	transition: inherit
}
.jwplayer .jw-controls .jw-display-controls .jw-icon-display {
	background-color: rgba(0,0,0,.8);
	border-radius: 50%
}
.jwplayer .jw-controls .jw-display-controls .jw-icon-display svg {
	width: 48px;
	height: 48px;
	line-height: 48px
}
.jwplayer .jw-preview {
	background-size: cover
}
.jwplayer .progress-tag {
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 12px;
	padding: 0 5px;
	line-height: normal;
	text-align: center
}
.jwplayer .progress-tag: after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 5px;
	margin-left: -5px
}
.jwplayer .progress-tag.last {
	-webkit-animation: updown ease 1.5s infinite;
	-moz-animation: updown ease 1.5s infinite;
	-o-animation: updown ease 1.5s infinite;
	animation: updown ease 1.5s infinite;
	background: #ffc669;
	color: #fff
}
.jwplayer .progress-tag.last: after {
	border-top-color: #ffc669
}
.jwplayer .progress-tag.current,.jwplayer .progress-tag.note {
	background: #019fde;
	color: #fff
}
.jwplayer .progress-tag.current: after,.jwplayer .progress-tag.note: after {
	border-top-color: #019fde
}
.jwplayer .jw-settings-topbar .jw-icon,.jwplayer .jw-settings-topbar .jw-icon[aria-checked=false] {
	opacity: .6
}
.jwplayer .jw-settings-topbar .jw-icon: hover,.jwplayer .jw-settings-topbar .jw-icon[aria-checked=false]: hover {
	opacity: 1
}
.jwplayer .jw-settings-topbar .jw-icon[aria-checked=true] {
	opacity: 1
}
.jwplayer .jw-settings-submenu-button {
	opacity: .6
}
.jwplayer .jw-settings-submenu-button: hover {
	opacity: 1
}
.jwplayer .jw-icon-settings.guide {
	pointer-events: none;
	z-index: 50
}
.jwplayer .jw-icon-settings.guide: : after {
	background-image: url("../image/icon/player/nut.svg")
}
.jwplayer .jw-icon-airplay {
	display: none !important
}
.jwplayer .jw-svg-icon-quality-100,.jwplayer .jw-svg-icon-cc-on,.jwplayer .jw-svg-icon-cc-off {
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: 50% 50%
}
.jwplayer .jw-svg-icon-quality-100 path,.jwplayer .jw-svg-icon-cc-on path,.jwplayer .jw-svg-icon-cc-off path {
	display: none
}
.jwplayer .jw-icon-captions-size,.jwplayer .jw-icon-report-size {
	max-height: 18px
}
.jwplayer .jw-icon-report-size .jw-button-image {
	max-height: 18px
}
.jwplayer .jw-settings-menu .jw-svg-icon-quality-100,.jwplayer .jw-settings-menu .jw-svg-icon-cc-on,.jwplayer .jw-settings-menu .jw-svg-icon-cc-off {
	opacity: 1
}
.jwplayer .jw-svg-icon-quality-100 {
	background-image: url("../image/icon/player/quality.svg")
}
.jwplayer .jw-svg-icon-cc-on,.jwplayer .jw-svg-icon-cc-off {
	background-image: url("../image/icon/player/cc.svg")
}
.jwplayer .jw-button-container {
	position: relative
}
.jwplayer .jw-captions {
	max-height: 100%
}
.jwplayer .jw-captions .jw-text-track-display {
	top: auto !important;
	bottom: -15px !important
}
.jwplayer .jw-captions.bottom .jw-text-track-display {
	top: auto !important;
	bottom: -15px !important
}
.jwplayer .jw-captions.top .jw-text-track-display {
	top: -6px !important;
	bottom: auto !important
}
.jwplayer .jw-aptions-menu {
	position: absolute;
	width: 96px;
	height: auto;
	text-align: center;
	font-size: 14px;
	z-index: 20;
	bottom: 60px
}
.jwplayer .jw-aptions-menu .menu-title {
	cursor: inherit;
	padding: 16px 0;
	background: #000;
	color: #fff;
	font-size: 16px
}
.jwplayer .jw-aptions-menu .menu-list {
	cursor: pointer;
	background: #222;
	color: #8b9195;
	padding: 15px
}
.jwplayer .jw-aptions-menu .menu-list: hover {
	color: #fff
}
.jwplayer .jw-aptions-menu.captionsSize {
	right: 117.5px
}
.jwplayer .jw-aptions-menu.captionsPosition {
	right: 161.5px
}
.player-page {
	position: relative;
	height: 100%
}
.player-bg {
	background: #000 url(../image/player-bg.svg?v=0925) scroll no-repeat 50% 50%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0
}
.lecture-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 82px;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
	z-index: 20;
	display: none
}
.jw-state-paused~.lecture-bg {
	display: block
}
.lecture-title {
	position: absolute;
	left: 32px;
	top: 24px;
	font-size: 16px;
	color: #fff
}
.player-cover-container,.player-content-container,.player-quiz-container,.player-guide-container,.player-end-container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 30;
	background-color: rgba(0,0,0,.8)
}
.player-cover-container .loading,.player-content-container .loading,.player-quiz-container .loading,.player-guide-container .loading,.player-end-container .loading {
	font-size: 16px
}
.player-cover-container .next-title,.player-content-container .next-title,.player-quiz-container .next-title,.player-guide-container .next-title,.player-end-container .next-title {
	font-size: 20px;
	color: #fff;
	margin-top: 16px;
	margin-bottom: 30px
}
.player-cover-container .course-list-block,.player-content-container .course-list-block,.player-quiz-container .course-list-block,.player-guide-container .course-list-block,.player-end-container .course-list-block {
	width: 90%
}
.player-cover-container .course-list-block .course-card-list,.player-content-container .course-list-block .course-card-list,.player-quiz-container .course-list-block .course-card-list,.player-guide-container .course-list-block .course-card-list,.player-end-container .course-list-block .course-card-list {
	text-align: center
}
.player-cover-container .course-list-block .course-card-list .course-card,.player-content-container .course-list-block .course-card-list .course-card,.player-quiz-container .course-list-block .course-card-list .course-card,.player-guide-container .course-list-block .course-card-list .course-card,.player-end-container .course-list-block .course-card-list .course-card {
	text-align: left
}
.player-cover-container .manage-block,.player-content-container .manage-block,.player-quiz-container .manage-block,.player-guide-container .manage-block,.player-end-container .manage-block {
	width: 50%
}
.player-cover-container .manage-block p,.player-content-container .manage-block p,.player-quiz-container .manage-block p,.player-guide-container .manage-block p,.player-end-container .manage-block p {
	font-size: 16px;
	color: #8b9195;
	margin-bottom: 16px
}
.player-cover-container .manage-block p.title,.player-content-container .manage-block p.title,.player-quiz-container .manage-block p.title,.player-guide-container .manage-block p.title,.player-end-container .manage-block p.title {
	font-size: 20px;
	color: #fff;
	margin-bottom: 30px
}
.player-cover-container .manage-block .manage-block-list,.player-content-container .manage-block .manage-block-list,.player-quiz-container .manage-block .manage-block-list,.player-guide-container .manage-block .manage-block-list,.player-end-container .manage-block .manage-block-list {
	display: flex
}
.player-cover-container .manage-block .manage-block-list li,.player-content-container .manage-block .manage-block-list li,.player-quiz-container .manage-block .manage-block-list li,.player-guide-container .manage-block .manage-block-list li,.player-end-container .manage-block .manage-block-list li {
	flex: 1
}
.player-cover-container .play-icon,.player-content-container .play-icon,.player-quiz-container .play-icon,.player-guide-container .play-icon,.player-end-container .play-icon {
	border-radius: 50%;
	width: 60px;
	height: 60px;
	padding: 0px;
	background: #000;
	color: #fff
}
.player-cover-container .play-icon i,.player-content-container .play-icon i,.player-quiz-container .play-icon i,.player-guide-container .play-icon i,.player-end-container .play-icon i {
	font-size: 26px
}
.player-cover-container .play-icon: hover,.player-content-container .play-icon: hover,.player-quiz-container .play-icon: hover,.player-guide-container .play-icon: hover,.player-end-container .play-icon: hover {
	background: #019fde
}
.player-cover-container .close-btn,.player-content-container .close-btn,.player-quiz-container .close-btn,.player-guide-container .close-btn,.player-end-container .close-btn {
	position: absolute;
	top: 19px;
	right: 18px;
	color: #fff;
	padding: 0
}
.player-cover-container .close-btn i,.player-content-container .close-btn i,.player-quiz-container .close-btn i,.player-guide-container .close-btn i,.player-end-container .close-btn i {
	width: 20px;
	font-size: 20px
}
.player-cover-container .guide-icon,.player-content-container .guide-icon,.player-quiz-container .guide-icon,.player-guide-container .guide-icon,.player-end-container .guide-icon {
	border-radius: 100%;
	width: 44px;
	height: 44px;
	position: absolute;
	border: 1px solid #fff;
	display: none
}
.player-cover-container .guide-icon.icon,.player-content-container .guide-icon.icon,.player-quiz-container .guide-icon.icon,.player-guide-container .guide-icon.icon,.player-end-container .guide-icon.icon {
	display: inherit
}
.player-cover-container .guide-icon img,.player-content-container .guide-icon img,.player-quiz-container .guide-icon img,.player-guide-container .guide-icon img,.player-end-container .guide-icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 18px;
	height: 18px
}
.player-cover-container .guide__card,.player-content-container .guide__card,.player-quiz-container .guide__card,.player-guide-container .guide__card,.player-end-container .guide__card {
	border-radius: 5px;
	background-color: #fff;
	min-width: 370px;
	min-height: 244px;
	width: 20vw;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 16px;
	font-size: 16px
}
.player-cover-container .guide__pages,.player-content-container .guide__pages,.player-quiz-container .guide__pages,.player-guide-container .guide__pages,.player-end-container .guide__pages {
	padding: 0;
	margin-bottom: 24px;
	display: flex;
	align-items: center
}
.player-cover-container .page__icon,.player-content-container .page__icon,.player-quiz-container .page__icon,.player-guide-container .page__icon,.player-end-container .page__icon {
	font-size: 26px;
	opacity: 0;
	margin-right: 3px
}
.player-cover-container .page__icon.isBack,.player-content-container .page__icon.isBack,.player-quiz-container .page__icon.isBack,.player-guide-container .page__icon.isBack,.player-end-container .page__icon.isBack {
	opacity: 1;
	cursor: pointer
}
.player-cover-container .guide__container,.player-content-container .guide__container,.player-quiz-container .guide__container,.player-guide-container .guide__container,.player-end-container .guide__container {
	display: flex;
	margin-bottom: 24px
}
.player-cover-container .guide__detial,.player-content-container .guide__detial,.player-quiz-container .guide__detial,.player-guide-container .guide__detial,.player-end-container .guide__detial {
	flex: 1
}
.player-cover-container .guide__title,.player-content-container .guide__title,.player-quiz-container .guide__title,.player-guide-container .guide__title,.player-end-container .guide__title {
	font-size: 20px;
	line-height: 27px;
	margin-bottom: 8px;
	display: flex;
	align-items: center
}
.player-cover-container .guide__title .title,.player-content-container .guide__title .title,.player-quiz-container .guide__title .title,.player-guide-container .guide__title .title,.player-end-container .guide__title .title {
	color: #4c545a
}
.player-cover-container .guide__title .newTag,.player-content-container .guide__title .newTag,.player-quiz-container .guide__title .newTag,.player-guide-container .guide__title .newTag,.player-end-container .guide__title .newTag {
	border-radius: 5px;
	width: 39px;
	height: 24px;
	background-color: #ff5b74;
	color: #fff;
	margin-left: 8px;
	text-align: center;
	font-size: 12px;
	display: inline-block
}
.player-cover-container .guide__content,.player-content-container .guide__content,.player-quiz-container .guide__content,.player-guide-container .guide__content,.player-end-container .guide__content {
	font-size: 16px;
	line-height: 27px;
	color: #8b9195
}
.player-cover-container .guide__content .hint,.player-content-container .guide__content .hint,.player-quiz-container .guide__content .hint,.player-guide-container .guide__content .hint,.player-end-container .guide__content .hint {
	color: #4c545a
}
.player-cover-container .guide__images,.player-content-container .guide__images,.player-quiz-container .guide__images,.player-guide-container .guide__images,.player-end-container .guide__images {
	flex: 0 1 auto;
	width: 80px;
	height: 80px;
	margin-left: 8px;
	position: relative
}
.player-cover-container .guide__images img,.player-content-container .guide__images img,.player-quiz-container .guide__images img,.player-guide-container .guide__images img,.player-end-container .guide__images img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto
}
.player-cover-container .guide__btnGroups,.player-content-container .guide__btnGroups,.player-quiz-container .guide__btnGroups,.player-guide-container .guide__btnGroups,.player-end-container .guide__btnGroups {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 16px;
	justify-content: flex-end
}
.player-cover-container .quiz-container,.player-content-container .quiz-container,.player-quiz-container .quiz-container,.player-guide-container .quiz-container,.player-end-container .quiz-container {
	width: calc(100% - 120px);
	margin: 0 60px;
	color: #fff
}
.player-cover-container .quiz-container h2,.player-content-container .quiz-container h2,.player-quiz-container .quiz-container h2,.player-guide-container .quiz-container h2,.player-end-container .quiz-container h2 {
	font-size: 20px;
	font-weight: normal;
	padding: 16px 0
}
.player-cover-container .quiz-container .quiz-list,.player-content-container .quiz-container .quiz-list,.player-quiz-container .quiz-container .quiz-list,.player-guide-container .quiz-container .quiz-list,.player-end-container .quiz-container .quiz-list {
	height: calc(100vh - 213px);
	overflow-y: auto;
	padding: 0
}
.player-cover-container .quiz-container .quiz-list.classroom,.player-content-container .quiz-container .quiz-list.classroom,.player-quiz-container .quiz-container .quiz-list.classroom,.player-guide-container .quiz-container .quiz-list.classroom,.player-end-container .quiz-container .quiz-list.classroom {
	max-width: 910px;
	width: 78%;
	margin: 0 auto;
	overflow-y: inherit;
	max-height: inherit;
	color: #4c545a
}
.player-cover-container .quiz-container .quiz-list.classroom .quiz-form-block,.player-content-container .quiz-container .quiz-list.classroom .quiz-form-block,.player-quiz-container .quiz-container .quiz-list.classroom .quiz-form-block,.player-guide-container .quiz-container .quiz-list.classroom .quiz-form-block,.player-end-container .quiz-container .quiz-list.classroom .quiz-form-block {
	border-color: #d3dee5;
	padding: 30px 0;
	margin: 0
}
.player-cover-container .quiz-container .quiz-list.classroom .quiz-form-block: before,.player-content-container .quiz-container .quiz-list.classroom .quiz-form-block: before,.player-quiz-container .quiz-container .quiz-list.classroom .quiz-form-block: before,.player-guide-container .quiz-container .quiz-list.classroom .quiz-form-block: before,.player-end-container .quiz-container .quiz-list.classroom .quiz-form-block: before {
	top: 40px
}
.player-cover-container .quiz-container .quiz-list.classroom .quiz-form-block .title,.player-content-container .quiz-container .quiz-list.classroom .quiz-form-block .title,.player-quiz-container .quiz-container .quiz-list.classroom .quiz-form-block .title,.player-guide-container .quiz-container .quiz-list.classroom .quiz-form-block .title,.player-end-container .quiz-container .quiz-list.classroom .quiz-form-block .title {
	font-size: 20px;
	margin: 0
}
.player-cover-container .quiz-container .quiz-list.classroom .quiz-form-block .title,.player-cover-container .quiz-container .quiz-list.classroom .quiz-form-block .question,.player-content-container .quiz-container .quiz-list.classroom .quiz-form-block .title,.player-content-container .quiz-container .quiz-list.classroom .quiz-form-block .question,.player-quiz-container .quiz-container .quiz-list.classroom .quiz-form-block .title,.player-quiz-container .quiz-container .quiz-list.classroom .quiz-form-block .question,.player-guide-container .quiz-container .quiz-list.classroom .quiz-form-block .title,.player-guide-container .quiz-container .quiz-list.classroom .quiz-form-block .question,.player-end-container .quiz-container .quiz-list.classroom .quiz-form-block .title,.player-end-container .quiz-container .quiz-list.classroom .quiz-form-block .question {
	padding: 10px 0
}
.player-cover-container .quiz-container .quiz-list.classroom .quiz-form-block .form-group,.player-content-container .quiz-container .quiz-list.classroom .quiz-form-block .form-group,.player-quiz-container .quiz-container .quiz-list.classroom .quiz-form-block .form-group,.player-guide-container .quiz-container .quiz-list.classroom .quiz-form-block .form-group,.player-end-container .quiz-container .quiz-list.classroom .quiz-form-block .form-group {
	margin-bottom: 0px
}
.player-cover-container .quiz-container .quiz-list.classroom .quiz-form-block .remark,.player-content-container .quiz-container .quiz-list.classroom .quiz-form-block .remark,.player-quiz-container .quiz-container .quiz-list.classroom .quiz-form-block .remark,.player-guide-container .quiz-container .quiz-list.classroom .quiz-form-block .remark,.player-end-container .quiz-container .quiz-list.classroom .quiz-form-block .remark {
	background: #f1f8fd;
	color: #4c545a
}
.player-cover-container .quiz-container .quiz-list.classroom .quiz-form-block .remark .title,.player-content-container .quiz-container .quiz-list.classroom .quiz-form-block .remark .title,.player-quiz-container .quiz-container .quiz-list.classroom .quiz-form-block .remark .title,.player-guide-container .quiz-container .quiz-list.classroom .quiz-form-block .remark .title,.player-end-container .quiz-container .quiz-list.classroom .quiz-form-block .remark .title {
	line-height: normal;
	color: #019fde
}
.player-cover-container .quiz-container .quiz-list.classroom .btn-area,.player-content-container .quiz-container .quiz-list.classroom .btn-area,.player-quiz-container .quiz-container .quiz-list.classroom .btn-area,.player-guide-container .quiz-container .quiz-list.classroom .btn-area,.player-end-container .quiz-container .quiz-list.classroom .btn-area {
	padding: 16px 0 30px 0;
	margin-right: 0px
}
.player-cover-container .quiz-container .quiz-list.active .btn-area .btn-submit,.player-content-container .quiz-container .quiz-list.active .btn-area .btn-submit,.player-quiz-container .quiz-container .quiz-list.active .btn-area .btn-submit,.player-guide-container .quiz-container .quiz-list.active .btn-area .btn-submit,.player-end-container .quiz-container .quiz-list.active .btn-area .btn-submit {
	display: none
}
.player-cover-container .quiz-container .quiz-list.active .btn-area .btn-active,.player-content-container .quiz-container .quiz-list.active .btn-area .btn-active,.player-quiz-container .quiz-container .quiz-list.active .btn-area .btn-active,.player-guide-container .quiz-container .quiz-list.active .btn-area .btn-active,.player-end-container .quiz-container .quiz-list.active .btn-area .btn-active {
	display: block
}
.player-cover-container .quiz-container .quiz-list.active .quiz-form-block .radio .correct-tag,.player-cover-container .quiz-container .quiz-list.active .quiz-form-block .checkbox .correct-tag,.player-content-container .quiz-container .quiz-list.active .quiz-form-block .radio .correct-tag,.player-content-container .quiz-container .quiz-list.active .quiz-form-block .checkbox .correct-tag,.player-quiz-container .quiz-container .quiz-list.active .quiz-form-block .radio .correct-tag,.player-quiz-container .quiz-container .quiz-list.active .quiz-form-block .checkbox .correct-tag,.player-guide-container .quiz-container .quiz-list.active .quiz-form-block .radio .correct-tag,.player-guide-container .quiz-container .quiz-list.active .quiz-form-block .checkbox .correct-tag,.player-end-container .quiz-container .quiz-list.active .quiz-form-block .radio .correct-tag,.player-end-container .quiz-container .quiz-list.active .quiz-form-block .checkbox .correct-tag {
	display: inline-block
}
.player-cover-container .quiz-container .quiz-list.active .quiz-form-block .remark,.player-content-container .quiz-container .quiz-list.active .quiz-form-block .remark,.player-quiz-container .quiz-container .quiz-list.active .quiz-form-block .remark,.player-guide-container .quiz-container .quiz-list.active .quiz-form-block .remark,.player-end-container .quiz-container .quiz-list.active .quiz-form-block .remark {
	display: block
}
.player-cover-container .quiz-container .quiz-list .quiz-form-block,.player-content-container .quiz-container .quiz-list .quiz-form-block,.player-quiz-container .quiz-container .quiz-list .quiz-form-block,.player-guide-container .quiz-container .quiz-list .quiz-form-block,.player-end-container .quiz-container .quiz-list .quiz-form-block {
	position: relative;
	border-bottom: 1px solid #4c545a;
	padding: 16px 0;
	margin-right: 10px;
	margin-top: 0px
}
.player-cover-container .quiz-container .quiz-list .quiz-form-block: before,.player-content-container .quiz-container .quiz-list .quiz-form-block: before,.player-quiz-container .quiz-container .quiz-list .quiz-form-block: before,.player-guide-container .quiz-container .quiz-list .quiz-form-block: before,.player-end-container .quiz-container .quiz-list .quiz-form-block: before {
	position: absolute;
	font-family: FontAwesome;
	top: 16px;
	width: 20px;
	font-size: 20px
}
.player-cover-container .quiz-container .quiz-list .quiz-form-block.is-correct: before,.player-content-container .quiz-container .quiz-list .quiz-form-block.is-correct: before,.player-quiz-container .quiz-container .quiz-list .quiz-form-block.is-correct: before,.player-guide-container .quiz-container .quiz-list .quiz-form-block.is-correct: before,.player-end-container .quiz-container .quiz-list .quiz-form-block.is-correct: before {
	content: "";
	color: #6c9
}
.player-cover-container .quiz-container .quiz-list .quiz-form-block.is-correct .title,.player-content-container .quiz-container .quiz-list .quiz-form-block.is-correct .title,.player-quiz-container .quiz-container .quiz-list .quiz-form-block.is-correct .title,.player-guide-container .quiz-container .quiz-list .quiz-form-block.is-correct .title,.player-end-container .quiz-container .quiz-list .quiz-form-block.is-correct .title {
	text-indent: 30px
}
.player-cover-container .quiz-container .quiz-list .quiz-form-block.is-fail: before,.player-content-container .quiz-container .quiz-list .quiz-form-block.is-fail: before,.player-quiz-container .quiz-container .quiz-list .quiz-form-block.is-fail: before,.player-guide-container .quiz-container .quiz-list .quiz-form-block.is-fail: before,.player-end-container .quiz-container .quiz-list .quiz-form-block.is-fail: before {
	content: "";
	color: #ff5b74
}
.player-cover-container .quiz-container .quiz-list .quiz-form-block.is-fail .title,.player-content-container .quiz-container .quiz-list .quiz-form-block.is-fail .title,.player-quiz-container .quiz-container .quiz-list .quiz-form-block.is-fail .title,.player-guide-container .quiz-container .quiz-list .quiz-form-block.is-fail .title,.player-end-container .quiz-container .quiz-list .quiz-form-block.is-fail .title {
	text-indent: 30px
}
.player-cover-container .quiz-container .quiz-list .quiz-form-block .title,.player-content-container .quiz-container .quiz-list .quiz-form-block .title,.player-quiz-container .quiz-container .quiz-list .quiz-form-block .title,.player-guide-container .quiz-container .quiz-list .quiz-form-block .title,.player-end-container .quiz-container .quiz-list .quiz-form-block .title {
	font-size: 16px;
	padding: 0px;
	margin-bottom: 10px
}
.player-cover-container .quiz-container .quiz-list .quiz-form-block .radio,.player-cover-container .quiz-container .quiz-list .quiz-form-block .checkbox,.player-content-container .quiz-container .quiz-list .quiz-form-block .radio,.player-content-container .quiz-container .quiz-list .quiz-form-block .checkbox,.player-quiz-container .quiz-container .quiz-list .quiz-form-block .radio,.player-quiz-container .quiz-container .quiz-list .quiz-form-block .checkbox,.player-guide-container .quiz-container .quiz-list .quiz-form-block .radio,.player-guide-container .quiz-container .quiz-list .quiz-form-block .checkbox,.player-end-container .quiz-container .quiz-list .quiz-form-block .radio,.player-end-container .quiz-container .quiz-list .quiz-form-block .checkbox {
	padding-left: 16px;
	margin-top: 15px;
	margin-bottom: 15px
}
.player-cover-container .quiz-container .quiz-list .quiz-form-block .radio .option-info,.player-cover-container .quiz-container .quiz-list .quiz-form-block .checkbox .option-info,.player-content-container .quiz-container .quiz-list .quiz-form-block .radio .option-info,.player-content-container .quiz-container .quiz-list .quiz-form-block .checkbox .option-info,.player-quiz-container .quiz-container .quiz-list .quiz-form-block .radio .option-info,.player-quiz-container .quiz-container .quiz-list .quiz-form-block .checkbox .option-info,.player-guide-container .quiz-container .quiz-list .quiz-form-block .radio .option-info,.player-guide-container .quiz-container .quiz-list .quiz-form-block .checkbox .option-info,.player-end-container .quiz-container .quiz-list .quiz-form-block .radio .option-info,.player-end-container .quiz-container .quiz-list .quiz-form-block .checkbox .option-info {
	padding-left: 10px
}
.player-cover-container .quiz-container .quiz-list .quiz-form-block .radio .correct-tag,.player-cover-container .quiz-container .quiz-list .quiz-form-block .checkbox .correct-tag,.player-content-container .quiz-container .quiz-list .quiz-form-block .radio .correct-tag,.player-content-container .quiz-container .quiz-list .quiz-form-block .checkbox .correct-tag,.player-quiz-container .quiz-container .quiz-list .quiz-form-block .radio .correct-tag,.player-quiz-container .quiz-container .quiz-list .quiz-form-block .checkbox .correct-tag,.player-guide-container .quiz-container .quiz-list .quiz-form-block .radio .correct-tag,.player-guide-container .quiz-container .quiz-list .quiz-form-block .checkbox .correct-tag,.player-end-container .quiz-container .quiz-list .quiz-form-block .radio .correct-tag,.player-end-container .quiz-container .quiz-list .quiz-form-block .checkbox .correct-tag {
	display: none;
	padding: 0 4px;
	line-height: normal;
	color: #6c9;
	border: 1px solid #6c9;
	font-size: 12px;
	margin-left: 20px
}
.player-cover-container .quiz-container .quiz-list .quiz-form-block .remark,.player-content-container .quiz-container .quiz-list .quiz-form-block .remark,.player-quiz-container .quiz-container .quiz-list .quiz-form-block .remark,.player-guide-container .quiz-container .quiz-list .quiz-form-block .remark,.player-end-container .quiz-container .quiz-list .quiz-form-block .remark {
	display: none;
	background-color: rgba(255,255,255,.2);
	padding: 16px;
	color: #fff;
	font-size: 16px
}
.player-cover-container .quiz-container .quiz-list .quiz-form-block .remark .title,.player-content-container .quiz-container .quiz-list .quiz-form-block .remark .title,.player-quiz-container .quiz-container .quiz-list .quiz-form-block .remark .title,.player-guide-container .quiz-container .quiz-list .quiz-form-block .remark .title,.player-end-container .quiz-container .quiz-list .quiz-form-block .remark .title {
	text-indent: 0;
	font-size: 16px;
	color: #019fde;
	padding: 0px;
	margin-bottom: 8px
}
.player-cover-container .quiz-container .quiz-list .btn-area,.player-content-container .quiz-container .quiz-list .btn-area,.player-quiz-container .quiz-container .quiz-list .btn-area,.player-guide-container .quiz-container .quiz-list .btn-area,.player-end-container .quiz-container .quiz-list .btn-area {
	padding: 30px 0;
	margin-right: 10px
}
.player-cover-container .quiz-container .quiz-list .btn-area .btn,.player-content-container .quiz-container .quiz-list .btn-area .btn,.player-quiz-container .quiz-container .quiz-list .btn-area .btn,.player-guide-container .quiz-container .quiz-list .btn-area .btn,.player-end-container .quiz-container .quiz-list .btn-area .btn {
	display: none;
	margin-left: 16px
}
.player-cover-container .quiz-container .quiz-list .btn-area .btn: first-child,.player-content-container .quiz-container .quiz-list .btn-area .btn: first-child,.player-quiz-container .quiz-container .quiz-list .btn-area .btn: first-child,.player-guide-container .quiz-container .quiz-list .btn-area .btn: first-child,.player-end-container .quiz-container .quiz-list .btn-area .btn: first-child {
	margin-left: 0
}
.player-cover-container .quiz-container .quiz-list .btn-area .btn-submit,.player-content-container .quiz-container .quiz-list .btn-area .btn-submit,.player-quiz-container .quiz-container .quiz-list .btn-area .btn-submit,.player-guide-container .quiz-container .quiz-list .btn-area .btn-submit,.player-end-container .quiz-container .quiz-list .btn-area .btn-submit {
	display: block
}
.player-cover-container .isShow,.player-content-container .isShow,.player-quiz-container .isShow,.player-guide-container .isShow,.player-end-container .isShow {
	cursor: pointer;
	color: #019fde
}
.player-cover-container .yotta__btn,.player-content-container .yotta__btn,.player-quiz-container .yotta__btn,.player-guide-container .yotta__btn,.player-end-container .yotta__btn {
	border-radius: 4px;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
	background-color: #019fde;
	margin-left: 16px;
	transition: all .5s ease
}
.player-cover-container .yotta__btn: hover,.player-content-container .yotta__btn: hover,.player-quiz-container .yotta__btn: hover,.player-guide-container .yotta__btn: hover,.player-end-container .yotta__btn: hover {
	background-color: #01b1f7
}
.player-cover-container .yotta__btn: active,.player-cover-container .yotta__btn: focus,.player-content-container .yotta__btn: active,.player-content-container .yotta__btn: focus,.player-quiz-container .yotta__btn: active,.player-quiz-container .yotta__btn: focus,.player-guide-container .yotta__btn: active,.player-guide-container .yotta__btn: focus,.player-end-container .yotta__btn: active,.player-end-container .yotta__btn: focus {
	background-color: #0196d1
}
.player-quiz-container {
	background-color: rgba(0,0,0,.9);
	height: 100vh;
	top: -50px
}
@media(max-width: 991px) {
	.player-quiz-container {
	position: fixed;
	top: 0
}
}@media(max-width: 991px) {
	.player-quiz-container .quiz-container {
	width: calc(100% - 32px);
	margin: 0 16px
}
}.player-quiz-container .quiz-container .quiz-container-header {
	background-color: #000;
	width: calc(100% + 120px);
	height: 60px;
	display: inline-block;
	margin: 0 -60px;
	padding: 0 60px;
	position: relative
}
.player-quiz-container .quiz-container .quiz-container-header.with-goal {
	width: calc(100% - 100px);
	padding: 0 30px 0 60px
}
@media(max-width: 991px) {
	.player-quiz-container .quiz-container .quiz-container-header {
	width: calc(100% + 32px);
	height: auto;
	margin: 0 -16px;
	padding: 0 56px 0 16px;
	position: relative
}
.player-quiz-container .quiz-container .quiz-container-header.with-goal {
	width: calc(100% + 32px);
	padding: 0 56px 0 16px
}
}.player-quiz-container .quiz-container .quiz-container-header h2 {
	padding: 17px 0
}
@media(max-width: 991px) {
	.player-quiz-container .quiz-container .quiz-container-header h2 {
	padding: 16px 0 10px 0;
	height: 78px
}
}@media(max-width: 320px) {
	.player-quiz-container .quiz-container .quiz-container-header h2 {
	height: 104px
}
}.player-quiz-container .quiz-container .quiz-list {
	height: calc(100vh - 60px)
}
@media(max-width: 991px) {
	.player-quiz-container .quiz-container .quiz-list {
	height: calc(100vh - 131px)
}
}.player-quiz-container .quiz-container .quiz-goal {
	position: absolute;
	right: -170px;
	top: 20%;
	color: #8b9195
}
@media(max-width: 991px) {
	.player-quiz-container .quiz-container .quiz-goal {
	position: static
}
}.player-container {
	background: #000;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.player-container .player {
	position: relative;
	height: calc(100vh - 155px)
}
.player-container .player .jwplayer {
	z-index: 10
}
.player-toolbar {
	background: #000;
	height: 50px;
	color: #fff;
	position: relative
}
.player-toolbar .toolbar__btn {
	border-radius: 5px;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	color: #fff;
	font-size: 14px;
	padding: 2px 16px;
	margin: 8px;
	border: 1px solid #8b9195;
	height: 34px;
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center
}
.player-toolbar .toolbar__btn .edit-icon {
	font-size: 16px;
	margin-right: 4px;
	transform: translateY(0.5px)
}
.player-toolbar .toolbar__btn: hover {
	color: #fff
}
.player-toolbar .toolbar__btn.js-back-btn.guide {
	z-index: 50;
	pointer-events: none
}
.player-toolbar .player-title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 20px;
	line-height: 20px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 20px;
	text-align: center;
	font-weight: normal;
	margin: 15px 0
}
.player-toolbar .certificate-btn {
	border-radius: 5px;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	color: #fff;
	font-size: 14px;
	padding: 2px 16px;
	margin: 8px 8px 8px 16px;
	border: 1px solid #8b9195;
	height: 34px;
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center
}
.player-toolbar .certificate-btn .svg-icon {
	fill: #fff
}
.course-video {
	background: #000
}
.player__footer {
	height: 105px;
	display: flex;
	align-items: flex-end;
	padding: 13px 16px
}
.player__footer.guide {
	border-radius: 5px;
	z-index: 50;
	position: relative;
	border: 1px solid #fff;
	height: 62px;
	margin-top: 43px;
	pointer-events: none
}
.player__footer .player__footer--note {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	margin-right: 16px;
	overflow: hidden;
	outline: none;
	max-height: 82px;
	height: 34px;
	min-height: 34px;
	transition: all .3s ease
}
.player__footer .player__footer--note: : after {
	content: "";
	background-image: url("../image/icon/player/n.svg?v=0913");
	position: absolute;
	top: 6px;
	left: 8px;
	display: inline-block;
	width: 20px;
	height: 20px;
	transition: all .5s ease
}
.player__footer .player__footer--note: focus-within: : after {
	left: -24px
}
.player__footer .player__footer--note .note__save: focus {
	padding: 2px 8px;
	background-color: rgba(255,255,255,0);
	border: 1px solid #019fde
}
.player__footer .player__footer--note .note__save {
	border-radius: 5px;
	width: 100%;
	max-height: 82px;
	height: 34px;
	min-height: 34px;
	background-color: rgba(255,255,255,.2);
	border: solid 1px #666;
	color: #fff;
	resize: none;
	padding: 2px 8px 2px 34px;
	transition: all .3s ease;
	position: absolute;
	bottom: 0;
	line-height: normal
}
.player__footer .player__footer--note.n: : after {
	left: -24px
}
.player__footer .player__footer--note.n .note__save {
	padding: 2px 8px;
	background-color: rgba(255,255,255,0);
	border: 1px solid #019fde
}
.player__footer .player__footer--btn {
	border-radius: 17px;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	color: #fff;
	font-size: 16px;
	height: 34px;
	padding: 2px 16px;
	border: 1px solid #979797;
	transition: all .3s ease;
	cursor: pointer
}
.player__footer .player__footer--btn: last-child {
	margin-left: 8px
}
.player__footer .player__footer--btn .player__footer-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	transition: all .3s ease;
	transform: translateY(4px)
}
.player__footer .player__footer--btn: hover {
	color: #019fde;
	border: 1px solid #019fde
}
.player__footer .player__footer--btn .player__footer-icon.b {
	background-image: url("../image/icon/player/b.svg?v=0913")
}
.player__footer .player__footer--btn: hover .player__footer-icon.b {
	background-image: url("../image/icon/player/b_hover.svg?v=0913")
}
.player__footer .player__footer--btn .player__footer-icon.d {
	background-image: url("../image/icon/player/d.svg?v=0913")
}
.player__footer .player__footer--btn: hover .player__footer-icon.d {
	background-image: url("../image/icon/player/d_hover.svg?v=0913")
}
.player__footer--btn.discussionModal.guide {
	z-index: 50;
	position: relative;
	border: 1px solid #fff;
	pointer-events: none
}
@media all and (-ms-high-contrast: none) {
	.player__footer--note {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	margin-right: 16px;
	overflow: hidden;
	outline: none;
	max-height: 82px;
	height: 34px;
	transition: all .3s ease
}
.player__footer--note: hover: : after {
	left: -24px
}
.player__footer--note .note__save: hover {
	padding: 2px 8px;
	background-color: rgba(255,255,255,0);
	border: 1px solid #019fde
}
}.sidebar-collapse-btn {
	border-radius: 5px 0 0 5px;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 150px;
	background: rgba(255,255,255,.3);
	transition: all .3s;
	z-index: 20
}
.sidebar-collapse-btn svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	color: #000;
	width: 14px;
	height: 14px
}
.sidebar-collapse-btn .fa-chevron-double-left {
	display: none
}
.sidebar-collapse-btn: hover {
	background: rgba(255,255,255,.5);
	width: 26px
}
.sidebar-collapse-btn: focus {
	background: rgba(255,255,255,.3)
}
.sidebar-collapse-btn.active .fa-chevron-double-left {
	display: block
}
.sidebar-collapse-btn.active .fa-chevron-double-right {
	display: none
}
.player-sidebar {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 450px;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background: #000;
	position: relative
}
.player-sidebar .chapter-block {
	background: #000;
	color: #999
}
.player-sidebar .chapter-block .chapter {
	z-index: 10
}
.player-sidebar .chapter-title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 64px;
	line-height: 32px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	font-size: 16px;
	font-weight: 500;
	padding: 8px 16px;
	line-height: normal;
	color: #fff
}
.player-sidebar .unit-block {
	background: #222;
	color: #999;
	font-size: 16px;
	padding: 8px 0;
	border-bottom: 1px solid #000;
	transition: all .5s ease;
	min-height: 82px
}
.player-sidebar .unit-block: hover {
	background: #101010;
	color: #fff
}
.player-sidebar .unit-block: hover .unit-menu-icon,.player-sidebar .unit-block: hover .unit-play-btn {
	color: #fff
}
.player-sidebar .unit-block.active {
	color: #fff
}
.player-sidebar .unit-block.active .unit-menu-icon,.player-sidebar .unit-block.active .unit-play-btn {
	color: #fff
}
.player-sidebar .unit-block.is--restricted {
	cursor: not-allowed
}
.player-sidebar .unit-block.is--restricted *[func="lecture/play"],.player-sidebar .unit-block.is--restricted *[func="lecture/status"] {
	pointer-events: none
}
.player-sidebar .unit-block .no {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 40px;
	text-align: center;
	height: auto
}
.player-sidebar .unit-block .unit-info {
	line-height: normal;
	width: 100%
}
.player-sidebar .unit-block .unit-info .unit-tag {
	display: inline-block
}
.player-sidebar .unit-block .unit-title {
	padding-right: 40px;
	margin-bottom: 14px;
	font-size: 16px
}
.player-sidebar .unit-block .unit-play-btn {
	color: #999;
	padding: 0px 5px
}
.player-sidebar .unit-block .unit-play-btn i {
	font-size: 18px
}
.player-sidebar .unit-block .unit-play-btn: hover {
	color: #fff
}
.player-sidebar .unit-block .unit-detial {
	height: 20px;
	line-height: 20px
}
.player-sidebar .unit-block .unit-time {
	margin-right: 16px;
	color: #666
}
.player-sidebar .unit-block .unit-menu-group {
	display: inline-flex;
	margin-right: 16px
}
.player-sidebar .unit-block .unit-menu-icon {
	border-radius: 100%;
	background-color: #019fde;
	width: 24px;
	height: 24px;
	margin-left: 8px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	cursor: pointer;
	transition: all .5s ease
}
.player-sidebar .unit-block .unit-menu-icon.disabled {
	background-color: #018dc5
}
.player-sidebar .unit-block .unit-menu-icon svg {
	fill: #181a1c
}
.player-sidebar .unit-block .unit-menu-icon: hover {
	background-color: #2dc3fe
}
.player-sidebar .unit-block .tag {
	border: 1px solid #999;
	padding: 0 4px;
	line-height: normal;
	text-align: center;
	font-size: 12px;
	background: transparent;
	cursor: pointer
}
.player-sidebar .unit-block .tag.complete {
	color: #019fde;
	border-color: #019fde
}
.player-sidebar .unit-block .tag.complete-confirm {
	color: #019fde;
	border-color: #019fde
}
.player-sidebar .unit-block .tag.play {
	color: #ff5b74;
	border-color: #ff5b74
}
.player-sidebar .unit-container {
	position: absolute;
	top: 0px;
	right: -500px;
	height: 100%;
	width: 100%;
	background: #f4f4f4;
	z-index: 50
}
.player-sidebar .unit-container .chapter-title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	height: 40px;
	font-size: 16px;
	font-weight: 500;
	padding: 8px 16px;
	line-height: normal;
	color: #fff;
	background-color: #000
}
.player-sidebar .unit-container .unit-block {
	padding: 16px
}
.player-sidebar .unit-container .unit-block .no {
	display: none
}
.player-sidebar .unit-container .unit-title {
	font-size: 20px;
	padding-right: 0px
}
.player-sidebar .unit-container .unit-menu-group {
	margin-right: 0
}
.player-sidebar .unit-manage-container {
	position: relative
}
.player-sidebar .unit-manage-container .center-message {
	height: 100%;
	font-size: 14px;
	text-align: center;
	color: #5f5f5f
}
.player-sidebar .unit-manage-container .center-message.note {
	height: 100%;
	background-color: unset
}
.player-sidebar .unit-manage-container .center-message img {
	display: block
}
.player-sidebar .unit-manage-container .center-message button {
	margin: 16px auto
}
.player-sidebar .attachment-list .attachment-block {
	padding: 16px;
	border-bottom: 1px solid #d3dee5
}
.player-sidebar .attachment-list .attachment-block .title {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #4c545a;
	font-size: 13px
}
.player-sidebar .attachment-list .attachment-block .btn {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	color: #019fde
}
.player-sidebar .attachment-list .attachment-block .btn i {
	font-size: 16px
}
.player-sidebar .attachment-list .attachment-block .btn: hover {
	color: #007fb1
}
.player-sidebar .quiz-containter .btn-open {
	display: block
}
.player-sidebar .quiz-containter .btn-close {
	display: none
}
.player-sidebar .quiz-containter.open .btn-open {
	display: none
}
.player-sidebar .quiz-containter.open .btn-close {
	display: block
}
.player-sidebar .note-list-container {
	position: relative
}
.player-sidebar .note-list-container .note-list {
	height: 100%;
	overflow-y: auto
}
.player-sidebar .note-list-container .note-block {
	padding: 16px 16px 0 16px;
	transition: all .5s ease
}
.player-sidebar .note-list-container .note-block: hover .goto-btn {
	visibility: visible;
	opacity: 1
}
.player-sidebar .note-list-container .note-block: hover .content {
	color: #019fde
}
.player-sidebar .note-list-container .note-block .info {
	line-height: 30px
}
.player-sidebar .note-list-container .note-block .time {
	font-size: 12px;
	color: #fff;
	background: #019fde;
	padding: 4px;
	line-height: 16px;
	height: 24px;
	margin-bottom: 8px
}
.player-sidebar .note-list-container .note-block .goto-btn {
	visibility: hidden;
	opacity: 0;
	padding: 0px;
	margin-left: 12px;
	color: #8b9195;
	font-size: 16px;
	line-height: normal;
	height: 24px;
	transition: all .5s ease
}
.player-sidebar .note-list-container .note-block .goto-btn .goto-icon {
	width: 16px;
	height: 16px
}
.player-sidebar .note-list-container .note-block .manage-btn {
	margin-left: 8px;
	font-size: 16px;
	color: #d3dee5;
	height: 24px;
	transition: all .5s ease;
	padding: 0 4px
}
.player-sidebar .note-list-container .note-block .manage-btn: hover {
	color: #019fde
}
.player-sidebar .note-list-container .note-block .manage-btn .icon-edit: hover: : before {
	background-color: #019fde
}
.player-sidebar .note-list-container .note-block .manage-btn .icon-edit: : before {
	content: "";
	mask-image: url(../image/icon/icon-edit.svg);
	-webkit-mask-image: url(../image/icon/icon-edit.svg);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #d3dee5
}
.player-sidebar .note-list-container .note-block .content {
	color: #4c545a;
	padding-bottom: 16px;
	line-height: normal;
	font-size: 14px;
	word-break: break-word;
	border-bottom: 1px solid #bdbdbd;
	transition: all .5s ease
}
.player-sidebar .note-list-container .note-block .edit-note-block textarea {
	width: 100%;
	border: 1px solid #d3dee5;
	margin-bottom: 8px;
	padding: 8px;
	font-size: 14px;
	line-height: normal
}
.player-sidebar .note-list-container .note-block .edit-note-block .btn {
	border-radius: 0px;
	margin-left: 8px
}
.player-sidebar .all__note {
	position: absolute;
	width: 100%;
	height: 31px;
	line-height: 31px;
	text-align: center;
	border-top: 1px solid #d6d9dc;
	font-size: 12px;
	bottom: 0;
	left: 0;
	background-color: #f4f4f4
}
.player-sidebar .all__note a {
	display: inline-flex;
	align-items: center
}
.player-sidebar .tab__note {
	position: relative
}
.report-bug-form {
	padding: 16px
}
.report-bug-form .form-group {
	margin-bottom: 30px
}
.report-bug-form .form-group .form-control[name=type],.report-bug-form .form-group .form-control[name=unit] {
	cursor: pointer
}
.report-bug-form .form-group.has-error {
	position: relative
}
.report-bug-form .form-group.has-error .error-msg {
	position: absolute;
	right: 0;
	margin-bottom: 0
}
.report-bug-form .btn-area {
	margin-top: 35px
}
.report-bug-form .btn-area .btn {
	margin-left: 16px
}
.post-discussion-modal .btn {
	border-radius: 4px;
	font-weight: 500;
	font-size: 16px;
	height: 50px
}
.post-discussion-modal .post-discussion {
	padding: 20px;

	display: flex;
	flex-direction: column;
	align-items: center
}
.post-discussion-modal .modal__banner {
	width: 120px;
	height: 110px;
	margin: 0 auto
}
.post-discussion-modal .modal__title {
	font-size: 22px;
	font-weight: 500;
	margin: 10px 0
}
.post-discussion-modal .modal__content {
	text-align: center;
	font-size: 16px;
	line-height: 24px
}
.post-discussion-modal form {
	width: 100%;
	margin-top: 20px
}
.post-discussion-modal .form-group {
	margin-bottom: 20px
}
.post-discussion-modal .form-group input {
	height: 42px;
	padding: 0 10px
}
.post-discussion-modal .form-group textarea {
	height: 100px;
	padding: 10px
}
.post-discussion-modal .form-group.has-error {
	position: relative
}
.post-discussion-modal .form-group.has-error .error-msg {
	position: absolute;
	left: 0;
	margin-bottom: 0;
	line-height: 20px
}
.post-discussion-modal .btn-area {
	display: flex;
	justify-content: space-between
}
.post-discussion-modal .btn-area .btn {
	width: calc(50% - 10px)
}
.post-discussion-modal .btn-area .btn-blue-border {
	border-width: 2px
}
.post-discussion-modal .video-block {
	padding: 10px 15px;
	position: relative;
	background-color: #f2f2f2;
	display: flex
}
.post-discussion-modal .video-block .video-content {
	margin-right: 20px
}
.post-discussion-modal .video-block .video-content .video-title {
	font-size: 16px;
	color: #4c545a
}
.post-discussion-modal .video-block .video-content .video-time {
	font-size: 16px;
	color: #4c545a;
	display: flex;
	align-items: center
}
.post-discussion-modal .video-block .video-content .svg-icon {
	fill: #4c545a
}
.post-discussion-modal .video-block .video-close {
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer
}
.post-discussion-modal .video-block .video-close .svg-icon {
	color: #4c545a;
	opacity: 1;
	margin: 0
}
.post-discussion-modal .add-timecode-block {
	border-radius: 5px;
	color: #019fde;
	text-align: center;
	padding: 16px;
	border: solid 1px #d3dee5
}
.post-discussion-modal .add-timecode-block .add-timecode-title {
	cursor: pointer
}
.post-discussion-modal .post-discussion-success-div {
	padding: 20px
}
.post-discussion-modal .post-discussion-success-div p {
	color: #4c545a;
	line-height: 24px
}
.post-discussion-modal .post-discussion-success-div a {
	color: #019fde
}
.post-discussion-modal .post-discussion-success-div .btn {
	width: 100%;
	height: 50px;
	margin-top: 20px
}
.course-certificate-modal .modal-body {
	padding: 0
}
.course-certificate-modal .modal-body .certificate-modal__list__item__icon-container--lightbulb {
	background-color: unset
}
.course-certificate-modal .modal-body .modal-close-btn {
	background-color: rgba(0,0,0,.2);
	border-radius: 50%;
	height: 24px;
	width: 24px;
	top: 10px;
	right: 10px
}
.course-certificate-modal .modal-body .modal-close-btn .svg-icon {
	opacity: 1;
	fill: #fff;
	float: none;
	height: unset
}
@media(min-width: 568px) {
	.course-certificate-modal .modal-body .modal-close-btn {
	height: 36px;
	width: 36px
}
.course-certificate-modal .modal-body .modal-close-btn .svg-icon {
	height: 3rem
}
}.report-bug-success-div {
	padding: 60px 0;
	color: #4c545a
}
.report-bug-success-div .title {
	font-size: 24px;
	margin-bottom: 8px
}
@media(max-width: 991px) {
	.jwplayer .jw-aptions-menu {
	position: absolute;
	width: 132px;
	text-align: center;
	font-size: 14px;
	z-index: 10;
	bottom: 60px
}
.jwplayer .jw-aptions-menu .menu-title {
	cursor: inherit;
	padding: 10px 0;
	background: #000;
	color: #fff;
	font-size: 16px;
	height: 34px
}
.jwplayer .jw-aptions-menu .menu-list {
	cursor: pointer;
	background: #222;
	height: 34px;
	display: flex;
	padding: 0
}
.jwplayer .jw-aptions-menu .menu-btn {
	flex: 1;
	cursor: inherit;
	color: #8b9195;
	font-size: 16px;
	align-self: center
}
.jwplayer .jw-aptions-menu .menu-btn: hover {
	color: #fff
}
.jwplayer .jw-captions {
	max-height: 100%
}
.jwplayer .jw-captions .jw-text-track-display {
	top: auto !important;
	bottom: -2.5px !important
}
.jwplayer .jw-aptions-menu.captionsSize {
	right: 65px
}
.jwplayer .jw-aptions-menu.captionsPosition {
	right: 98.5px
}
.jw-icon-captions-position {
	display: none !important
}
.player-page {
	display: block
}
.player-container {
	width: 100%
}
.player-container .player {
	height: 100%
}
.player-content-container .manage-block,.player-end-container .manage-block {
	width: 90%
}
.player-content-container .manage-block p.title,.player-end-container .manage-block p.title {
	font-size: 16px;
	margin-bottom: 16px
}
.player-content-container .player-last-container,.player-end-container .player-last-container {
	position: absolute;
	background-color: rgba(0,0,0,.9);
	top: 0;
	left: 0;
	align-items: baseline;
	overflow-y: scroll
}
.player-content-container .player-last-container .next-title,.player-end-container .player-last-container .next-title {
	font-size: 16px;
	margin: 16px 0;
	text-align: left
}
.player-content-container .player-last-container .close-btn,.player-end-container .player-last-container .close-btn {
	top: 16px;
	right: 16px
}
.lecture-bg {
	display: none !important
}
.player-toolbar {
	padding: 5px 0px;
	height: 34px
}
.player-toolbar .player-toolbar-inner {
	display: flex;
	align-items: center
}
.player-toolbar .player-title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 16px;
	line-height: 16px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	font-size: 16px;
	text-align: left;
	margin: 0 16px
}
.player-toolbar .toolbar__btn {
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	padding: 2.5px 20px;
	margin: 0;
	height: 24px;
	position: relative;
	border: none
}
.player-toolbar .toolbar__btn .logo_icon {
	vertical-align: baseline;
	left: 24px
}
.player-toolbar .toolbar__btn: hover {
	color: #fff
}
.player-toolbar .material-icons-round {
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 0
}
.player-toolbar .certificate-btn {
	border: none;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin: 0 20px 0 0;
	padding: 0
}
.player-footer {
	padding: 15px 30px
}
.player-footer .player-toolbar-btn {
	margin-right: 0px;
	width: 20vw
}
.player-footer .player-toolbar-btn i,.player-footer .player-toolbar-btn img {
	margin-right: 0px
}
.player-sidebar {
	width: 100%
}
.player-sidebar .chapter-block {
	display: block !important
}
.player-sidebar .chapter-block .chapter-title {
	padding: 10px 16px
}
.player-sidebar .unit-block: hover {
	background: #222;
	color: #999
}
.player-sidebar .unit-block: hover .unit-menu-icon,.player-sidebar .unit-block: hover .unit-play-btn {
	color: #999
}
.player-sidebar .unit-block .unit-title {
	padding-right: 10px
}
.background-masker.subheader-header {
	width: 85vw
}
.background-masker.subheader-bottom {
	width: 75vw
}
.jw-icon.jw-icon-inline {
	width: 34px
}
}.c-article-card {
	display: flex;
	height: 146px;
	margin: 40px 0;
	box-sizing: border-box;
	cursor: pointer
}
.c-article-card: first-of-type {
	margin-top: 30px
}
.c-article-card: hover .cover img {
	transform: scale(1.2)
}
@media(max-width: 1040px) {
	.c-article-card {
	height: 138px
}
}@media(max-width: 768px) {
	.c-article-card {
	height: 198px;
	flex-direction: column;
	height: fit-content
}
}@media(max-width: 567px) {
	.c-article-card {
	height: auto
}
}.c-article-card .cover {
	width: 420px;
	flex-shrink: 0;
	display: flex;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 30px;
	box-shadow: 0 2px 16px 0 rgba(0,0,0,.1)
}
.c-article-card .cover img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	flex-grow: 1;
	transition: transform .4s ease-in-out
}
@media(max-width: 1040px) {
	.c-article-card .cover {
	width: 300px;
	margin-right: 20px
}
}@media(max-width: 768px) {
	.c-article-card .cover {
	width: 100%;
	height: 198px;
	margin-right: 0;
	margin-bottom: 10px
}
}@media(max-width: 567px) {
	.c-article-card .cover {
	height: auto
}
}.c-article-card .content {
	width: 100%
}
.c-article-card .content__title {
	font-size: 20px;
	font-weight: 500;
	color: #4c545a;
	height: 28px;
	margin-bottom: 10px;
	overflow: hidden
}
@media(max-width: 768px) {
	.c-article-card .content__title {
	font-size: 18px;
	height: 25px
}
}@media(max-width: 567px) {
	.c-article-card .content__title {
	font-size: 14px;
	height: 20px;
	margin-bottom: 5px
}
}.c-article-card .content__description {
	height: 46px;
	font-size: 16px;
	line-height: 1.5;
	color: #4c545a;
	margin-bottom: 20px;
	overflow: hidden
}
@media(max-width: 1040px) {
	.c-article-card .content__description {
	margin-bottom: 15px
}
}@media(max-width: 768px) {
	.c-article-card .content__description {
	margin-bottom: 20px
}
}@media(max-width: 567px) {
	.c-article-card .content__description {
	height: 34px;
	font-size: 12px;
	margin-bottom: 10px
}
}.c-article-card .content__meta {
	height: 42px;
	display: flex;
	justify-content: space-between;
	align-items: center
}
@media(max-width: 567px) {
	.c-article-card .content__meta {
	height: 34px
}
}.c-article-card .meta__avatar {
	height: 100%;
	border-radius: 50%;
	margin-right: 10px
}
.c-article-card .meta__info {
	margin-right: auto
}
@media(max-width: 567px) {
	.c-article-card .meta__info {
	display: flex;
	flex-direction: column
}
}.c-article-card .meta__author {
	height: 22px;
	margin-bottom: 2px;
	line-height: 1.19;
	color: #000;
	font-size: 16px
}
.c-article-card .meta__author: hover {
	color: #019fde
}
@media(max-width: 567px) {
	.c-article-card .meta__author {
	color: #019fde;
	font-size: 14px;
	margin-bottom: 0
}
}.c-article-card .meta__time {
	height: 20px;
	line-height: 1.14;
	color: #bbb;
	font-size: 16px
}
@media(max-width: 768px) {
	.c-article-card .meta__time {
	font-size: 14px
}
}@media(max-width: 567px) {
	.c-article-card .meta__time {
	font-size: 12px;
	height: 14px
}
}.c-article-card .meta__collect {
	border: none;
	background: transparent;
	padding: 0;
	display: flex;
	align-items: center;
	height: 100%
}
.c-article-card .meta__collect svg {
	height: 24px;
	width: 24px;
	fill: #4c545a
}
@media(max-width: 567px) {
	.c-article-card .meta__collect svg {
	height: 20px;
	width: 20px
}
}.c-article-card .not-collect {
	display: none !important
}
.c-article-card .not-collect .svg-icon {
	fill: #ff5b74
}
.c-article-card.s--collected .collect {
	display: none
}
.c-article-card.s--collected .not-collect {
	display: flex !important
}
.c-article-card .bs-tip-show-icon {
	display: flex;
	align-items: center;
	justify-content: center
}
.c-article-card .bs-tip-show-icon+.tooltip .tooltip-arrow: after {
	background: #373d40
}
.c-article-card .bs-tip-show-icon+.tooltip .tooltip-inner {
	text-align: left;
	background: #373d40;
	font-size: 14px;
	color: #fff;
	max-width: unset;
	padding: 4px 8px;
	border-radius: 4px
}
@media(max-width: 567px) {
	.c-article-card .bs-tip-show-icon+.tooltip .tooltip-inner {
	font-size: 10px
}
}.article-block {
	width: 100%
}
.article-card-list.teacher {
	margin-top: 30px;
	width: 1210px
}
@media(max-width: 1240px) {
	.article-card-list.teacher {
	width: 1010px
}
}@media(max-width: 1040px) {
	.article-card-list.teacher {
	width: 740px
}
}@media(max-width: 768px) {
	.article-card-list.teacher {
	width: 568px
}
}@media(max-width: 567px) {
	.article-card-list.teacher {
	width: 100%
}
}.article-card-list.manage {
	margin: 30px 0
}
.article-card-list.manage .article-card {
	height: 140px;
	margin-top: 0;
	border-bottom: 1px solid #d3dee5;
	padding: 16px;
	background: #fff
}
.article-card-list.manage .article-card: last-of-type {
	border-bottom: none
}
.article-card-list.manage .article-card: hover {
	box-shadow: none
}
.article-card-list.manage .article-card .cover {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 200px;
	overflow: hidden
}
.article-card-list.manage .article-card .content {
	padding: 0 0 0 16px;
	width: 100%
}
.article-card-list.manage .article-card .title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 24px;
	line-height: 24px;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	margin-top: 0
}
.article-card-list.manage .article-card .intro {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 40px;
	line-height: 20px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	margin-bottom: 8px
}
.article-card-list.manage .article-card .article-tag-list,.article-card-list.manage .article-card .author {
	display: none
}
.article-card-list.manage .article-card .info-box {
	float: left;
	display: flex
}
.article-card-list.manage .article-card .info-box p {
	margin-left: 0;
	margin-right: 16px
}
.article-card-list.manage .article-card .manage-box {
	display: block
}
.article-card-list.manage .article-card .manage-box a {
	margin-right: 15px
}
.article-card-list.draft .article-card {
	background: #fff
}
.article-hero-photo {
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 auto
}
.article-hero-photo img {
	width: 100%;
	height: auto
}
.article-container {
	margin-top: 30px
}
.article-box {
	background: #fff;
	padding: 30px;
	word-break: break-word
}
.article-box .article-title {
	font-weight: 500;
	font-size: 30px
}
.article-box .article-info {
	color: #8b9195;
	margin-top: 8px;
	margin-bottom: 30px
}
.article-box .create,.article-box .views,.article-box .status-tag,.article-box .edit-link {
	display: inline-block
}
.article-box .status-tag,.article-box .edit-link {
	margin-top: 8px
}
.article-box .views,.article-box .edit-link {
	margin-left: 16px
}
.article-box .views svg,.article-box .views .view-icon,.article-box .edit-link svg,.article-box .edit-link .view-icon {
	margin-right: 8px;
	transform: translateY(6px)
}
.article-box .edit-link {
	cursor: pointer;
	margin-top: 0;
	position: relative
}
.article-box .edit-link .icon-edit: : before {
	content: "";
	background-image: url(../image/icon/icon-edit.svg);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}
.article-box .edit-link .yotta-text {
	float: right
}
.article-box .status-tag {
	padding: 0 4px;
	margin-left: 8px;
	border: none;
	background: #8b9195;
	color: #fff;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	line-height: normal;
	margin-top: 5px
}
.article-box .article-content {
	color: #4c545a
}
.article-box .article-content blockquote {
	border-left-color: #4c545a;
	color: #4c545a;
	padding: 0 0 0 30px;
	margin: 30px 0
}
.article-box .article-content img {
	opacity: 1;
	width: 100%;
	height: auto
}
.article-box .article-content video {
	width: 100% !important;
	height: auto
}
.article-box .article-content ul,.article-box .article-content ol {
	padding-left: 30px
}
.article-box .article-content ul li,.article-box .article-content ol li {
	padding-left: 10px
}
.article-box .article-content ul {
	list-style: inherit
}
.article-box .article-content ul li {
	list-style: inherit
}
.article-meta {
	margin-bottom: 30px
}
.article-meta-box {
	background: #fff;
	padding: 0 30px 30px 30px;
	word-break: break-word
}
.article-tag-list {
	background: #fff;
	border-bottom: 2px solid #979797;
	padding-bottom: 30px
}
.article-tag-list li {
	display: inline-block;
	margin: 8px 8px 0 0;
	padding: 4px 8px;
	background: #fff;
	text-align: center;
	border: 1px solid #d3dee5;
	color: #8b9195;
	font-size: 12px;
	line-height: normal
}
.collect-article {
	width: 95px;
	height: 27px
}
.article-link-box {
	background: #fff;
	padding-top: 30px
}
.article-link-box .article-link {
	width: 40%;
	color: #4c545a;
	font-size: 20px;
	font-weight: 500
}
.article-link-box span {
	display: block;
	margin-bottom: 12px;
	color: #8b9195
}
.article-link-box span i {
	font-size: 36px;
	vertical-align: sub
}
.article-link-box span i.fa-arrow-left {
	margin-right: 16px
}
.article-link-box span i.fa-arrow-right {
	margin-left: 16px
}
.article-author-box {
	padding: 30px;
	background: #fff;
	text-align: center
}
.article-author-box a {
	display: block;
	color: #4c545a
}
.article-author-box a: hover {
	color: #4c545a
}
.article-author-box a.blue-link {
	color: #8b9195
}
.article-author-box a.blue-link: hover {
	color: #019fde
}
.article-author-box .avatars {
	border: 1px solid #d3dee5;
	width: 100px;
	height: auto
}
.article-author-box p {
	margin-bottom: 8px
}
.article-author-box .name {
	margin-top: 16px;
	font-size: 20px;
	font-weight: 500
}
.article-author-box .intro {
	margin-bottom: 0;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 54px;
	line-height: 27px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.article-author-box .subscribe-btn {
	margin-top: 30px;
	padding: 12px 24px;
	color: #019fde;
	display: inline-flex;
	align-items: center
}
.article-author-box .subscribe-btn .svg-icon {
	fill: #019fde
}
.article-author-box .subscribe-btn span {
	margin-left: 3px
}
.article-author-box .subscribe-btn: hover {
	color: #33b2e4
}
.article-author-box .subscribe-btn: hover .svg-icon {
	fill: #33b2e4
}
.article-author-box .subscribe-btn: focus {
	color: #007fb1
}
.article-author-box .subscribe-btn: focus .svg-icon {
	fill: #007fb1
}
.article-sidebar {
	position: relative;
	position: sticky;
	top: 80px
}
.article-sidebar.fixed {
	position: fixed;
	top: 80px
}
.article-sidebar.fixed-bottom {
	position: relative;
	left: 0 !important
}
.article-collect-box {
	margin-top: 16px;
	padding: 28px 30px;
	background: #fff
}
.article-collect-box span {
	font-size: 20px;
	cursor: pointer
}
.article-collect-box span .svg-icon {
	height: 20px
}
.article-collect-box span: hover .svg-icon.fav {
	fill: #ff5b74
}
.subscribe-overview-container {
	padding-left: 0;
	padding-right: 0;
	margin-top: 30px;
	margin-bottom: 30px
}
.subscribe-overview-container .block {
	border-radius: 5px;
	padding: 16px;
	background: #fff
}
.subscribe-overview-container .icon {
	border-radius: 50%;
	background: #ccecf8;
	width: 60px;
	height: 60px;
	text-align: center
}
.subscribe-overview-container .icon i {
	line-height: 60px;
	font-size: 24px;
	color: #fff;
	vertical-align: top
}
.subscribe-overview-container .subscribe-status-icon {
	background-size: 80px 80px;
	width: 80px;
	height: 80px;
	margin-right: -8px;
	margin-top: -8px
}
.subscribe-overview-container .num {
	margin-top: 8px;
	margin-bottom: 16px;
	font-size: 36px
}
.subscribe-overview-container .num: last-child {
	margin-bottom: 0
}
.subscribe-overview-container .glow {
	margin-left: 8px;
	font-size: 16px
}
.subscribe-overview-container .glow i {
	margin-right: 4px
}
.subscribe-overview-container .glow.down {
	color: #ff5b74
}
.subscribe-overview-container .glow.up {
	color: #6c9
}
.article-share-box {
	padding: 16px 0;
	color: #8b9195;
	font-size: 14px
}
.article-share-box .btn {
	color: #8b9195;
	margin-left: 16px;
	padding: 0
}
.article-share-box .btn i {
	vertical-align: top;
	font-size: 16px
}
.article-manage-container.is-empty .empty-view {
	display: block
}
.article-manage-container.is-empty .list-view {
	display: none
}
.article-manage-container.is-list .empty-view {
	display: none
}
.article-manage-container.is-list .list-view {
	display: block
}
.article-manage-container .add-article-btn {
	position: relative
}
.article-manage-container .add-article-btn .icon-edit: : before {
	content: "";
	mask-image: url(../image/icon/icon-edit.svg);
	-webkit-mask-image: url(../image/icon/icon-edit.svg);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff
}
.article-manage-container .add-article-btn i {
	margin-right: 8px
}
.article-manage-container .add-article-btn span {
	float: right
}
.article-manage-container .list-view {
	display: none;
	margin-top: 30px
}
.article-manage-container .empty-view {
	display: none;
	padding-top: 100px
}
.article-manage-container .empty-view p {
	margin: 30px 0
}
.article-manage-container .empty-view .no-article-text {
	margin: 0 0 30px 0
}
.article-editor-container {
	color: #4c545a;
	max-height: 85vh;
	overflow-y: auto
}
.article-editor-container blockquote {
	border-left-color: #4c545a;
	color: #4c545a;
	padding: 0 0 0 30px;
	margin: 30px 0
}
.article-editor-container .article-editor-form {
	padding: 30px 0
}
.article-editor-container .form-group {
	margin-bottom: 30px
}
.article-editor-container .form-group: last-child {
	margin-bottom: 0px
}
.article-editor-container .form-group.has-error {
	margin-bottom: 5px
}
.article-editor-container .form-group.has-error .froalaEditor {
	border: 1px solid #ff5b74
}
.article-editor-container .form-group.has-error .error-msg {
	margin-bottom: 0px
}
.article-editor-container .form-control {
	border-radius: 0px;
	padding: 12px 16px;
	height: auto
}
.article-editor-container .form-control.article-title-input {
	padding: 16px;
	font-size: 30px;
	font-weight: 500
}
.article-editor-container .froalaEditor .fr-element {
	color: #4c545a
}
.article-editor-container .upload-photo-block {
	cursor: pointer;
	margin-right: -16px;
	margin-left: -16px;
	position: relative;
	background-color: #f7f8fa
}
.article-editor-container .upload-photo-block .upload-image-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -80px;
	margin-top: -97px
}
.article-editor-container .upload-photo-block .change-image-btn {
	position: absolute;
	bottom: 20px;
	right: 16px;
	color: #fff;
	font-size: 20px;
	text-shadow: 0px 2px 3px rgba(0,0,0,.6)
}
.article-editor-container .upload-photo-block .change-image-btn i {
	opacity: .8;
	margin-left: 5px
}
.article-editor-container .upload-photo-block .cropit-preview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.article-editor-container .upload-photo-block .cropit-image-input {
	display: none
}
.article-editor-container .article-tag-input {
	border: 1px solid #d3dee5;
	min-height: 45px;
	padding: 8px 16px
}
.article-editor-container .article-tag-input: focus {
	outline: none !important;
	box-shadow: none;
	border-color: #d3dee5
}
.article-editor-container .article-tag-input input {
	border: none;
	display: block;
	width: 100%
}
.article-editor-container .article-tag-input input: -webkit-input-placeholder,.article-editor-container .article-tag-input input: -moz-placeholder,.article-editor-container .article-tag-input input: -ms-input-placeholder,.article-editor-container .article-tag-input input: -moz-placeholder {
	color: #8b9195
}
.article-editor-container .article-tag-input .tag {
	display: inline-flex;
	align-items: center;
	position: relative;
	background: #ccecf8;
	color: #019fde;
	line-height: normal;
	cursor: pointer;
	font-size: 12px;
	padding: 5px 40px 5px 8px;
	margin-right: 8px
}
.article-editor-container .article-tag-input .tag .svg-icon {
	position: absolute;
	right: 5px
}
@media(max-width: 991px) {
	.subscribe-overview-container {
	margin-top: 16px;
	margin-bottom: 0
}
.subscribe-overview-container .block {
	margin-bottom: 16px
}
.subscribe-overview-container .icon {
	width: 36px;
	height: 36px
}
.subscribe-overview-container .icon i {
	line-height: 36px;
	font-size: 16px
}
.subscribe-overview-container .subscribe-status-icon {
	background-size: 50px 50px;
	width: 50px;
	height: 50px
}
.subscribe-overview-container .num {
	margin-top: 4px;
	font-size: 24px
}
.subscribe-overview-container .glow {
	margin-left: 4px
}
.article-container {
	margin-top: 0
}
.article-box {
	padding: 16px 10px;
	margin-right: -16px;
	margin-left: -16px
}
.article-box .article-title {
	font-weight: 500;
	font-size: 30px
}
.article-box .article-info {
	margin-top: 16px
}
.article-box .article-content {
	color: #4c545a
}
.article-box .article-content .fr-video .fr-draggable {
	width: 100%;
	height: 200px
}
.article-tag-list {
	margin-top: 8px;
	padding-left: -16px;
	margin: 8px -16px 0 -16px;
	border: none;
	padding: 30px 10px
}
.article-link-box {
	margin-right: -16px;
	margin-left: -16px;
	padding: 20px 10px 30px 10px
}
.article-link-box span {
	margin-bottom: 20px
}
.article-author-box {
	margin-right: -16px;
	margin-left: -16px;
	margin-top: 8px
}
.article-author-box .avatars {
	width: 60px
}
.article-author-box .name {
	margin-top: 8px
}
.article-sidebar {
	width: 100% !important
}
.article-sidebar.fixed {
	position: static;
	top: inherit
}
.article-collect-box {
	margin: 8px -16px;
	padding: 28px 16px
}
.article-share-box {
	margin-right: -16px;
	margin-left: -16px;
	font-size: 20px;
	background: #fff;
	padding: 0 10px 30px 10px;
	border-bottom: 2px solid #d3dee5
}
.article-share-box .btn i {
	font-size: 20px
}
}.fr-fic: hover {
	cursor: zoom-in
}
.img-bg-blur {
	background: rgba(255,255,255,.9);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3030;
	display: none;
	justify-content: center;
	align-items: center
}
.img-bg-blur.on {
	display: flex;
	overflow-y: scroll
}
.img-bg-blur.flex-start {
	align-items: flex-start
}
.img-bg-blur img {
	max-width: 90%;
	width: auto
}
@media(max-width: 567px) {
	.img-bg-blur img {
	width: 90%
}
}.certificate-modal {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 16px
}
.certificate-modal__header {
	border-radius: 5px 5px 0 0;
	border: none;
	text-align: left;
	padding: 14px 30px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
	background: #019fde;
	color: #fff
}
@media(max-width: 576px) {
	.certificate-modal__header {
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	padding: 16px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
}.certificate-modal--container {
	max-width: 914px;
	padding-left: 16px;
	padding-right: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto
}
.certificate-modal__title {
	font-size: 36px;
	color: #4c545a;
	line-height: 50px;
	font-weight: 600;
	margin-bottom: 24px
}
@media(max-width: 576px) {
	.certificate-modal__title {
	font-size: 16px;
	line-height: 1.69;
	margin-bottom: 8px
}
}.certificate-modal__description {
	font-size: 16px;
	line-height: 1.5;
	color: #4c545a
}
.certificate-modal__description: not(: first-of-type) {
	margin-bottom: 24px
}
@media(max-width: 576px) {
	.certificate-modal__description {
	display: none
}
}.certificate-modal__small-description {
	display: none;
	font-size: 12px;
	line-height: 1.67;
	text-align: center;
	margin-bottom: 24px
}
@media(max-width: 576px) {
	.certificate-modal__small-description {
	display: block
}
}.certificate-modal__flow-chart {
	margin-bottom: 40px;
	display: flex;
	align-items: center
}
.certificate-modal__flow-chart__single-container {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 128px
}
@media(max-width: 576px) {
	.certificate-modal__flow-chart__single-container {
	min-width: 84px;
	width: 84px;
	max-height: 100px
}
}.certificate-modal__flow-chart__illustration {
	width: 82px;
	height: 82px;
	margin-bottom: 4px
}
.certificate-modal__flow-chart__num {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	font-weight: bold;
	color: #fff;
	background-color: #019fde;
	padding: 8px;
	font-size: 16px;
	position: absolute;
	top: 10%;
	left: 12%
}
.certificate-modal__flow-chart__text {
	font-size: 16px;
	color: #4c545a;
	font-weight: 600
}
.certificate-modal__flow-chart__arrow {
	max-width: 64px;
	height: 9px
}
@media(max-width: 576px) {
	.certificate-modal__flow-chart__arrow {
	display: none
}
}.certificate-modal__flow-chart__short-arrow {
	display: none
}
@media(max-width: 576px) {
	.certificate-modal__flow-chart__short-arrow {
	display: block;
	max-width: 24px;
	height: 9px
}
}.certificate-modal__summary {
	color: #8b9195;
	font-size: 16px;
	line-height: 1.69;
	line-height: 27px;
	margin-bottom: 24px
}
@media(max-width: 576px) {
	.certificate-modal__summary {
	font-size: 12px;
	line-height: 2.25;
	margin-bottom: 8px
}
}.certificate-modal__list {
	background-color: #f7f8fa;
	width: 100%;
	padding: 18px 3px 24px 3px;
	margin-bottom: 16px;
	max-height: 80vh;
	overflow: scroll
}
.certificate-modal__list__colnames {
	display: flex;
	margin-bottom: 18px;
	padding-right: 28px;
	width: 100%
}
@media(max-width: 576px) {
	.certificate-modal__list__colnames {
	padding-right: 16px
}
}.certificate-modal__list__title {
	color: #019fde;
	font-size: 24px;
	font-weight: 600;
	margin-right: auto
}
@media(max-width: 576px) {
	.certificate-modal__list__title {
	font-size: 16px;
	line-height: 1.5;
	max-width: 50%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
}.certificate-modal__list__small-column {
	color: #4c545a;
	font-size: 16px;
	display: none
}
.certificate-modal__list__small-column: not(: last-of-type) {
	margin-right: 32px
}
@media(max-width: 576px) {
	.certificate-modal__list__small-column {
	display: block
}
}.certificate-modal__list__column {
	color: #4c545a;
	font-size: 16px
}
.certificate-modal__list__column: not(: nth-of-type(3)) {
	margin-right: 56px
}
@media(max-width: 576px) {
	.certificate-modal__list__column {
	display: none
}
}.certificate-modal__list__item {
	font-size: 16px;
	color: #4c545a;
	background-color: #fff;
	padding: 17px 28px 17px 24px;
	margin-bottom: 1px;
	width: 100%;
	display: flex;
	align-items: center
}
.certificate-modal__list__item--container {
	width: 100%
}
.certificate-modal__list__item--container: not(: last-of-type) {
	margin-bottom: 18px
}
.certificate-modal__list__item__icon-container {
	height: 24px;
	width: 64px;
	text-align: center;
	display: flex;
	justify-content: center
}
@media(max-width: 576px) {
	.certificate-modal__list__item__icon-container {
	width: 32px
}
}@media(max-width: 576px) {
	.certificate-modal__list__item__icon-container--left {
	transform: translateX(-4px)
}
}.certificate-modal__list__item__icon-container .fa-lightbulb {
	color: #fff;
	width: 11px;
	height: 12px
}
.certificate-modal__list__item__icon-container--lightbulb {
	transform: translateY(1.1px);
	display: flex;
	height: 21px;
	width: 21px;
	align-items: center;
	justify-content: center;
	background-color: #4c545a;
	border-radius: 50%;
	cursor: pointer
}
.certificate-modal__list__item__icon-container--play {
	cursor: pointer
}
.certificate-modal__list__item__icon-container: not(: last-of-type) {
	margin-right: 56px
}
@media(max-width: 576px) {
	.certificate-modal__list__item__icon-container: not(: last-of-type) {
	margin-right: 27px
}
}@media(max-width: 576px) {
	.certificate-modal__list__item {
	padding-left: 0;
	padding-right: 16px;
	background-color: inherit
}
}.certificate-modal__list__item__text {
	display: flex;
	align-items: center;
	width: 60%;
	margin-right: auto
}
.certificate-modal__list__item__text__sort {
	margin-right: 15px
}
@media(max-width: 576px) {
	.certificate-modal__list__item__text {
	max-width: 50%
}
}.certificate-modal__btn: disabled {
	background-color: #d3dee5;
	border-color: #d3dee5
}
.certificate__wrapper {
	padding: 32px;
	margin: 0 auto;
	width: 100%;
	text-align: center
}
@media(max-width: 991px) {
	.certificate__wrapper {
	padding: 16px 8px
}
}.certificate__wrapper .certificate__preview {
	width: 600px;
	height: 424px;
	background-color: #fff;
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	border: solid 1px #d3dee5;
	text-align: left
}
@media(max-width: 991px) {
	.certificate__wrapper .certificate__preview {
	width: 340px;
	height: 238.2px
}
}@media(max-width: 320px) {
	.certificate__wrapper .certificate__preview {
	width: 270px;
	height: 189.1px
}
}.certificate__wrapper .certificate__cover {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute
}
.certificate__wrapper .certificate__bg {
	width: 28%;
	height: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 1% 0 1% 1%
}
.certificate__wrapper .certificate__info {
	width: 72%;
	height: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 28%;
	padding: 1% 1% 1% 5%
}
.certificate__wrapper .info__yottaurmate {
	width: 100%;
	padding: 13.5px 53.8px;
	box-sizing: border-box;
	text-align: right;
	line-height: 5.7px;
	margin-bottom: 14.8px
}
@media(max-width: 991px) {
	.certificate__wrapper .info__yottaurmate {
	padding: 5.5px 25.8px
}
}@media(max-width: 320px) {
	.certificate__wrapper .info__yottaurmate {
	margin-bottom: 5.8px;
	padding: 3.5px 20.8px
}
}.certificate__wrapper .info__title {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: .86px;
	color: #8b9195
}
@media(max-width: 991px) {
	.certificate__wrapper .info__title {
	font-size: 5.7px;
	letter-spacing: .48px
}
}.certificate__wrapper .info__completion {
	font-size: 14.3px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.7;
	letter-spacing: 2.14px;
	color: #4c545a
}
@media(max-width: 991px) {
	.certificate__wrapper .info__completion {
	font-size: 8.1px;
	letter-spacing: 1.21px
}
}.certificate__wrapper .info__img {
	width: 154px;
	height: 25px;
	display: inline-block
}
@media(max-width: 991px) {
	.certificate__wrapper .info__img {
	width: 87px;
	height: 14px
}
}.certificate__wrapper .info__cover {
	width: 100%;
	height: 100%
}
.certificate__wrapper .info__username {
	font-size: 28.5px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: .85;
	letter-spacing: normal;
	color: #4c545a;
	margin: 39.1px 0 34.9px
}
@media(max-width: 991px) {
	.certificate__wrapper .info__username {
	font-size: 16.2px;
	margin: 9.1px 0 19.9px;
	line-height: .85
}
}@media(max-width: 320px) {
	.certificate__wrapper .info__username {
	font-size: 14px;
	margin: 5px 0 9.9px
}
}.certificate__wrapper .info__content {
	font-size: 11.4px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #4c545a;
	margin-bottom: 28.2px
}
@media(max-width: 991px) {
	.certificate__wrapper .info__content {
	font-size: 6.5px;
	margin-bottom: 16px
}
}@media(max-width: 320px) {
	.certificate__wrapper .info__content {
	margin-bottom: 6px
}
}.certificate__wrapper .info__course {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #4c545a
}
.certificate__wrapper .course__subject {
	font-size: 14.3px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #4c545a;
	margin-bottom: 5.2px
}
@media(max-width: 991px) {
	.certificate__wrapper .course__subject {
	font-size: 8.1px;
	margin-bottom: 2.4px
}
}.certificate__wrapper .course__content {
	width: 100%;
	height: 71.3px;
	margin-bottom: 8.6px;
	position: relative
}
@media(max-width: 991px) {
	.certificate__wrapper .course__content {
	height: 40.2px;
	margin-bottom: 4.8px
}
}@media(max-width: 320px) {
	.certificate__wrapper .course__content {
	height: 28.3px;
	margin-bottom: 2.8px
}
}.certificate__wrapper .course__title {
	font-size: 14.3px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #4c545a;
	width: 225px;
	display: inline-block
}
@media(max-width: 991px) {
	.certificate__wrapper .course__title {
	font-size: 8.1px;
	width: 125px
}
}@media(max-width: 320px) {
	.certificate__wrapper .course__title {
	width: 90px;
	line-height: 1.5
}
}.certificate__wrapper .course__img {
	width: 125.4px;
	height: 100%;
	background-color: #ccc;
	margin-right: 28px;
	position: absolute;
	right: 0;
	top: 0
}
@media(max-width: 991px) {
	.certificate__wrapper .course__img {
	width: 71.1px;
	margin-right: 12px
}
}@media(max-width: 320px) {
	.certificate__wrapper .course__img {
	width: 50px;
	margin-right: 6px
}
}.certificate__wrapper .course__cover {
	width: 100%;
	height: 100%
}
.certificate__wrapper .course__findate {
	font-size: 11.4px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #8b9195
}
@media(max-width: 991px) {
	.certificate__wrapper .course__findate {
	font-size: 6.5px
}
}.certificate__wrapper .certificate__content {
	margin-top: 32px
}
.certificate__wrapper .certificate__title {
	font-size: 36px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #009fde;
	margin-bottom: 16px
}
@media(max-width: 991px) {
	.certificate__wrapper .certificate__title {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.69
}
}.certificate__wrapper .certificate__share {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.69;
	letter-spacing: normal;
	color: #4c545a;
	margin: 0 15%;
	text-align: left;
	margin-bottom: 32px
}
@media(max-width: 991px) {
	.certificate__wrapper .certificate__share {
	margin: 0 8px;
	margin-bottom: 16px
}
}.certificate__wrapper .certificate__btn {
	width: 127px;
	display: inline-block;
	border-radius: 5px;
	background-color: #009fde;
	padding: 10px
}
.certificate__wrapper .certificate__btn--text {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: normal;
	color: #fff
}
.certificate-modal__flow-chart__single-container {
	text-align: center;
	min-height: 135px
}
@media(max-width: 768px) {
	.certificate-modal__flow-chart__single-container {
	min-height: 165px;
	min-width: 84px;
	width: auto
}
}.certificate-modal__flow-chart {
	margin-bottom: auto
}
@media(max-width: 420px) {
	.certificate-modal__summary {
	display: flex;
	flex-direction: column
}
}.body--coupon.pending .is--logout {
	display: none
}
.body--coupon.pending .is--login {
	display: none
}
.body--coupon.logout .is--logout {
	display: flex
}
.body--coupon.logout .is--login {
	display: none
}
.body--coupon.login .is--logout {
	display: none !important
}
.body--coupon.login .is--login {
	display: flex
}
.body--coupon .wrapper {
	background: #fff;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-top: 30px;
	width: 100%;
	overflow: hidden
}
.body--coupon .login-form {
	width: 440px;
	margin: 0 auto
}
@media(max-width: 567px) {
	.body--coupon .login-form {
	margin: 0
}
}.page--coupon {
	width: 1210px;
	margin: 0 auto;
	padding-top: 0
}
@media(max-width: 1240px) {
	.page--coupon {
	width: 1010px
}
}@media(max-width: 1040px) {
	.page--coupon {
	width: 740px
}
}@media(max-width: 768px) {
	.page--coupon {
	width: 568px
}
}@media(max-width: 567px) {
	.page--coupon {
	width: 100%
}
}@media(max-width: 567px) {
	.page--coupon {
	padding: 30px 20px
}
}.page--coupon .header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px
}
@media(max-width: 567px) {
	.page--coupon .header {
	flex-direction: column;
	margin-bottom: 10px
}
}.page--coupon .input-group {
	height: 40px;
	width: 300px;
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-bottom: 0;
	position: relative
}
.page--coupon .input-group.has-error input {
	border-color: #ff5b74 !important
}
.page--coupon .input-group.has-error button {
	background-color: #ff5b74 !important
}
.page--coupon .input-group.has-error .error-msg {
	display: flex
}
.page--coupon .input-group: focus-within input {
	border-color: #019fde
}
.page--coupon .input-group: focus-within button {
	background-color: #019fde
}
@media(max-width: 567px) {
	.page--coupon .input-group {
	height: 36px
}
}.page--coupon .input-group .input {
	display: flex;
	height: 100%;
	width: 100%
}
.page--coupon .input-group input {
	height: 100%;
	border: 1px solid rgba(0,0,0,.16);
	color: #707070;
	flex-grow: 1;
	font-size: 16px;
	font-weight: 500;
	padding: 10px;
	width: 220px
}
@media(max-width: 567px) {
	.page--coupon .input-group input {
	font-size: 14px
}
}.page--coupon .input-group button {
	border: none;
	padding: 0;
	height: 100%;
	background-color: #707070;
	color: #fff;
	width: 80px;
	border-radius: 0 4px 4px 0
}
.page--coupon .input-group button: focus {
	outline: none
}
@media(max-width: 567px) {
	.page--coupon .input-group button {
	font-size: 14px
}
}.page--coupon .input-group .error-msg {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	height: 18px;
	display: none;
	align-items: center
}
.page--coupon .input-group .error-msg .svg-icon {
	fill: #ff5b74
}
.page--coupon h1 {
	height: 48px;
	font-size: 34px;
	color: #4c545a
}
@media(max-width: 768px) {
	.page--coupon h1 {
	height: 40px;
	font-size: 28px
}
}@media(max-width: 567px) {
	.page--coupon h1 {
	height: 30px;
	font-size: 22px;
	margin-bottom: 20px
}
}.page--coupon .showcase {
	display: flex;
	flex-direction: column
}
.page--coupon .showcase .area {
	display: none;
	position: relative
}
.page--coupon .showcase .area .empty {
	height: 200px;
	flex-direction: column;
	display: none
}
.page--coupon .showcase .area .empty p {
	font-size: 20px;
	font-weight: 500;
	margin-top: 20px
}
.page--coupon .showcase .area .empty img {
	width: 200px;
	height: 200px
}
.page--coupon .showcase .area .loading {
	display: none
}
.page--coupon .showcase .area .loading img {
	width: 150px
}
@media(max-width: 567px) {
	.page--coupon .showcase .area .loading img {
	width: 80px
}
}.page--coupon .showcase .area.s--loading {
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 100%
}
.page--coupon .showcase .area.s--loading .loading {
	display: flex
}
.page--coupon .showcase .area.s--empty {
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 100%
}
.page--coupon .showcase .area.s--empty .empty {
	display: flex
}
.page--coupon .showcase .area .coupon-list {
	display: flex
}
.page--coupon .showcase.s--available .area--available {
	display: flex
}
.page--coupon .showcase.s--available .showcase__tab: : after {
	left: calc(16.66665% + (33.3333% * 0))
}
.page--coupon .showcase.s--available .tab--available {
	color: #019fde
}
.page--coupon .showcase.s--available .set__title.used_title {
	display: none
}
.page--coupon .showcase.s--available .set__title.expired_title {
	display: none
}
.page--coupon .showcase.s--available .content__set .used_time {
	display: none
}
.page--coupon .showcase.s--used .area--used {
	display: flex
}
.page--coupon .showcase.s--used .showcase__tab: : after {
	left: calc(16.66665% + (33.3333% * 1))
}
.page--coupon .showcase.s--used .tab--used {
	color: #019fde
}
.page--coupon .showcase.s--used .set__title.available＿title {
	display: none
}
.page--coupon .showcase.s--used .set__title.expired_title {
	display: none
}
.page--coupon .showcase.s--used .content__set .not_used_time {
	display: none
}
.page--coupon .showcase.s--expired .area--expired {
	display: flex
}
.page--coupon .showcase.s--expired .showcase__tab: : after {
	left: calc(16.66665% + (33.3333% * 2))
}
.page--coupon .showcase.s--expired .tab--expired {
	color: #019fde
}
.page--coupon .showcase.s--expired .set__title.available＿title {
	display: none
}
.page--coupon .showcase.s--expired .set__title.used_title {
	display: none
}
.page--coupon .showcase.s--expired .content__set .used_time {
	display: none
}
.page--coupon .showcase__tab-wrapper {
	width: 100vw;
	align-self: center;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid rgba(0,0,0,.16)
}
.page--coupon .showcase__tab {
	display: flex;
	height: 50px;
	position: relative;
	cursor: pointer;
	width: 1210px
}
@media(max-width: 1240px) {
	.page--coupon .showcase__tab {
	width: 1010px
}
}@media(max-width: 1040px) {
	.page--coupon .showcase__tab {
	width: 740px
}
}@media(max-width: 768px) {
	.page--coupon .showcase__tab {
	width: 568px
}
}@media(max-width: 567px) {
	.page--coupon .showcase__tab {
	width: 100%
}
}.page--coupon .showcase__tab: : after {
	content: "";
	display: block;
	position: absolute;
	height: 5px;
	background: #019fde;
	bottom: 0;
	transform: translateX(-50%);
	transition: all .2s ease-in;
	left: calc(16.66665% + (33.3333% * 0));
	width: calc(33.3333% - 144px)
}
@media(max-width: 1240px) {
	.page--coupon .showcase__tab: : after {
	width: calc(33.3333% - 76px)
}
}@media(max-width: 1040px) {
	.page--coupon .showcase__tab: : after {
	width: calc(33.3333% - 90px)
}
}@media(max-width: 768px) {
	.page--coupon .showcase__tab: : after {
	width: calc(33.3333% - 50px)
}
}@media(max-width: 567px) {
	.page--coupon .showcase__tab: : after {
	width: calc(33.3333% - 32px)
}
}.page--coupon .showcase__tab .tab {
	width: 33.33333%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 500;
	color: #bbb
}
.page--coupon .showcase__tab .tab .coupon-num {
	margin-left: 5px
}
.page--coupon .showcase__tab .tab: hover {
	color: #019fde
}
.page--coupon .showcase__area {
	min-height: 540px;
	display: flex;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 30px
}
.page--coupon .showcase__area: : -webkit-scrollbar {
	display: none
}
.page--coupon .showcase__area .c-coupon {
	margin-right: 40px;
	cursor: default
}
.page--coupon .showcase__area .c-coupon: last-of-type {
	margin-right: 0
}
@media(max-width: 567px) {
	.page--coupon .showcase__area {
	height: 500px;
	overflow-x: scroll
}
.page--coupon .showcase__area: : -webkit-scrollbar {
	display: none
}
}.page--coupon .info {
	width: 100%;
	background: #f7f7f7;
	padding: 20px 50px;
	margin-bottom: 100px;
	margin-top: 50px
}
@media(max-width: 1040px) {
	.page--coupon .info {
	width: 740px;
	padding: 20px 40px;
	height: fit-content
}
}@media(max-width: 768px) {
	.page--coupon .info {
	width: 100%;
	padding: 20px
}
}@media(max-width: 567px) {
	.page--coupon .info {
	padding: 20px 10px
}
}.page--coupon .info h3 {
	height: 30px;
	font-size: 22px;
	font-weight: 500;
	color: #4c545a;
	margin-bottom: 30px;
	text-align: center
}
@media(max-width: 567px) {
	.page--coupon .info h3 {
	font-size: 18px;
	margin-bottom: 20px
}
}.page--coupon .info .info__content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
@media(max-width: 1040px) {
	.page--coupon .info .info__content {
	flex-direction: column;
	align-items: center
}
}.page--coupon .info .content__box {
	width: 400px;
	min-height: 105px;
	margin-bottom: 40px
}
@media(max-width: 1040px) {
	.page--coupon .info .content__box {
	width: 100%;
	min-height: fit-content;
	margin-bottom: 20px
}
.page--coupon .info .content__box: last-of-type {
	margin-bottom: 30px
}
}.page--coupon .info h5 {
	color: #019fde;
	font-weight: 500;
	font-size: 18px;
	text-align: left;
	margin-bottom: 10px
}
@media(max-width: 567px) {
	.page--coupon .info h5 {
	font-size: 15px
}
}.page--coupon .info p {
	font-size: 16px;
	color: #707070;
	line-height: 1.5;
	text-align: left
}
@media(max-width: 567px) {
	.page--coupon .info p {
	font-size: 14px;
	height: 84px
}
}.page--coupon .info .info__link {
	margin: 0 auto;
	width: 260px;
	height: 50px;
	color: #fff;
	background: #019fde;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	border-radius: 4px
}
@media(max-width: 567px) {
	.page--coupon .info .info__link {
	height: 42px;
	width: 200px;
	font-size: 14px
}
}@media(max-width: 567px) {
	.page--coupon .showcase__control {
	display: none
}
}.page--coupon .showcase__control button {
	height: 50px;
	width: 50px;
	border-radius: 50%;
	border: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 3px 10px 0 rgba(0,0,0,.25);
	background-color: #fff;
	padding: 0
}
.page--coupon .showcase__control button: first-of-type {
	margin-right: 25px
}
.page--coupon .showcase__control button: last-of-type {
	margin-left: 25px
}
.page--coupon .showcase__control button: hover {
	background: #019fde
}
.page--coupon .showcase__control button: hover .svg-icon {
	fill: #fff
}
.page--coupon .showcase__control .svg-icon {
	margin: 0;
	height: 40px
}
.page--coupon .l-section {
	display: flex;
	flex-direction: column
}
.page--coupon .l-section: last-of-type {
	margin-bottom: 50px
}
@media(max-width: 768px) {
	.page--coupon .l-section .slider--wrapper: last-of-type .c-course-card {
	border-bottom: none
}
}.page--coupon .section--red .title__accordion .accordion__bg {
	background: #ff5b74
}
.page--coupon .section--red .c-slider-control button: hover {
	background: #ff5b74
}
.page--coupon .section--red .c-slider-control button: hover .svg-icon {
	fill: #fff
}
.page--coupon .c-title {
	height: 48px;
	margin: 0 10px 0 0;
	font-size: 34px;
	font-weight: 500;
	line-height: 1.18;
	color: #4c545a;
	display: flex;
	align-items: center
}
@media(max-width: 1040px) {
	.page--coupon .c-title {
	height: 40px;
	font-size: 28px;
	line-height: 1.21
}
}@media(max-width: 567px) {
	.page--coupon .c-title {
	height: 30px;
	font-size: 22px;
	line-height: 1.18
}
}.page--coupon .c-title span {
	margin-right: 10px
}
.page--coupon .c-title .title__accordion {
	display: inline-flex;
	align-items: center;
	margin-left: 10px;
	border-radius: 25px;
	padding-right: 10px;
	height: 32px;
	cursor: pointer;
	position: relative;
	width: 200px
}
@media(max-width: 1040px) {
	.page--coupon .c-title .title__accordion {
	height: 26px;
	width: 26px
}
}@media(max-width: 567px) {
	.page--coupon .c-title .title__accordion {
	height: 20px;
	height: 20px
}
}.page--coupon .c-title .title__accordion: hover .accordion__bg {
	transform: scaleX(1)
}
.page--coupon .c-title .title__accordion .accordion__img {
	position: absolute;
	z-index: 2
}
.page--coupon .c-title .title__accordion p {
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	z-index: 1;
	margin-left: 37px
}
@media(max-width: 1040px) {
	.page--coupon .c-title .title__accordion p {
	display: none
}
}.page--coupon .c-title .title__accordion .accordion__bg {
	height: 100%;
	width: calc(100% - 24px);
	position: absolute;
	margin-left: 16px;
	border-radius: 0 25px 25px 0;
	transform-origin: left;
	transform: scaleX(0);
	transition: transform .2s ease-in
}
@media(max-width: 1040px) {
	.page--coupon .c-title .title__accordion .accordion__bg {
	display: none
}
}.page--coupon .c-title .title__img {
	height: 32px;
	width: 32px;
	border-radius: 50%
}
@media(max-width: 1040px) {
	.page--coupon .c-title .title__img {
	height: 26px;
	width: 26px
}
}@media(max-width: 567px) {
	.page--coupon .c-title .title__img {
	height: 20px;
	width: 20px
}
}.page--coupon .c-section__title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: fit-content;
	display: flex;
	align-items: center
}
.page--coupon .c-section__link {
	background: transparent;
	margin: 0 0 0 auto;
	display: flex;
	align-items: center;
	border: none;
	font-weight: 500;
	line-height: 1.19;
	border-bottom: 1px solid #bbb;
	color: #bbb
}
@media(max-width: 567px) {
	.page--coupon .c-section__link {
	font-size: 14px;
	line-height: 1.14
}
}.page--coupon .c-section__link: hover {
	color: #4c545a;
	border-color: #4c545a
}
.page--coupon .c-slider-control {
	margin-left: 20px;
	display: flex;
	align-items: center
}
@media(max-width: 768px) {
	.page--coupon .c-slider-control {
	display: none
}
}.page--coupon .c-slider-control button {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: none;
	position: relative;
	background-color: rgba(0,0,0,.12)
}
.page--coupon .c-slider-control button: last-of-type {
	margin-left: 10px
}
.page--coupon .c-slider-control .svg-icon {
	height: 30px;
	margin: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	fill: #4c545a
}
.page--coupon .c-slider-control.disable {
	cursor: not-allowed
}
.page--coupon .c-slider-control.disable button {
	pointer-events: none
}
.page--coupon .slider--wrapper {
	width: 310px !important;
	display: flex !important;
	align-items: center;
	justify-content: center
}
@media(max-width: 1240px) {
	.page--coupon .slider--wrapper {
	width: 260px !important
}
}@media(max-width: 1040px) {
	.page--coupon .slider--wrapper {
	width: 255px !important
}
}@media(max-width: 768px) {
	.page--coupon .slider--wrapper {
	width: 100% !important
}
}.page--coupon .l-block {
	display: flex;
	flex-wrap: wrap;
	width: 1240px;
	overflow: hidden;
	margin-left: -15px;
	padding: 20px 0 50px 0
}
@media(max-width: 1240px) {
	.page--coupon .l-block {
	width: 1040px
}
}@media(max-width: 1040px) {
	.page--coupon .l-block {
	width: 765px;
	margin-left: -12.5px
}
}@media(max-width: 768px) {
	.page--coupon .l-block {
	height: fit-content;
	margin: 0;
	width: 100%
}
}.page--coupon .l-block .slick-list {
	overflow: visible
}
.c-coupon {
	position: relative;
	width: 280px;
	height: 460px
}
@media(max-width: 567px) {
	.c-coupon {
	width: 220px;
	height: 411px
}
}.c-coupon .coupon__bg svg {
	filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.12))
}
@media(max-width: 567px) {
	.c-coupon #coupon-bg--big {
	display: none
}
}.c-coupon #coupon-bg--small {
	display: none
}
@media(max-width: 567px) {
	.c-coupon #coupon-bg--small {
	display: block
}
}.c-coupon.coupon--available .coupon__bg svg,.c-coupon.coupon--used .coupon__bg svg {
	fill: #a3d8f2
}
.c-coupon.coupon--available .svg-icon.gift,.c-coupon.coupon--used .svg-icon.gift {
	fill: #019fde
}
.c-coupon.coupon--available .coupon__title,.c-coupon.coupon--used .coupon__title {
	color: #019fde
}
.c-coupon.coupon--available .coupon__link {
	border: 2px solid #019fde;
	transition: .2s ease-in all
}
.c-coupon.coupon--available .coupon__link: hover {
	background: #019fde;
	color: #fff
}
.c-coupon.coupon--used .coupon__link {
	cursor: unset;
	border: 2px solid #a3d8f2;
	background: #a3d8f2;
	color: #fff
}
.c-coupon.coupon--emergent .coupon__bg svg {
	fill: #f2a3a3
}
.c-coupon.coupon--emergent .svg-icon.gift {
	fill: #ff5b74
}
.c-coupon.coupon--emergent .coupon__tag {
	background: #ff5b74
}
.c-coupon.coupon--emergent .coupon__title {
	color: #ff5b74
}
.c-coupon.coupon--emergent .set--time .set__txt {
	color: #ff5b74
}
.c-coupon.coupon--emergent .coupon__link {
	color: #ff5b74;
	border: 2px solid #ff5b74;
	transition: .2s ease-in all
}
.c-coupon.coupon--emergent .coupon__link: hover {
	background: #ff5b74;
	color: #fff
}
.c-coupon.coupon--expired .coupon__bg svg {
	fill: #bbb
}
.c-coupon.coupon--expired .svg-icon.gift {
	fill: #bbb
}
.c-coupon.coupon--expired .coupon__title {
	color: #bbb
}
.c-coupon.coupon--expired .coupon__link {
	cursor: unset;
	border: 1px solid #bbb;
	background: #bbb;
	color: #fff
}
.c-coupon.s--animating {
	animation: bounce 1.4s 3 ease-in-out
}
@keyframes bounce {
	0% {
	transform: translateY(0)
}
20% {
	transform: translateY(0)
}
40% {
	transform: translateY(-30px)
}
50% {
	transform: translateY(0)
}
60% {
	transform: translateY(-15px)
}
80% {
	transform: translateY(0)
}
100% {
	transform: translateY(0)
}
}.c-coupon .coupon__bg {
	height: 100%;
	width: 100%
}
.c-coupon .coupon__wrapper {
	position: absolute;
	background: #fff;
	width: 260px;
	height: 430px;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	padding: 20px 20px 10px 20px;
	display: flex;
	flex-direction: column;
	align-items: center
}
@media(max-width: 567px) {
	.c-coupon .coupon__wrapper {
	width: 200px;
	height: 371px;
	padding: 10px
}
}.c-coupon .svg-icon.gift {
	height: 30px;
	width: 30px;
	margin-bottom: 10px
}
@media(max-width: 567px) {
	.c-coupon .svg-icon.gift {
	height: 24px;
	width: 24px
}
}.c-coupon .coupon__tag {
	height: 30px;
	width: 60px;
	position: absolute;
	background: #019fde;
	color: #fff;
	border-radius: 4px;
	font-size: 16px;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
	font-weight: 500;
	top: 10px;
	right: 10px
}
@media(max-width: 567px) {
	.c-coupon .coupon__tag {
	height: 26px;
	width: 40px;
	font-size: 14px
}
}.c-coupon .coupon__title {
	height: 50px;
	font-size: 28px;
	font-weight: bold;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px dashed rgba(0,0,0,.12)
}
@media(max-width: 567px) {
	.c-coupon .coupon__title {
	height: 36px;
	font-size: 22px
}
}.c-coupon .set__txt.type-all {
	overflow: hidden
}
.c-coupon .coupon__content {
	font-size: 16px;
	margin-bottom: 20px;
	width: 100%;
	text-align: left
}
.c-coupon .coupon__content h5 {
	height: 28px;
	font-size: 20px;
	margin-bottom: 10px;
	overflow: hidden
}
@media(max-width: 567px) {
	.c-coupon .coupon__content h5 {
	height: 22px;
	font-size: 16px;
	line-height: 22px
}
}.c-coupon .set--time .time-info {
	height: 26px;
	line-height: 26px
}
.c-coupon .set--time .time-info .box {
	height: 26px;
	width: 26px;
	background: #ff5b74;
	color: #fff;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 7px
}
.c-coupon .set--time .time-info .box: first-of-type {
	margin-left: 0
}
.c-coupon .content__set {
	height: 44px;
	margin-bottom: 10px
}
@media(max-width: 567px) {
	.c-coupon .content__set {
	height: 40px
}
}.c-coupon .content__set p {
	height: 22px;
	line-height: 22px;
	display: flex
}
@media(max-width: 567px) {
	.c-coupon .content__set p {
	height: 20px;
	line-height: 20px;
	font-size: 14px
}
}.c-coupon .content__set: last-of-type {
	margin-bottom: 0
}
.c-coupon .set__title {
	color: #bbb
}
.c-coupon .tooltip-group {
	position: relative
}
.c-coupon .tooltip-group .tooltip-content {
	width: 340px;
	background: #000;
	color: #fff;
	position: absolute
}
.c-coupon .coupon__link {
	width: 100%;
	height: 50px;
	color: #019fde;
	background: transparent;
	outline: none;
	font-size: 16px;
	font-weight: 500;
	border-radius: 4px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: auto
}
@media(max-width: 567px) {
	.c-coupon .coupon__link {
	height: 42px;
	font-size: 14px
}
}.c-coupon .coupon__note {
	font-size: 14px;
	color: #bbb;
	align-self: center
}
@media(max-width: 567px) {
	.c-coupon .coupon__note {
	font-size: 12px
}
}.c-coupon .bs-tip-show-icon {
	display: flex;
	align-items: center;
	justify-content: center
}
.c-coupon .bs-tip-show-icon+.tooltip .tooltip-arrow: after {
	background: #000
}
.c-coupon .bs-tip-show-icon+.tooltip .tooltip-inner {
	background: #000;
	display: flex;
	justify-content: center;
	color: #fff;
	max-width: 260px;
	width: 260px;
	flex-direction: column;
	word-wrap: break-word;
	text-align: left;
	white-space: pre-line;
	padding: 10px 20px
}
.c-coupon .bs-tip-show-icon+.tooltip .tooltip-inner h5 {
	text-align: center;
	font-size: 18px;
	font-weight: 500
}
.c-coupon .bs-tip-show-icon+.tooltip .tooltip-inner li {
	text-align: left;
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px
}
.c-coupon .bs-tip-show-icon+.tooltip .tooltip-inner li .num-box {
	display: flex;
	width: 20px;
	height: 20px;
	background: #fff;
	color: #4c545a;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
	margin-right: 10px;
	flex-shrink: 0
}
.c-coupon .bs-tip-show-icon+.tooltip .tooltip-inner span {
	word-wrap: break-word;
	max-height: 42px;
	line-height: 20px;
	overflow: hidden
}
@media(max-width: 567px) {
	.c-coupon .bs-tip-show-icon+.tooltip .tooltip-inner {
	width: 170px;
	font-size: 14px;
	padding: 10px
}
}.authenticate-form,.authenticate-form--success,.authenticate-form--fail {
	width: 300px;
	margin: 0 auto;
	text-align: center
}
.authenticate-form .form__content>div,.authenticate-form--success .form__content>div,.authenticate-form--fail .form__content>div {
	margin-bottom: 20px
}
.authenticate-form .form__content>.btn,.authenticate-form--success .form__content>.btn,.authenticate-form--fail .form__content>.btn {
	margin: 0 auto
}
.authenticate-form .form__banner,.authenticate-form--success .form__banner,.authenticate-form--fail .form__banner {
	height: 110px
}
.authenticate-form .form__title,.authenticate-form--success .form__title,.authenticate-form--fail .form__title {
	margin: 10px;
	font-size: 18px;
	font-weight: 500;
	margin-top: 10px
}
.authenticate-form .autoinput,.authenticate-form--success .autoinput,.authenticate-form--fail .autoinput {
	min-height: 120px
}
.authenticate-form .autoinput__group .mr-10,.authenticate-form--success .autoinput__group .mr-10,.authenticate-form--fail .autoinput__group .mr-10 {
	margin-right: 10px
}
.authenticate-form .autoinput__input,.authenticate-form--success .autoinput__input,.authenticate-form--fail .autoinput__input {
	width: 30px;
	height: 40px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 4px
}
.authenticate-form .autoinput__input: focus,.authenticate-form--success .autoinput__input: focus,.authenticate-form--fail .autoinput__input: focus {
	border: 1px solid #019fde
}
.authenticate-form .has-error .autoinput__input,.authenticate-form--success .has-error .autoinput__input,.authenticate-form--fail .has-error .autoinput__input {
	border: 1px solid #ff5b74
}
.authenticate-form .has-error .autoinput__label,.authenticate-form--success .has-error .autoinput__label,.authenticate-form--fail .has-error .autoinput__label {
	display: flex;
	justify-content: center;
	align-items: center
}
.authenticate-form .btn-area,.authenticate-form--success .btn-area,.authenticate-form--fail .btn-area {
	display: flex
}
.authenticate-form .btn-area .btn,.authenticate-form--success .btn-area .btn,.authenticate-form--fail .btn-area .btn {
	flex: 1;
	margin-left: 20px
}
.authenticate-form .btn-area .btn: first-child,.authenticate-form--success .btn-area .btn: first-child,.authenticate-form--fail .btn-area .btn: first-child {
	margin-left: 0
}
.authenticate__resend-btn {
	padding: 0;
	border: none;
	background: none;
	text-decoration: underline
}
.authenticate__resend-btn: disabled {
	color: #bbb
}
.authenticate__link {
	text-decoration: underline
}
.authenticate__link: hover,.authenticate__link: focus,.authenticate__link: active {
	text-decoration: underline
}
@media(min-width: 568px) {
	.authenticate-form,.authenticate-form--success,.authenticate-form--fail {
	width: 440px
}
.authenticate-form .form__banner,.authenticate-form--success .form__banner,.authenticate-form--fail .form__banner {
	height: 100px
}
.authenticate-form .form__title,.authenticate-form--success .form__title,.authenticate-form--fail .form__title {
	font-size: 22px
}
}.is-staff .js-form-staff {
	display: block
}
.is-staff .js-form-student {
	display: none
}
.js-form-staff {
	display: none
}
@media(max-width: 991px) {
	.navTrigger {
	position: fixed;
	width: 60px;
	height: 60px;
	top: 0;
	right: 0;
	z-index: 1001
}
.navTrigger .trigger__checkbox {
	display: none
}
.navTrigger .trigger__btn {
	margin: 0;
	width: 24px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1002
}
.navTrigger .trigger__icon {
	width: 100%;
	height: 2px;
	background-color: #58bded;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}
.navTrigger .trigger__icon: : before {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #58bded;
	display: inline-block;
	position: absolute;
	top: -7px;
	left: 0;
	border-radius: 2px;
	transition: all .2s
}
.navTrigger .trigger__icon: : after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #58bded;
	display: inline-block;
	position: absolute;
	bottom: -7px;
	left: 0;
	border-radius: 2px;
	transition: all .2s
}
.navTrigger .trigger__checkbox: checked+.trigger__btn .trigger__icon {
	background-color: transparent
}
.navTrigger .trigger__checkbox: checked+.trigger__btn .trigger__icon: : before {
	top: 0;
	transform: rotate(135deg)
}
.navTrigger .trigger__checkbox: checked+.trigger__btn .trigger__icon: : after {
	top: 0;
	transform: rotate(-135deg)
}
.navTrigger .trigger__background {
	position: fixed;
	display: none;
	width: 100vw;
	height: 100vh;
	background-color: #fff;
	top: 0;
	left: 0;
	z-index: 100
}
.navTrigger .yotta__link {
	display: none;
	width: 150px;
	height: 60px;
	position: fixed;
	left: 0;
	top: 0;
	padding: 0 6.5vw;
	z-index: 1001
}
.navTrigger .yotta__logo {
	transform: translateY(6px);
	width: 100px;
	height: 10vw;
	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url("../image/logo/yotta.svg")
}
.navTrigger .navList {
	display: none;
	position: fixed;
	width: 100vw;
	height: calc(100vh - 60px);
	top: 60px;
	left: 0;
	z-index: 100
}
.navTrigger .navList__item {
	margin: 32px auto;
	text-align: center
}
.navTrigger .navList__link {
	color: #707070;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	font-size: 1.8rem
}
.navTrigger .navList__footer {
	font-size: 1rem;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #009fde;
	position: absolute;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%)
}
.navTrigger .trigger__checkbox: checked~.trigger__background,.navTrigger .trigger__checkbox: checked~.navList,.navTrigger .trigger__checkbox: checked~.yotta__link {
	display: inline-block
}
}.branding-header {
	position: fixed;
	width: 100vw;
	height: 60px;
	display: flex;
	z-index: 999;
	align-items: center;
	justify-content: space-between;
	padding: 0 2vw
}
@media(max-width: 767px) {
	.branding-header {
	width: 150px;
	height: 60px;
	padding: 0 6.5vw
}
}.branding-header .yotta__link {
	transform: translateY(-4px)
}
.branding-header .yotta__link .yotta__logo {
	width: 7vw;
	height: 1.75vw;
	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../image/logo/yotta-white.svg");
	background-position: center
}
@media(max-width: 767px) {
	.branding-header .yotta__link .yotta__logo {
	width: 100px;
	height: 10vw
}
}.branding-header .nav .nav__item {
	display: inline-block;
	width: 115px;
	height: 30px;
	padding: 1.5px 0px;
	background-color: #58bded;
	border-radius: 15px;
	text-align: center;
	margin-left: 18px
}
.branding-header .nav .nav__link {
	padding: 0;
	font-size: 1.48rem;
	color: #fff
}
.branding-header .nav .nav__link: hover {
	background-color: rgba(0,0,0,0)
}
.branding-header.headerFixed {
	background-color: #fff;
	top: 0;
	width: 100%;
	box-shadow: 0px 3px 6px 0 rgba(0,0,0,.16)
}
.branding-header.headerFixed .yotta__link .yotta__logo {
	background-image: url("../image/logo/yotta.svg")
}
.sideNav {
	position: fixed;
	left: 30px;
	top: 22vw;
	width: 42.2px;
	height: auto;
	background-color: rgba(0,0,0,.3);
	border-radius: 22.5px;
	z-index: 1000
}
.sideNav .sideNavbar {
	margin: 12px 0
}
.sideNav .side__anchor {
	padding: 17px 19px;
	position: relative
}
.sideNav .side__anchor: hover .section__link,.sideNav .side__anchor.active .section__link {
	background-color: #58bded
}
.sideNav .side__anchor: hover .section__link: : before,.sideNav .side__anchor.active .section__link: : before {
	content: "";
	position: absolute;
	border: 1px solid #fff;
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.sideNav .section__link {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #fff;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.sideNav .section__link: hover: : after {
	display: block;
	width: 100px;
	position: absolute;
	font-weight: 600;
	font-size: 1.4rem;
	top: 50%;
	transform: translateY(-50%);
	left: 40px;
	color: #fff;
	text-shadow: 0 2px 4px rgba(0,0,0,.4)
}
.sideNav .section__link[href="#section2"]: hover: : after {
	content: "敢夢。敢學"
}
.sideNav .section__link[href="#section3"]: hover: : after {
	content: "敢學｜三部曲"
}
.sideNav .section__link[href="#section7"]: hover: : after {
	content: "敢夢｜預告"
}
.sideNav .section__link[href="#section8"]: hover: : after {
	content: "自學大人物"
}
.sideNav .section__link[href="#challenge"]: hover: : after {
	content: "學習金挑戰賽"
}
.branding__section {
	width: 100vw;
	height: auto;
	position: relative
}
.branding__img {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0
}
.branding__section1 .section__left {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	padding-left: 13.5vw
}
@media(max-width: 767px) {
	.branding__section1 .section__left {
	width: 100vw;
	height: 75vw;
	padding-left: 16.5vw;
	padding-right: 16.5vw
}
}@media(max-width: 321px) {
	.branding__section1 .section__left {
	padding-left: 10vw;
	padding-right: 10vw
}
}.branding__section1 .section__left .magic__space {
	display: inline-block;
	width: 100%;
	height: 66%
}
@media(max-width: 767px) {
	.branding__section1 .section__left .magic__space {
	height: 55vw
}
}.branding__section1 .branding__content {
	margin: auto;
	width: 90%;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.78;
	letter-spacing: .2px;
	color: #707070
}
@media(min-width: 1441px) {
	.branding__section1 .branding__content {
	font-size: 2.4rem
}
}@media(max-width: 1024px)and (min-width: 992px) {
	.branding__section1 .branding__content {
	font-size: 1.6rem
}
}@media(max-width: 991px)and (min-width: 768px) {
	.branding__section1 .branding__content {
	font-size: 1.4rem
}
}@media(max-width: 767px) {
	.branding__section1 .branding__content {
	font-size: 1.2rem;
	width: 100%
}
}.branding__section1 .section__right {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	padding-left: 5vw
}
@media(max-width: 767px) {
	.branding__section1 .section__right {
	position: absolute;
	top: 75vw;
	width: 100vw;
	height: calc(100% - 74vw);
	padding-left: 23.5vw;
	padding-right: 15.5vw
}
}.branding__section1 .section__right .magic__space {
	display: inline-block;
	width: 100%;
	height: 15%
}
@media(max-width: 767px) {
	.branding__section1 .section__right .magic__space {
	display: none
}
}.branding__section1 #carousel {
	z-index: -2
}
@media(max-width: 767px) {
	.branding__section1 #carousel {
	height: 100%
}
}.branding__section1 #carousel .item__img {
	height: 100%
}
.branding__section1 #carousel .item {
	width: 100%;
	height: 100%
}
.branding__section1 #carousel .carousel-control {
	z-index: 2;
	position: absolute;
	top: 0
}
.branding__section1 #carousel .left.carousel-control {
	left: 0;
	background-image: none
}
.branding__section1 #carousel .right.carousel-control {
	right: 0;
	background-image: none
}
.branding__section1 #carousel .slider-description {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 70%;
	font-size: 2.8rem;
	color: #fff;
	line-height: 1.54;
	letter-spacing: 6.55px
}
@media(min-width: 1441px) {
	.branding__section1 #carousel .slider-description {
	font-size: 2.4rem
}
}@media(max-width: 1024px)and (min-width: 992px) {
	.branding__section1 #carousel .slider-description {
	font-size: 1.6rem
}
}@media(max-width: 991px)and (min-width: 768px) {
	.branding__section1 #carousel .slider-description {
	font-size: 1.4rem;
	top: 65%;
	left: 55%
}
}@media(max-width: 767px) {
	.branding__section1 #carousel .slider-description {
	width: 100px;
	font-size: 1.4rem;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: justify;
	bottom: 20%;
	top: 55.5%
}
}.branding__section2 .branding__iframe {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,.85);
	z-index: 990
}
.branding__section2 .branding__iframe.open {
	display: block
}
@media(max-width: 415px) {
	.branding__section2 .branding__iframe {
	height: 55%
}
}.branding__section2 .section__top {
	position: absolute;
	top: 0;
	width: 100%;
	padding: 5.8vw
}
@media(max-width: 767px) {
	.branding__section2 .section__top {
	padding: 7.5vw
}
}.branding__section2 .section__top .branding__title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 4rem;
	font-weight: 700;
	line-height: normal;
	letter-spacing: .05px;
	color: #fff
}
@media(max-width: 767px) {
	.branding__section2 .section__top .branding__title {
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: normal;
	top: 8px;
	left: 50%;
	transform: translate(-50%, 0)
}
}.branding__section2 .section__mid {
	position: absolute;
	width: 100%;
	top: 12.1vw;
	padding: 2.6vw 16.4vw
}
@media(max-width: 767px) {
	.branding__section2 .section__mid {
	top: 15.2vw;
	padding: 2.8vw 12.9vw
}
}.branding__section2 .branding__cover {
	position: relative;
	z-index: -2;
	width: 67.5vw;
	height: auto;
	display: block
}
@media(max-width: 767px) {
	.branding__section2 .branding__cover {
	width: 74.5vw
}
}.branding__section2 .branding__btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 2.53rem;
	color: #fff;
	font-weight: 600;
	background-color: #0171bc;
	padding: 3vw 6vw;
	border-radius: 50vw;
	border: none
}
.branding__section2 .branding__btn: hover {
	background-color: #fff;
	color: #0171bc;
	box-shadow: 10px 10px 10px 0 rgba(0,0,0,.16)
}
@media(max-width: 767px) {
	.branding__section2 .branding__btn {
	font-size: 1.2rem;
	padding: 1.75vw 5.25vw
}
}.branding__section2 .section__bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 18vw 12vw 4vw
}
@media(max-width: 767px) {
	.branding__section2 .section__bottom {
	top: 60vw;
	padding: 28vw 7vw 8vw;
	height: calc(100% - 60vw)
}
}@media(max-width: 991px)and (min-width: 768px) {
	.branding__section2 .section__bottom {
	padding: 18vw 12vw 2vw
}
}@media(max-width: 1024px)and (min-width: 992px) {
	.branding__section2 .section__bottom {
	padding: 18vw 12vw 3.5vw
}
}@media(min-width: 1441px) {
	.branding__section2 .section__bottom {
	padding: 18vw 12vw 0vw
}
}@media(min-width: 1681px) {
	.branding__section2 .section__bottom {
	padding: 18vw 13vw 1.5vw
}
}.branding__section2 .section__bottom .branding__dialog {
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url("../image/branding/dialog.png");
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 8vw 2.75vw 5.75vw
}
@media(max-width: 767px) {
	.branding__section2 .section__bottom .branding__dialog {
	background-image: url("../image/branding/dialogm.png");
	padding: 8vw 5.75vw
}
}@media(max-width: 991px)and (min-width: 768px) {
	.branding__section2 .section__bottom .branding__dialog {
	padding: 6.5vw 2.75vw 3.75vw
}
}@media(max-width: 1024px)and (min-width: 992px) {
	.branding__section2 .section__bottom .branding__dialog {
	padding: 8vw 2.75vw 5.75vw
}
}@media(min-width: 1441px) {
	.branding__section2 .section__bottom .branding__dialog {
	padding: 8vw 2.5vw 8.75vw
}
}@media(min-width: 1681px) {
	.branding__section2 .section__bottom .branding__dialog {
	padding: 8vw 2.5vw 8.75vw
}
}.branding__section2 .section__bottom .branding__dialog: hover {
	background-image: url("../image/branding/dialogHover.png");
	filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.16))
}
@media(max-width: 767px) {
	.branding__section2 .section__bottom .branding__dialog: hover {
	background-image: url("../image/branding/dialogm.png")
}
}.branding__section2 .section__bottom .branding__dialog: hover .dialog__title {
	color: #fff
}
.branding__section2 .section__bottom .branding__dialog: hover .dialog__content {
	color: #fff
}
.branding__section2 .section__bottom .branding__dialog .dialog__avatar {
	width: 10vw;
	height: 10vw;
	border: 2px solid #59bded;
	background-color: #000;
	border-radius: 50%;
	display: inline-block;
	margin-right: 40px;
	float: left;
	overflow: hidden;
	margin-top: 5px
}
@media(max-width: 767px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__avatar {
	margin-top: 0;
	margin-right: 10px
}
}@media(max-width: 991px)and (min-width: 768px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__avatar {
	margin-top: 15px
}
}@media(max-width: 1024px)and (min-width: 992px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__avatar {
	margin-top: 5px
}
}@media(min-width: 1441px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__avatar {
	margin-top: 10px
}
}@media(min-width: 1681px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__avatar {
	margin-top: 7.5px
}
}.branding__section2 .section__bottom .branding__dialog .dialog__avatar .dialog__cover {
	width: 100%;
	height: 100%;
	transform: scale(1.05)
}
.branding__section2 .section__bottom .branding__dialog .dialog__info {
	width: calc(100% - 10vw - 40px);
	display: inline-block;
	padding: .6vw 0;
	margin-top: 5px
}
@media(max-width: 991px)and (min-width: 768px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__info {
	margin-top: 5px
}
}@media(max-width: 1024px)and (min-width: 992px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__info {
	padding: 0
}
}@media(min-width: 1441px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__info {
	margin-top: 10px
}
}@media(min-width: 1681px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__info {
	margin-top: 7.5px
}
}.branding__section2 .section__bottom .branding__dialog .dialog__title {
	font-size: 2.32rem;
	font-weight: 500;
	color: #009fde;
	margin-bottom: 10px
}
.branding__section2 .section__bottom .branding__dialog .dialog__title: hover {
	color: #fff
}
@media(min-width: 1441px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__title {
	font-size: 3.2rem
}
}@media(max-width: 1024px)and (min-width: 992px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__title {
	font-size: 1.8rem
}
}@media(max-width: 991px)and (min-width: 768px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__title {
	font-size: 1.5rem;
	margin-bottom: 0
}
}@media(max-width: 767px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__title {
	font-size: 1.4rem;
	width: calc(100% - 11.5vw - 10px);
	display: inline-block;
	line-height: normal;
	margin-bottom: 0
}
}.branding__section2 .section__bottom .branding__dialog .dialog__content {
	font-size: 1.8rem;
	line-height: 1.78;
	letter-spacing: .2px;
	color: #707070
}
.branding__section2 .section__bottom .branding__dialog .dialog__content: hover {
	color: #fff
}
@media(min-width: 1441px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__content {
	font-size: 2.4rem
}
}@media(max-width: 1024px)and (min-width: 992px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__content {
	font-size: 1.4rem
}
}@media(max-width: 991px)and (min-width: 768px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__content {
	font-size: 1.2rem
}
}@media(max-width: 767px) {
	.branding__section2 .section__bottom .branding__dialog .dialog__content {
	font-size: 1.2rem;
	letter-spacing: normal;
	color: #707070;
	line-height: 1.5;
	text-align: justify;
	margin-top: 5px
}
}.branding__section3 .branding__title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 4rem;
	font-weight: bold;
	line-height: normal;
	letter-spacing: .05px;
	color: #009fde
}
@media(max-width: 767px) {
	.branding__section3 .branding__title {
	font-size: 2rem
}
}@media(min-width: 767px) {
	.branding__section3 .branding__title {
	font-size: 4.2rem
}
}.branding__mid-section__iframe {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	background-color: rgba(0,0,0,.85);
	z-index: 990
}
.branding__mid-section__iframe.open {
	display: block
}
.branding__mid-section__teacher-img {
	background-color: #000;
	height: 100%;
	width: 100%
}
.branding__mid-section__teacher-img--container {
	position: absolute;
	width: 55%;
	height: auto;
	top: 8%;
	z-index: -2
}
.branding__mid-section__teacher-img--left {
	left: 5%
}
.branding__mid-section__teacher-img--right {
	right: 5%
}
.branding__mid-section__text {
	max-width: 600px;
	font-size: 30px;
	line-height: 1.78;
	letter-spacing: .2px;
	color: #707070;
	position: absolute;
	top: 65%
}
@media(max-width: 2000px) {
	.branding__mid-section__text {
	max-width: 470px;
	font-size: 18px;
	top: 70%
}
}@media(max-width: 1025px) {
	.branding__mid-section__text {
	font-size: 16px;
	max-width: 350px;
	top: 65%
}
}.branding__mid-section__text--right {
	right: 6%
}
.branding__mid-section__text--left {
	left: 6.8%
}
.branding__mid-section__play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.branding__mid-section__play-btn: hover .branding__mid-section__play-icon {
	color: #fff;
	-webkit-text-shadow: 10px 10px 20px rgba(0,0,0,.12);
	-moz-text-shadow: 10px 10px 20px rgba(0,0,0,.12);
	text-shadow: 10px 10px 20px rgba(0,0,0,.12)
}
.branding__mid-section__play-btn: hover .branding__mid-section__play-icon__inner {
	background-color: #019fde
}
.branding__mid-section__play-icon {
	position: relative;
	z-index: 10;
	font-size: 260px;
	color: #019fde
}
@media(max-width: 1025px) {
	.branding__mid-section__play-icon {
	font-size: 180px
}
}.branding__mid-section__play-icon__inner {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 110px;
	background-color: #fff
}
.branding__mid-section__play-icon: hover {
	color: #fff
}
.branding__background {
	position: relative
}
.branding__section5__teacher-img--container {
	padding-bottom: 10%
}
.branding__section6__teacher-img--container {
	padding-bottom: 5%
}
.branding__section7 {
	padding: 72px 90px;
	position: relative;
	background-image: url(../image/section7.png);
	background-size: cover
}
.branding__section7__inner {
	margin: 0 auto;
	display: flex
}
.branding__section7__img {
	background-color: #000;
	width: 100%;
	max-width: 1260px;
	height: 550px;
	margin: 0 auto
}
@media(max-width: 1025px) {
	.branding__section7__img {
	height: 370px
}
}.branding__section7__center {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%
}
.branding__section7__title {
	margin-bottom: 20px;
	color: #fff;
	font-size: 40px;
	line-height: 59px;
	letter-spacing: .05px;
	font-weight: bold
}
.branding__section7__btn {
	font-size: 26.4px;
	color: #019fde;
	background-color: #fff;
	font-weight: 600;
	padding: 15px 45px;
	border-radius: 45px;
	border: 0
}
.branding__section7__btn: hover {
	color: #fff;
	background-color: #019fde
}
.branding__section8 {
	background-image: url(../image/section8.png);
	background-size: cover;
	padding: 64px 10px 54px 10px
}
.branding__section8__title {
	font-size: 40px;
	font-weight: bold;
	color: #019fde;
	margin-bottom: 52px;
	text-align: center
}
.branding__section8__contents {
	display: flex;
	justify-content: space-around;
	max-width: 1150px;
	margin: 0 auto
}
@media(max-width: 1025px) {
	.branding__section8__contents {
	flex-direction: column;
	align-items: center
}
}.branding__section8__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 360px;
	flex-grow: 1
}
@media(max-width: 1025px) {
	.branding__section8__card {
	margin-bottom: 40px
}
.branding__section8__card: last-of-type {
	margin-bottom: 25px
}
}.branding__section8__card--img {
	width: 360px;
	height: 230px
}
.branding__section8__card--title {
	font-size: 23.2px;
	line-height: 34px;
	color: #019fde;
	font-weight: 500;
	margin-bottom: 16px
}
.branding__section8__card--description {
	font-size: 14px;
	line-height: 1.5;
	color: #707070
}
.branding__section9 {
	background-color: #20aee5;
	color: #fff;
	text-align: center;
	padding: 30px 10px;
	display: flex;
	align-items: center;
	flex-direction: column
}
@media(max-width: 426px) {
	.branding__section9 {
	padding: 20px 10px
}
}.branding__section9__icon {
	width: 340px;
	height: 70px;
	margin-bottom: 52px
}
.branding__section9__title {
	font-size: 32px;
	line-height: 1;
	margin-bottom: 23px
}
.branding__section9__description {
	font-size: 18px;
	line-height: 1.67;
	max-width: 740px;
	margin-bottom: 0;
	text-align: left
}
.branding__challenge {
	background-color: #20aee5;
	color: #fff;
	text-align: center
}
.branding__challenge__section {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 8.5vw 35vw
}
@media(max-width: 767px) {
	.branding__challenge__section {
	padding: 8.5vw 28vw
}
}@media(max-width: 991px)and (min-width: 768px) {
	.branding__challenge__section {
	padding: 7vw 32.5vw
}
}@media(max-width: 1024px)and (min-width: 992px) {
	.branding__challenge__section {
	padding: 7.5vw 35vw
}
}@media(min-width: 1441px) {
	.branding__challenge__section {
	padding: 9vw 35vw
}
}@media(min-width: 1681px) {
	.branding__challenge__section {
	padding: 10vw 35vw
}
}@media(max-width: 426px) {
	.branding__challenge__section {
	padding: 20vw 17vw
}
}@media(max-width: 376px) {
	.branding__challenge__section {
	padding: 18vw 17vw
}
}@media(max-width: 321px) {
	.branding__challenge__section {
	padding: 15vw 13vw
}
}.branding__challenge__title {
	font-size: 40px;
	font-weight: 700;
	color: #009fde;
	line-height: 1;
	margin-bottom: 30px;
	text-align: center
}
@media(max-width: 1024px)and (min-width: 992px) {
	.branding__challenge__title {
	font-size: 32px
}
}@media(max-width: 991px)and (min-width: 768px) {
	.branding__challenge__title {
	font-size: 28px;
	margin-bottom: 20px
}
}@media(max-width: 426px) {
	.branding__challenge__title {
	font-size: 20px;
	line-height: 29px;
	margin-bottom: 10px
}
}.branding__challenge__subTitle {
	font-size: 32px;
	line-height: 1;
	margin-bottom: 25px;
	color: #6f6f6f
}
@media(max-width: 1024px)and (min-width: 992px) {
	.branding__challenge__subTitle {
	font-size: 22px;
	margin-bottom: 20px
}
}@media(max-width: 991px)and (min-width: 768px) {
	.branding__challenge__subTitle {
	font-size: 20px;
	margin-bottom: 15px
}
}@media(max-width: 426px) {
	.branding__challenge__subTitle {
	font-size: 18px;
	margin-bottom: 15px
}
}.branding__challenge__hr {
	height: 1px;
	background-color: #009fde;
	margin-bottom: 15px
}
@media(max-width: 1024px)and (min-width: 992px) {
	.branding__challenge__hr {
	margin-bottom: 20px
}
}@media(max-width: 991px)and (min-width: 768px) {
	.branding__challenge__hr {
	font-size: 15px
}
}.branding__challenge__description {
	font-size: 18px;
	line-height: 1.67;
	max-width: 740px;
	margin-bottom: 50px;
	text-align: justify;
	color: #6f6f6f
}
@media(max-width: 1024px)and (min-width: 992px) {
	.branding__challenge__description {
	font-size: 14px;
	margin-bottom: 30px
}
}@media(max-width: 991px)and (min-width: 768px) {
	.branding__challenge__description {
	font-size: 12px;
	margin-bottom: 20px
}
}@media(max-width: 426px) {
	.branding__challenge__description {
	font-size: 12px;
	margin-bottom: 20px
}
}@media(max-width: 321px) {
	.branding__challenge__description {
	margin-bottom: 25px
}
}.branding__challenge__btn {
	font-size: 24px;
	color: #fff;
	font-weight: 600;
	background-color: #0171bc;
	padding: 14px 36px;
	border-radius: 45px;
	border: 0
}
.branding__challenge__btn: hover {
	background-color: #fff;
	color: #0171bc;
	box-shadow: 10px 10px 10px 0 rgba(0,0,0,.16)
}
@media(max-width: 1024px)and (min-width: 992px) {
	.branding__challenge__btn {
	padding: 10px 34px;
	font-size: 14px
}
}@media(max-width: 991px)and (min-width: 768px) {
	.branding__challenge__btn {
	padding: 8px 34px;
	font-size: 12px
}
}@media(max-width: 426px) {
	.branding__challenge__btn {
	padding: 7px 32px;
	font-size: 12px;
	line-height: 17px
}
}.branding__footer {
	background-color: #019fde;
	display: flex;
	height: auto;
	padding: 0
}
.branding__footer__left-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0 24px 53px;
	margin-right: auto;
	width: 58%
}
@media(max-width: 1450px) {
	.branding__footer__left-container {
	width: 60%
}
}@media(max-width: 1025px) {
	.branding__footer__left-container {
	width: 65%
}
}.branding__footer__name {
	width: 100px;
	height: 30px
}
.branding__footer__social {
	display: flex;
	align-items: center;
	height: 30px;
	transform: translateY(6px);
	font-size: 18px
}
.branding__footer__icon {
	width: 18px;
	height: 18px
}
.branding__footer__icon--container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	color: #fff;
	margin-right: 32px
}
.branding__footer__icon--container: hover {
	color: #fff
}
.branding__footer__ig {
	width: 22px;
	height: 22px
}
.branding__footer__ytb {
	width: 20px;
	height: 18px
}
.branding__footer__full-txt {
	font-weight: 600;
	font-size: 10.5px;
	color: #f7f7f7;
	letter-spacing: -0.78px
}
.branding__footer__sub-txt {
	letter-spacing: -0.38px
}
.branding__footer__top {
	cursor: pointer;
	color: #fff;
	background-color: #59bded;
	padding: 23px 51px;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center
}
.branding__footer__top--icon {
	color: #fff;
	font-size: 24px;
	cursor: pointer
}
@media(max-width: 991px) {
	.branding__footer {
	margin-bottom: 0
}
}@media(max-width: 769px) {
	.branding__mid-section__play-btn {
	top: 40%
}
.branding__mid-section__play-icon {
	font-size: 150px
}
.branding__mid-section__play-icon__inner {
	width: 60px;
	height: 60px
}
.branding__mid-section__teacher-img--container {
	top: 3%;
	padding-left: 0;
	padding-right: 0
}
.branding__mid-section__text {
	position: static;
	background-color: #20aee5;
	color: #fff;
	max-width: 100%;
	padding: 14px 2px
}
.branding__mid-section__text--inner {
	margin: 0 auto;
	max-width: 410px
}
.branding__section7__img {
	height: 256px
}
.branding__footer {
	flex-direction: column
}
.branding__footer__left-container {
	width: 100%;
	padding-left: 0;
	display: flex;
	justify-content: center
}
.branding__footer__name--container {
	display: none
}
.branding__footer__icon {
	width: 32px;
	height: 32px
}
.branding__footer__icon--container {
	margin-right: 50px;
	font-size: 32px;
	width: 43px;
	height: 43px
}
.branding__footer__icon--container: last-of-type {
	margin-right: 0
}
.branding__footer__ig {
	width: 38px;
	height: 38px
}
.branding__footer__ytb {
	width: 36px;
	height: 30px
}
.branding__footer__full-txt {
	display: none
}
.branding__footer__top {
	padding: 11px 51px
}
}@media(max-width: 426px) {
	.branding__mid-section__play-btn {
	top: 34%
}
.branding__mid-section__play-icon {
	font-size: 60px
}
.branding__mid-section__play-icon__inner {
	width: 30px;
	height: 30px
}
.branding__mid-section__teacher-img {
	width: 120%;
	transform: translateX(-20px)
}
.branding__mid-section__text--inner {
	margin: 0 auto;
	max-width: 270px;
	font-size: 12px;
	line-height: 1.5
}
.branding__section7 {
	padding: 0 0 19px 0
}
.branding__section7__title {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 20px
}
.branding__section7__img {
	height: 210px
}
.branding__section7__btn {
	padding: 7px 32px;
	font-size: 12px;
	line-height: 17px
}
.branding__section8 {
	padding: 12px;
	background-image: url(../image/mobile-section8.png)
}
.branding__section8__title {
	font-size: 20px;
	line-height: 29px;
	margin-bottom: 10px
}
.branding__section8__card--title {
	font-size: 18px;
	line-height: 27px;
	max-width: 325px;
	padding: 0 4px
}
.branding__section8__card--img {
	width: 320px;
	height: 200px;
	margin-bottom: 0
}
.branding__section8__card--description {
	font-size: 12px;
	line-height: 1.5;
	text-align: justify;
	max-width: 325px;
	padding: 0 4px
}
.branding__section9__icon {
	width: 100px;
	height: 25px;
	margin-bottom: 22px
}
.branding__section9__title {
	max-width: 216px;
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 30px
}
.branding__section9__description {
	max-width: 260px;
	margin-bottom: 8px;
	font-size: 12px;
	line-height: 1.58;
	text-align: justify
}
.branding__section9__btn {
	padding: 7px 24px;
	font-size: 12px;
	line-height: 17px
}
}@media(max-width: 375px) {
	.branding__section7__img {
	height: 165px
}
.branding__section8__card--img {
	width: 315px
}
}.challenge .challenge-title {
	border: 0;
	margin-bottom: 0px
}
.challenge .challenge-banner {
	margin-bottom: 30px;
	width: 100%;
	height: auto;
	overflow: hidden
}
.challenge .challenge-banner .challenge-banner-img {
	width: 100%;
	height: auto
}
.challenge .challenge-intro-title {
	margin-bottom: 20px
}
.challenge .challenge-intro-subTitle {
	width: 100%;
	height: auto
}
#popup .modal-popup {
	width: 180px
}
@media(max-width: 567px) {
	#popup .modal-popup {
	width: 140px
}
}#popup .modal-content {
	border-radius: 16px
}
#popup .popup__body {
	height: 180px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	padding: 15px;
	line-height: 1.14
}
@media(max-width: 567px) {
	#popup .popup__body {
	width: 140px;
	height: 140px
}
}#popup .popup__body.bg--brand {
	background: #019fde
}
#popup .popup__body.bg--error {
	background: #ff5b74
}
#popup .popup__header-icon .svg-icon {
	fill: #fff;
	height: 48px;
	width: 48px;
	margin-bottom: 10px
}
@media(max-width: 567px) {
	#popup .popup__header-icon .svg-icon {
	height: 36px;
	width: 36px
}
}#popup .popup__title {
	font-size: 22px;
	margin-bottom: 5px;
	font-weight: 500
}
@media(max-width: 567px) {
	#popup .popup__title {
	font-size: 18px
}
}#popup .popup__content {
	font-size: 16px
}
@media(max-width: 567px) {
	#popup .popup__content {
	font-size: 14px
}
}.modal-dialog {
	border-radius: 8px
}
.modal__body {
	background: #fff;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 40px;
	text-align: center
}
@media(max-width: 567px) {
	.modal__body {
	padding: 20px
}
}.modal__body .modal__banner {
	height: 110px
}
@media(max-width: 567px) {
	.modal__body .modal__banner {
	height: 100px
}
}.modal__body .modal__slot {
	width: 100%
}
.modal__body .modal__btn-pair {
	display: flex;
	justify-content: space-between;
	margin: 0 -20px
}
.modal__body .modal__btn-pair button {
	width: calc(50% - 10px)
}
@media(max-width: 567px) {
	.modal__body .modal__btn-pair {
	margin: 0
}
}.modal__body .modal__btn {
	height: 50px;
	background: #019fde;
	font-size: 16px;
	line-height: 1.19;
	font-weight: 500;
	border: none;
	border-radius: 4px;
	width: 100%;
	transition: all .4s ease;
	box-sizing: border-box;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center
}
.modal__body .modal__btn p,.modal__body .modal__btn span {
	color: #fff
}
@media(max-width: 567px) {
	.modal__body .modal__btn {
	height: 42px;
	font-size: 14px
}
}.modal__body .modal__btn: hover {
	background: #018dc5
}
.modal__body .modal__btn.btn--monochrome {
	border: solid 1px #4c545a;
	background: #fff;
	color: #4c545a
}
.modal__body .modal__btn.btn--monochrome: hover {
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.16)
}
.modal__body .modal__btn.btn--bordered {
	color: #019fde;
	border: 1px solid #019fde;
	background: #fff
}
.modal__body .modal__btn.disabled {
	background: #bbb;
	pointer-events: none
}
.modal__body .modal__link {
	background: transparent;
	color: #019fde;
	border: none;
	height: 22px;
	line-height: 22px;
	font-size: 16px;
	font-weight: 500
}
@media(max-width: 567px) {
	.modal__body .modal__link {
	font-size: 14px
}
}.modal__body .modal__title {
	font-size: 22px;
	font-weight: 500;
	margin-top: 10px
}
@media(max-width: 567px) {
	.modal__body .modal__title {
	font-size: 18px;
	font-weight: 500;
	color: #373d40
}
}.modal__body .modal__title＿＿group {
	display: flex;
	justify-content: space-evenly;
	width: 100%
}
.modal__body .modal__content {
	padding-top: 10px;
	padding-bottom: 20px;
	color: #4c545a;
	line-height: 1.38
}
@media(max-width: 567px) {
	.modal__body .modal__content {
	font-size: 14px;
	line-height: 1.43
}
}.modal__body .modal__form {
	width: 100%
}
.modal__body .note_group {
	display: flex;
	width: 100%
}
.modal__body .note_group button {
	height: 40px;
	width: 100%;
	color: #fff;
	background-color: #019fde;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #019fde;
	border-radius: 4px;
	text-align: center
}
@media(max-width: 567px) {
	.modal__body .note_group button {
	font-size: 14px
}
}.modal__body .note_group button: first-of-type {
	margin-right: 20px;
	background-color: #fff;
	color: #019fde
}
@media(max-width: 567px) {
	.modal__body .note_group button: first-of-type {
	margin-right: 10px
}
}.modal.modal--v2 {
	z-index: 1052
}
.modal.modal--v2 .modal-content {
	border-radius: 10px
}
.modal.modal--v2 .modal-close-btn {
	height: 36px;
	width: 36px;
	position: absolute;
	border-radius: 50%;
	transition: all .4s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 15px;
	right: 15px;
	background-color: rgba(0,0,0,.2);
	box-shadow: none
}
.modal.modal--v2 .modal-close-btn .svg-icon.close {
	opacity: 1;
	fill: #fff;
	float: none
}
.modal.modal--v2 .modal-close-btn: hover {
	background: #019fde
}
.modal.modal--v2 .modal-close-btn: hover .svg-icon {
	fill: #fff
}
@media(max-width: 567px) {
	.modal.modal--v2 .modal-close-btn {
	height: 24px;
	width: 24px;
	top: 10px;
	right: 10px
}
.modal.modal--v2 .modal-close-btn .svg-icon.close {
	height: 15px
}
}.modal__body .modal__input-group {
	width: 100%;
	height: 50px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	background-color: rgba(0,0,0,.03);
	border-radius: 4px;
	position: relative;
	border: 1px solid transparent
}
@media(max-width: 567px) {
	.modal__body .modal__input-group {
	height: 42px;
	margin-bottom: 25px
}
}.modal__body .modal__input-group label {
	margin-bottom: 0
}
.modal__body .modal__input-group.input-group--transparent {
	background: transparent
}
.modal__body .modal__input-group.modal__input-group--nofocus: focus-within {
	border-color: transparent
}
.modal__body .modal__input-group .input-group__icon {
	margin-bottom: 0;
	height: 100%;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	padding: 0 5px 0 10px
}
.modal__body .modal__input-group .input-group__icon .svg-icon {
	height: 20px;
	width: 20px
}
@media(max-width: 567px) {
	.modal__body .modal__input-group .input-group__icon .svg-icon {
	height: 16px;
	width: 16px
}
}.modal__body .modal__input-group .input-group__input {
	border: none;
	background: transparent;
	flex-grow: 1;
	font-weight: 500;
	border: none;
	font-size: 16px;
	height: 100%
}
@media(max-width: 567px) {
	.modal__body .modal__input-group .input-group__input {
	font-size: 14px
}
}.modal__body .modal__input-group: focus-within {
	border: 1px solid #019fde
}
.modal__body .modal__input-group .visibility-btn {
	margin-right: 20px;
	cursor: pointer
}
.modal__body .modal__input-group .form__clear-btn,.modal__body .modal__input-group .visibility-btn {
	display: none
}
.modal__body .modal__input-group.has-input .form__clear-btn,.modal__body .modal__input-group.has-input .visibility-btn {
	display: flex
}
.modal__body .modal__input-group.has-input.is-blurring .form__clear-btn,.modal__body .modal__input-group.has-input.is-blurring .visibility-btn {
	display: flex
}
.modal__body .modal__input-group.is-blurring .form__clear-btn,.modal__body .modal__input-group.is-blurring .visibility-btn {
	display: none
}
.modal__body .modal__input-group .error-icon {
	display: none
}
.modal__body .modal__input-group.has-error {
	border-color: #ff5b74 !important
}
.modal__body .modal__input-group.has-error input {
	color: #ff5b74
}
.modal__body .modal__input-group.has-error .error-msg {
	margin: 3px 0;
	position: absolute;
	height: 16px;
	text-align: left;
	font-stretch: normal;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	top: calc(100% + 4px);
	left: 25px
}
@media(max-width: 567px) {
	.modal__body .modal__input-group.has-error .error-msg {
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	left: 20px
}
}.modal__body .modal__input-group.has-error .error-icon {
	margin: 3px 0;
	display: block;
	position: absolute;
	height: 16px;
	line-height: 16px;
	top: calc(100% + 4px)
}
@media(max-width: 567px) {
	.modal__body .modal__input-group.has-error .error-icon {
	height: 14px;
	line-height: 14px
}
}.modal__body .modal__input-group.has-pass .form-control-feedback {
	position: absolute;
	top: 50%;
	transform: TranslateY(-50%);
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #019fde;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 20px
}
.modal__body .modal__input-group.has-pass .form-control-feedback .svg-icon {
	fill: #fff
}
.modal-new-xs {
	width: 440px !important
}
@media(max-width: 567px) {
	.modal-new-xs {
	width: 300px !important
}
}@media(max-width: 567px) {
	.modal-new-xs.nomail {
	width: 320px
}
}@media(max-width: 567px) {
	.modal-new-xs.v2-nomail {
	width: 320px
}
}.modal-new-s {
	width: 460px
}
@media(max-width: 567px) {
	.modal-new-s {
	width: 320px
}
}.modal-v2-m {
	width: 540px
}
@media(max-width: 567px) {
	.modal-v2-m {
	width: 300px
}
}.modal-v2-l {
	width: 660px
}
@media(max-width: 768px) {
	.modal-v2-l {
	width: 300px
}
}.modal-v2-notification {
	width: 1100px
}
@media(max-width: 1240px) {
	.modal-v2-notification {
	width: 700px
}
}@media(max-width: 768px) {
	.modal-v2-notification {
	width: 500px
}
}@media(max-width: 567px) {
	.modal-v2-notification {
	width: 340px
}
}.modal-v2-content {
	border-radius: 10px;
	box-shadow: 0 3px 10px 0 rgba(0,0,0,.25);
	border: none
}
.modal-v2-body {
	display: flex;
	align-items: center;
	padding: 20px;
	flex-direction: column;
	font-family: SFProDisplay;
	border-radius: 10px;
	background: #fff
}
.modal-v2-body .svg-anime {
	padding-bottom: 10px;
	width: 130px;
	height: 120px
}
.modal-v2-body .svg-anime.anime-l {
	width: 135px;
	height: 120px
}
@media(max-width: 567px) {
	.modal-v2-body .svg-anime {
	width: 120px;
	height: 110px
}
.modal-v2-body .svg-anime.anime-l {
	width: 123px;
	height: 110px
}
}.modal-v2-body .modal-body__title {
	font-size: 22px;
	color: #373d40
}
@media(max-width: 567px) {
	.modal-v2-body .modal-body__title {
	font-size: 18px
}
}.modal-v2-body .modal-body__map {
	width: 100%;
	height: 200px;
	background-color: tomato;
	margin-bottom: 10px
}
@media(max-width: 567px) {
	.modal-v2-body .modal-body__map {
	height: 104px
}
}.modal-v2-body .modal-body__list {
	margin-top: 10px;
	line-height: 1.5
}
@media(max-width: 567px) {
	.modal-v2-body .modal-body__list {
	font-size: 14px
}
}.modal-v2-body .modal-body__content {
	text-align: center;
	line-height: 1.38;
	padding: 10px 40px 20px 40px;
	color: #4c545a
}
@media(max-width: 567px) {
	.modal-v2-body .modal-body__content {
	padding: 10px 0px 20px 0px;
	font-size: 14px;
	line-height: 1.43
}
}.modal-v2-body .modal-body__content.px-0 {
	padding-left: 0;
	padding-right: 0
}
.modal-v2-body .modal-body__content.px-1 {
	padding-left: 20px;
	padding-right: 20px
}
.modal-v2-body .modal-body__content.nomail {
	padding: 20px 0;
	line-height: 1.5;
	text-align: left
}
.modal-v2-body .modal-body__content.nomail p+p {
	padding-top: 20px
}
.modal-v2-body .modal-body__content.nomail span {
	display: block
}
@media(max-width: 567px) {
	.modal-v2-body .modal-body__content.nomail {
	padding: 10px 0px 40px 0px
}
}.modal-v2-body .modal-body__content .order-num {
	color: #019fde
}
@media(max-width: 567px) {
	.modal-v2-body .modal-body__content .single-line {
	display: block
}
}@media(max-width: 567px) {
	.modal-v2-body .modal-body__content.pb-md-10 {
	padding-bottom: 10px
}
}.modal-v2-body .modal-body__btn {
	width: 100%;
	padding: 14px 0;
	font-weight: 500;
	border-radius: 4px;
	transition: all .1s ease-in-out
}
@media(max-width: 567px) {
	.modal-v2-body .modal-body__btn {
	font-size: 14px;
	padding: 11px 0
}
}.modal-v2-body .modal-body__btn.disabled {
	background-color: #dedede;
	color: #91969a
}
.modal-v2-body .modal-body__btn--outline {
	background-color: transparent;
	color: #019fde;
	width: 100%;
	padding: 14px 0;
	margin-top: 6px;
	font-weight: 500;
	border-radius: 4px;
	transition: all .1s ease-in-out
}
.modal-v2-body .modal-body__btn--outline: hover {
	box-shadow: none;
	color: #017bab
}
@media(max-width: 567px) {
	.modal-v2-body .modal-body__btn--outline {
	font-size: 14px;
	padding: 11px 0
}
}@media(max-width: 768px) {
	.modal-v2-body .modal-body__btn--outline.btn-p-0 {
	padding-top: 10px;
	margin-top: 0;
	padding-bottom: 0
}
}.modal-v2-body .modal__btn-clean {
	border: none;
	font-size: 14px;
	color: #4c545a;
	padding: 0;
	width: 100%;
	transition: all .1s ease-in-out
}
.modal-v2-body .modal__btn-clean: hover {
	color: #000
}
@media(max-width: 768px) {
	.modal-v2-body .modal__btn-clean {
	font-size: 12px
}
}.modal-v2-body .modal-body__btn-group {
	display: flex;
	width: 100%;
	justify-content: space-between
}
.modal-v2-body .modal-body__btn-group .btn {
	box-sizing: border-box;
	height: 50px;
	width: 190px;
	padding: 14px 0;
	font-weight: 500;
	border-radius: 4px
}
@media(max-width: 567px) {
	.modal-v2-body .modal-body__btn-group .btn {
	width: 120px;
	height: 42px;
	font-size: 14px;
	padding: 11px 0
}
}.modal-v2-body .modal-body__btn-group .btn.btn-outline-blue {
	border-width: 1.5px
}
.modal-v2-body .modal-input-group {
	width: 100%;
	border-radius: 4px;
	border: solid 1.5px rgba(0,0,0,.16);
	display: flex;
	height: 50px;
	margin-bottom: 20px
}
.modal-v2-body .modal-input-group .modal-input {
	width: 100%;
	border: none;
	padding-left: 121px;
	color: #4c545a
}
.modal-v2-body .modal-input-group .modal-input: : placeholder {
	color: #4c545a
}
@media(max-width: 567px) {
	.modal-v2-body .modal-input-group .modal-input {
	padding-left: 58px;
	font-size: 14px
}
}.modal-v2-body .modal-input-group .icon-btn {
	height: 50px;
	width: 40px;
	padding: 0;
	border: none;
	background-color: transparent
}
.modal-v2-body .modal-input-group .icon-btn .svg-icon {
	width: 100%;
	margin: 0;
	opacity: 1;
	fill: #4c545a
}
.modal-v2-body .modal-body__badge {
	margin-top: 20px;
	margin-bottom: 10px;
	display: flex;
	width: 100%;
	height: 22px
}
@media(max-width: 567px) {
	.modal-v2-body .modal-body__badge {
	justify-content: center;
	height: 20px;
	margin-top: 10px
}
}.modal-v2-body .modal-body__badge span: nth-child(1) {
	margin-right: auto;
	line-height: 22px
}
@media(max-width: 567px) {
	.modal-v2-body .modal-body__badge span: nth-child(1) {
	display: none
}
}.modal-v2-body .modal-body__badge span: nth-child(2) {

	line-height: 22px
}
@media(max-width: 567px) {
	.modal-v2-body .modal-body__badge span: nth-child(2) {
	font-size: 14px;
	line-height: 20px
}
}.modal-v2-body .modal-body__badge span: nth-child(3) {
	line-height: 18px;
	color: #199fde;
	font-size: 14px;
	padding: 1px 8px;
	border-radius: 2px;
	border: solid 1px #199fde;
	margin-left: 10px
}
@media(max-width: 567px) {
	.modal-v2-body .modal-body__badge span: nth-child(3) {
	font-size: 12px;
	line-height: 15px;
	padding: 1.5px 5px;
	margin-left: 5px
}
}.modal-v2-body .modal-body__badge .survey {
	display: inline-block !important
}
@media(max-width: 768px) {
	.modal-v2-body .modal-body__badge .survey {
	font-size: 14px
}
}@media(max-width: 768px) {
	.modal-v2-body .modal-body__badge .d-md-none {
	display: none
}
}.modal-v2-body .modal-body__badge .stars .svg-icon {
	fill: #019fde;
	width: 24px;
	height: 24px;
	margin: 0
}
@media(max-width: 768px) {
	.modal-v2-body .modal-body__badge .stars .svg-icon {
	width: 20px;
	height: 20px
}
}.modal-v2-body .modal-body__info {
	display: flex;
	line-height: 1.5;
	margin-bottom: 20px
}
@media(max-width: 567px) {
	.modal-v2-body .modal-body__info {
	margin-bottom: 10px;
	flex-wrap: wrap;
	font-size: 14px
}
}.modal-v2-body .modal-body__info .info-title {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	margin-bottom: 5px;
	font-size: 15px
}
.modal-v2-body .modal-body__info div: nth-child(1) {
	width: 144px
}
@media(max-width: 567px) {
	.modal-v2-body .modal-body__info div: nth-child(1) {
	width: 100%
}
}.modal-v2-body .modal-body__info div: nth-child(2) {
	margin-left: 36px
}
@media(max-width: 567px) {
	.modal-v2-body .modal-body__info div: nth-child(2) {
	margin-left: 0;
	margin-top: 10px;
	flex-shrink: inherit
}
}.modal-v2-body .color-date {
	color: #fd5b73
}
.modal-v2-body .payment-hr {
	padding: 20px 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 2.13;
	position: relative
}
.modal-v2-body .payment-hr: : before {
	content: "";
	position: absolute;
	background-color: #707070;
	right: 144px;
	top: 50%;
	height: 1px;
	width: 160px
}
.modal-v2-body .payment-hr: : after {
	content: "";
	position: absolute;
	background-color: #707070;
	left: 144px;
	top: 50%;
	height: 1px;
	width: 160px
}
@media(max-width: 567px) {
	.modal-v2-body .payment-hr {
	font-size: 15px
}
.modal-v2-body .payment-hr: : before {
	right: 105px;
	width: 70px
}
.modal-v2-body .payment-hr: : after {
	left: 105px;
	width: 70px
}
}.modal-v2-body .payment {
	width: 100%
}
.modal-v2-body .payment .payment__step {
	display: flex;
	margin-bottom: 20px
}
@media(max-width: 567px) {
	.modal-v2-body .payment .payment__step {
	margin-bottom: 10px
}
}.modal-v2-body .payment .payment__step .step__num {
	text-align: center;
	line-height: 24px;
	color: #fff;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: #199fde;
	border-radius: 50%;
	margin-right: 10px;
	flex-shrink: 0
}
@media(max-width: 567px) {
	.modal-v2-body .payment .payment__step .step__num {
	display: none
}
}.modal-v2-body .payment .payment__step .step__title {
	display: block;
	color: #019fde;
	line-height: 22px
}
@media(max-width: 567px) {
	.modal-v2-body .payment .payment__step .step__title {
	font-size: 14px;
	line-height: 20px
}
}.modal-v2-body .payment .payment__step .step__content {
	display: inline-block;
	margin-top: 5px;
	font-size: 14px;
	line-height: 1.5
}
@media(max-width: 567px) {
	.modal-v2-body .payment .payment__step .step__content {
	font-size: 12px;
	line-height: 1.75
}
}.modal-v2-body .textarea-group {
	width: 100%;
	position: relative;
	padding-bottom: 5px
}
.modal-v2-body .textarea-group .modal-comment {
	width: 100%;
	height: 100px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 5px;
	resize: none;
	padding: 5px 55px 5px 30px
}
@media(max-width: 768px) {
	.modal-v2-body .textarea-group .modal-comment {
	padding: 0 40px 0 25px
}
}.modal-v2-body .textarea-group .modal-comment: : placeholder {
	color: rgba(0,0,0,.3);
	opacity: 1
}
@media(max-width: 768px) {
	.modal-v2-body .textarea-group .modal-comment: : placeholder {
	font-size: 14px
}
}.modal-v2-body .textarea-group .modal-comment: -ms-input-placeholder {
	color: rgba(0,0,0,.3)
}
@media(max-width: 768px) {
	.modal-v2-body .textarea-group .modal-comment: -ms-input-placeholder {
	font-size: 14px
}
}.modal-v2-body .textarea-group .modal-comment: : -ms-input-placeholder {
	color: rgba(0,0,0,.3)
}
@media(max-width: 768px) {
	.modal-v2-body .textarea-group .modal-comment: : -ms-input-placeholder {
	font-size: 14px
}
}.modal-v2-body .textarea-group .pen {
	position: absolute;
	fill: rgba(0,0,0,.3);
	top: 10px;
	left: 5px;
	width: 16px;
	height: 16px
}
@media(max-width: 768px) {
	.modal-v2-body .textarea-group .pen {
	width: 14px;
	height: 14px;
	top: 7px;
	left: 3px
}
}.modal-v2-body .textarea-group .word-limit {
	position: absolute;
	bottom: 20px;
	right: 10px;
	text-align: center;
	line-height: 40px;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background-color: rgba(0,0,0,.03);
	color: rgba(0,0,0,.3)
}
@media(max-width: 768px) {
	.modal-v2-body .textarea-group .word-limit {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	bottom: 18px;
	right: 6px
}
}.modal-v2-body.p-0 {
	padding: 0
}
.modal-v2-body.pb-10 {
	padding-bottom: 10px
}
.modal-v2-body.h-700 {
	height: 700px
}
@media(max-width: 768px) {
	.modal-v2-body.h-700 {
	height: 600px
}
}.modal-v2-body .p-20 {
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 20px 20px 10px 20px
}
@media(max-width: 768px) {
	.modal-v2-body .p-20 {
	padding-left: 10px;
	padding-right: 10px
}
}.modal-v2-body .modal-reviews-group {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 20px 20px 0 20px;
	margin-bottom: 30px;
	overflow-y: scroll
}
@media(max-width: 768px) {
	.modal-v2-body .modal-reviews-group {
	padding: 10px 10px 0 10px;
	margin-bottom: 16px
}
}.modal-v2-body .modal-reviews-group .modal-review+.modal-review {
	margin-top: 15px
}
@media(max-width: 768px) {
	.modal-v2-body .modal-reviews-group .modal-review+.modal-review {
	margin-top: 10px
}
}.modal-v2-body .modal-reviews-group .modal-review {
	display: flex;
	padding: 10px;
	padding: 10px;
	border-radius: 8px;
	background-color: rgba(0,0,0,.04);
	position: relative
}
.modal-v2-body .modal-reviews-group .modal-review .pen {
	display: none
}
.modal-v2-body .modal-reviews-group .modal-review.my-review {
	border: solid 1px #019fde;
	padding-bottom: 20px
}
.modal-v2-body .modal-reviews-group .modal-review.my-review .pen {
	position: absolute;
	display: inline-block;
	fill: #019fde;
	width: 20px;
	height: 20px;
	right: 2px;
	bottom: 5px
}
@media(max-width: 768px) {
	.modal-v2-body .modal-reviews-group .modal-review.my-review .pen {
	width: 14px;
	height: 14px;
	right: 1px
}
}.modal-v2-body .modal-reviews-group .modal-review .avatar {
	background-color: tomato;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	margin-right: 10px
}
@media(max-width: 768px) {
	.modal-v2-body .modal-reviews-group .modal-review .avatar {
	display: none
}
}.modal-v2-body .modal-reviews-group .modal-review .content-group .review-user {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px
}
@media(max-width: 768px) {
	.modal-v2-body .modal-reviews-group .modal-review .content-group .review-user {
	font-size: 12px;
	line-height: 12px
}
}.modal-v2-body .modal-reviews-group .modal-review .content-group .review-stars {
	padding-top: 5px;
	padding-bottom: 2px
}
@media(max-width: 768px) {
	.modal-v2-body .modal-reviews-group .modal-review .content-group .review-stars {
	padding: 0;
	height: 20px;
	margin-bottom: 8px
}
}.modal-v2-body .modal-reviews-group .modal-review .content-group .review-stars .svg-icon {
	fill: #019fde;
	width: 18px;
	height: 18px;
	margin: 0
}
@media(max-width: 768px) {
	.modal-v2-body .modal-reviews-group .modal-review .content-group .review-stars .svg-icon {
	width: 12px;
	height: 12px
}
}.modal-v2-body .modal-reviews-group .modal-review .content-group .review-txt {
	font-size: 14px;
	line-height: 1.5;
	color: #707070
}
@media(max-width: 768px) {
	.modal-v2-body .modal-reviews-group .modal-review .content-group .review-txt {
	font-size: 12px
}
}.modal-v2-body .modal-reviews-group .modal-review .review-date {
	position: absolute;
	top: 12px;
	right: 10px;
	font-size: 14px;
	line-height: 14px
}
@media(max-width: 768px) {
	.modal-v2-body .modal-reviews-group .modal-review .review-date {
	font-size: 12px;
	line-height: 12px;
	top: 10px
}
}.modal-v2-body .point-wrapper {
	display: flex;
	width: 100%;
	margin-top: 15px
}
@media(max-width: 768px) {
	.modal-v2-body .point-wrapper {
	margin-top: 5px
}
}.modal-v2-body .point-wrapper .point-group {
	margin-right: auto;
	display: flex
}
.modal-v2-body .point-wrapper .point-group .point {
	font-size: 18px;
	line-height: 31px;
	font-weight: bold;
	margin-right: 5px
}
@media(max-width: 768px) {
	.modal-v2-body .point-wrapper .point-group .point {
	font-size: 16px;
	margin-right: 3px
}
}.modal-v2-body .point-wrapper .point-group .svg-icon {
	margin-top: 4px;
	width: 22px;
	height: 22px;
	fill: #019fde
}
@media(max-width: 768px) {
	.modal-v2-body .point-wrapper .point-group .svg-icon {
	width: 18px;
	height: 18px;
	margin-top: 6px
}
}.modal-v2-body .point-wrapper .review-num {
	line-height: 31px
}
@media(max-width: 768px) {
	.modal-v2-body .point-wrapper .review-num {
	font-size: 14px
}
}.modal-v2-body .hr {
	height: 1.5px;
	background-color: rgba(0,0,0,.1);
	width: 100%
}
.modal-v2-body .modal-hr {
	position: relative;
	margin-bottom: 20px
}
@media(max-width: 768px) {
	.modal-v2-body .modal-hr {
	font-size: 14px;
	margin-bottom: 15px
}
}.modal-v2-body .modal-hr: before {
	content: "";
	position: absolute;
	height: 1px;
	width: 100px;
	background-color: rgba(0,0,0,.16);
	left: -130px;
	top: 50%
}
@media(max-width: 768px) {
	.modal-v2-body .modal-hr: before {
	width: 60px;
	left: -80px
}
}.modal-v2-body .modal-hr: after {
	content: "";
	position: absolute;
	height: 1px;
	width: 100px;
	background-color: rgba(0,0,0,.16);
	right: -130px;
	top: 50%
}
@media(max-width: 768px) {
	.modal-v2-body .modal-hr: after {
	width: 60px;
	right: -80px
}
}.modal-v2-body .modal-icon-group {
	display: flex;
	margin-bottom: 20px
}
@media(max-width: 768px) {
	.modal-v2-body .modal-icon-group {
	margin-bottom: 10px
}
}.modal-v2-body .modal-icon-group .modal-icon {
	padding: 15px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
	border-radius: 50%;
	height: 50px;
	transition: all .2s ease-in-out
}
.modal-v2-body .modal-icon-group .modal-icon: hover,.modal-v2-body .modal-icon-group .modal-icon: focus {
	box-shadow: 0 1px 4px 0px rgba(0,0,0,.08)
}
@media(max-width: 768px) {
	.modal-v2-body .modal-icon-group .modal-icon {
	padding: 9px;
	height: 34px
}
}.modal-v2-body .modal-icon-group .modal-icon+.modal-icon {
	margin-left: 30px
}
@media(max-width: 768px) {
	.modal-v2-body .modal-icon-group .modal-icon+.modal-icon {
	margin-left: 20px
}
}.modal-v2-body .modal-icon-group img {
	width: 20px;
	height: 20px
}
@media(max-width: 768px) {
	.modal-v2-body .modal-icon-group img {
	width: 16px;
	height: 16px
}
}.modal-v2-body .modal-form {
	width: 100%
}
.modal-v2-body .modal-form input: -webkit-autofill,.modal-v2-body .modal-form input: -webkit-autofill: hover,.modal-v2-body .modal-form input: -webkit-autofill: focus,.modal-v2-body .modal-form input: -webkit-autofill: active {
	-webkit-box-shadow: 0 0 0 30px #f7f7f7 inset !important
}
.modal-v2-body .modal-form .input-group {
	width: 100%;
	position: relative;
	padding-bottom: 25px
}
@media(max-width: 768px) {
	.modal-v2-body .modal-form .input-group {
	padding-bottom: 20px
}
}.modal-v2-body .modal-form .input-group.has-err .d-flex {
	border: 1px solid #fd5b73
}
.modal-v2-body .modal-form .input-group.has-err .d-flex .input-control {
	color: #fd5b73
}
.modal-v2-body .modal-form .input-group.has-err .err-msg {
	display: block
}
@media(max-width: 768px) {
	.modal-v2-body .modal-form .input-group.has-err .err-msg {
	font-size: 12px
}
}.modal-v2-body .modal-form .input-group .err-msg {
	position: absolute;
	bottom: -5px;
	left: 0;
	display: none;
	font-size: 12px;
	color: #fd5b73
}
@media(max-width: 768px) {
	.modal-v2-body .modal-form .input-group .err-msg {
	bottom: -7px
}
}.modal-v2-body .modal-form .input-group .d-flex {
	display: flex;
	border-radius: 4px;
	background-color: rgba(0,0,0,.03)
}
.modal-v2-body .modal-form .input-group .d-flex.active {
	border: 1px solid #019fde
}
.modal-v2-body .modal-form .input-group .input-control {
	background-color: transparent;
	border: none;
	width: 100%
}
@media(max-width: 768px) {
	.modal-v2-body .modal-form .input-group .input-control {
	padding: 8px 5px
}
.modal-v2-body .modal-form .input-group .input-control: : -webkit-input-placeholder {
	font-size: 14px
}
.modal-v2-body .modal-form .input-group .input-control: : -moz-placeholder {
	font-size: 14px
}
.modal-v2-body .modal-form .input-group .input-control: -ms-input-placeholder {
	font-size: 14px
}
.modal-v2-body .modal-form .input-group .input-control: -moz-placeholder {
	font-size: 14px
}
}.modal-v2-body .modal-form .input-group .icon-label {
	margin-bottom: 0;
	display: flex;
	align-items: center;
	padding-left: 10px
}
.modal-v2-body .modal-form .input-group .icon-label .svg-icon {
	width: 20px;
	height: 20px
}
@media(max-width: 768px) {
	.modal-v2-body .modal-form .input-group .icon-label .svg-icon {
	width: 14px;
	height: 14px
}
}.modal-v2-body .modal-form .input-group .icon-label .check {
	background-color: #019fde;
	fill: #fff;
	border-radius: 50%;
	margin-right: 20px
}
@media(max-width: 768px) {
	.modal-v2-body .modal-form .input-group .icon-label .check {
	margin-right: 10px
}
}.modal-v2-body .modal-form .checkbox-group {
	display: flex;
	align-items: center
}
.modal-v2-body .modal-form .checkbox-group.login {
	margin-bottom: 80px
}
@media(max-width: 768px) {
	.modal-v2-body .modal-form .checkbox-group.login {
	margin-bottom: 65px
}
}.modal-v2-body .modal-form .checkbox-group .forget-pw {
	font-size: 14px;
	color: #707070;
	margin-bottom: 5px
}
.modal-v2-body .modal-form .checkbox-group .forget-pw: hover {
	color: #019fde
}
@media(max-width: 768px) {
	.modal-v2-body .modal-form .checkbox-group .forget-pw {
	font-size: 12px
}
}.modal-v2-body .modal-form .checkbox-group .content-label {
	color: #8b9195;
	font-size: 14px;
	margin-right: auto
}
@media(max-width: 768px) {
	.modal-v2-body .modal-form .checkbox-group .content-label {
	font-size: 12px
}
}.modal-v2-body .modal-form .checkbox-group .content-label a {
	color: #4c545a
}
.modal-v2-body .modal-form .checkbox-group .content-label a: hover {
	color: #019fde
}
.modal-v2-body .modal-form .checkbox-group .check-label {
	display: none;
	width: 14px;
	height: 14px;
	margin-bottom: 0
}
.modal-v2-body .modal-form .checkbox-group .modal-checkbox {
	margin: 0 11px 5px 2px
}
@media(max-width: 768px) {
	.modal-v2-body .modal-form .checkbox-group .modal-checkbox {
	margin-right: 5px
}
}.modal-v2-body .modal-form .checkbox-group .modal-checkbox: checked {
	display: none
}
.modal-v2-body .modal-form .checkbox-group .modal-checkbox: checked+.check-label {
	display: inline-block;
	margin: 0 11px 6px 1px
}
@media(max-width: 768px) {
	.modal-v2-body .modal-form .checkbox-group .modal-checkbox: checked+.check-label {
	margin-right: 5px
}
}.modal-v2-body .modal-form .checkbox-group .modal-checkbox: checked+.check-label .check {
	display: inline-block;
	margin: 0;
	fill: #fff;
	width: 14px;
	height: 14px;
	background-color: #019fde;
	border-radius: 3px;
	margin-bottom: 4px
}
.modal-v2-body .modal__user-avatar {
	background-color: #e2e2e2;
	height: 110px;
	width: 110px;
	border-radius: 50%;
	margin-bottom: 10px
}
@media(max-width: 768px) {
	.modal-v2-body .modal__user-avatar {
	height: 100px;
	width: 100px
}
}.modal-v2-body .modal__login-btn {
	color: #4c545a;
	border-color: #4c545a;
	display: flex;
	align-items: center;
	justify-content: center
}
.modal-v2-body .modal__login-btn: hover {
	color: #000;
	border-color: #000
}
.modal-v2-body .modal__login-btn img {
	width: 20px;
	height: 20px;
	margin-right: 10px
}
@media(max-width: 768px) {
	.modal-v2-body .modal__login-btn img {
	width: 14px;
	height: 14px;
	margin-right: 5px
}
}.modal-v2-body .ur-robot {
	height: 90px;
	margin-bottom: 20px
}
@media(max-width: 768px) {
	.modal-v2-body .ur-robot {
	height: 73px
}
}.modal-v2-body .input--email {
	width: 100%;
	margin: 20px 0 10px 0;
	padding: 14px 20px;
	border-radius: 4px;
	border: solid 1px rgba(0,0,0,.16)
}
@media(max-width: 768px) {
	.modal-v2-body .input--email {
	margin-top: 10px;
	margin-bottom: 0;
	padding: 11px
}
.modal-v2-body .input--email: : -webkit-input-placeholder {
	font-size: 14px
}
.modal-v2-body .input--email: : -moz-placeholder {
	font-size: 14px
}
.modal-v2-body .input--email: -ms-input-placeholder {
	font-size: 14px
}
.modal-v2-body .input--email: -moz-placeholder {
	font-size: 14px
}
}.modal-v2-body .copy-group {
	width: 100%
}
.text--brand {
	color: #019fde
}
@media(max-width: 768px) {
	.f-12 {
	font-size: 12px !important;
	line-height: 1.5 !important
}
}.flex-shrink-0 {
	flex-shrink: 0
}
@media(max-width: 567px) {
	.single-line--md {
	display: block
}
}#anime-stars {
	position: absolute;
	width: 540px;
	top: -30px;
	left: -50px
}
@media(max-width: 567px) {
	#anime-stars {
	width: 375px;
	left: -37px;
	top: -29.5px
}
}.certificate-steps {
	display: flex;
	margin-right: 16px;
	margin-top: 36.4px;
	margin-bottom: 20px
}
@media(max-width: 768px) {
	.certificate-steps {
	margin-right: 0;
	margin-top: 10px;
	margin-bottom: 0;
	flex-wrap: wrap
}
}.certificate-steps .step {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}
@media(max-width: 768px) {
	.certificate-steps .step {
	display: block;
	width: 100%
}
}.certificate-steps .step: nth-child(2) {
	margin-left: 74px;
	margin-right: 90px
}
@media(max-width: 768px) {
	.certificate-steps .step: nth-child(2) {
	margin: 0
}
}.certificate-steps .step img {
	width: 60px;
	height: 60px;
	margin-bottom: 10px
}
@media(max-width: 768px) {
	.certificate-steps .step img {
	width: 40px;
	height: 40px;
	margin-bottom: 20px;
	margin-right: 20px
}
}@media(max-width: 768px) {
	.certificate-steps .step span {
	line-height: 40px;
	font-size: 14px
}
}.cert-check-steps {
	display: flex;
	padding-left: 128px;
	padding-right: 128px;
	width: 100%;
	justify-content: space-between
}
@media(max-width: 768px) {
	.cert-check-steps {
	padding-left: 57px;
	padding-right: 0;
	flex-wrap: wrap
}
}@media(max-width: 768px) {
	.cert-check-steps .step {
	display: block;
	margin-bottom: 10px
}
}.cert-check-steps .step img {
	width: 27px;
	margin-right: 10px
}
@media(max-width: 768px) {
	.cert-check-steps .step span {
	font-size: 14px;
	letter-spacing: 1.6
}
}.px-0 {
	padding-left: 0;
	padding-right: 0
}
.chap-wrapper {
	background-color: rgba(0,0,0,.03);
	padding: 20px 15px;
	width: 100%;
	height: 476px;
	overflow-y: scroll;
	margin-top: 20px
}
.chap-wrapper: : -webkit-scrollbar {
	width: 5px
}
@media(max-width: 768px) {
	.chap-wrapper: : -webkit-scrollbar {
	width: 2px
}
}.chap-wrapper: : -webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 10px
}
.chap-wrapper: : -webkit-scrollbar-thumb: hover {
	background: #a8a8a8
}
@media(max-width: 768px) {
	.chap-wrapper {
	margin-top: 2px;
	padding: 10px
}
}.chap-wrapper .chap {
	padding-bottom: 10px
}
@media(max-width: 768px) {
	.chap-wrapper .chap {
	padding-bottom: 7px
}
}.chap-wrapper .chap+.chap {
	border-top: 1px solid rgba(0,0,0,.16);
	padding-top: 10px
}
@media(max-width: 768px) {
	.chap-wrapper .chap+.chap {
	padding-top: 7px
}
}.chap-wrapper .title-group {
	display: flex;
	margin-bottom: 20px
}
.chap-wrapper .title-group h5 {
	letter-spacing: 1px;
	font-size: 20px;
	font-weight: 500;
	color: #4c545a;
	margin-right: auto
}
@media(max-width: 768px) {
	.chap-wrapper .title-group h5 {
	font-size: 15px
}
}@media(max-width: 768px) {
	.chap-wrapper .title-group .subtitle-group {
	display: none
}
}.chap-wrapper .title-group .subtitle-group span {
	font-size: 14px;
	color: #4c545a;
	margin-right: 20px;
	margin-left: 10px
}
.chap-wrapper .chap-content+.chap-content {
	margin-top: 20px
}
@media(max-width: 768px) {
	.chap-wrapper .chap-content+.chap-content {
	margin-top: 16px
}
}.chap-wrapper .chap-content {
	display: flex
}
.chap-wrapper .chap-content h6 {
	font-size: 14px;
	color: #4c545a;
	margin-right: auto;
	font-weight: normal
}
@media(max-width: 768px) {
	.chap-wrapper .chap-content h6 {
	font-size: 12px
}
}.chap-wrapper .chap-content .subcontent-group {
	display: flex
}
.chap-wrapper .chap-content .subcontent-group .svg-icon,.chap-wrapper .chap-content .subcontent-group img {
	width: 24px;
	height: 24px;
	margin-right: 20px;
	margin-left: 22px
}
@media(max-width: 768px) {
	.chap-wrapper .chap-content .subcontent-group .svg-icon,.chap-wrapper .chap-content .subcontent-group img {
	width: 18px;
	height: 18px;
	margin-right: 0;
	margin-left: 10px
}
}.chap-wrapper .chap-content .subcontent-group .svg-icon {
	fill: #fff;
	background-color: #707070;
	border-radius: 50%
}
.chap-wrapper .chap-content .subcontent-group .check {
	background-color: #019fde;
	border: 4px solid #019fde
}
@media(max-width: 768px) {
	.chap-wrapper .chap-content .subcontent-group .check {
	border-width: 2px
}
}.chap-wrapper .chap-content .subcontent-group .no-hw {
	visibility: hidden
}
.body-navbar {
	width: 100%;
	display: flex;
	background-color: #fff
}
.body-navbar .navbar__item {
	line-height: 30px;
	padding-top: 20px;
	padding-bottom: 10px;
	width: 50%;
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	border-bottom: 2px solid rgba(0,0,0,.16);
	color: #373d40;
	position: relative;
	cursor: pointer
}
@media(max-width: 768px) {
	.body-navbar .navbar__item {
	font-size: 18px;
	line-height: 20px;
	padding-bottom: 10px
}
}.body-navbar .navbar__item img {
	width: 13px;
	position: absolute;
	top: 14px;
	left: 133px;
	display: none
}
@media(max-width: 768px) {
	.body-navbar .navbar__item img {
	top: 10px;
	left: 98px
}
}.body-navbar .navbar__item.active {
	border-color: #019fde;
	color: #019fde
}
.body-navbar .navbar__item.active img {
	animation: logo-popup .5s ease-in-out;
	display: inline-block
}
@keyframes logo-popup {
	0% {
	transform: scale(0.8)
}
50% {
	transform: scale(1.5)
}
100% {
	transform: scale(1)
}
}.login-modal {
	width: 460px
}
@media(max-width: 567px) {
	.login-modal {
	width: 300px
}
}.modal--validation .l-form {
	width: 100%
}
.modal--validation.s--success .js-validation-form,.modal--validation.s--success .js-question-form {
	display: none
}
.modal--validation.s--success .input-group {
	background: rgba(0,0,0,.03)
}
.modal--validation.s--success .input-group__btn {
	background: transparent
}
.modal--validation.s--validation .js-success-form,.modal--validation.s--validation .js-question-form {
	display: none
}
.modal--validation.s--validation .modal__input-group {
	border: 1px solid rgba(0,0,0,.16)
}
.modal--validation.s--validation .modal__input-group input {
	text-align: left
}
.modal--validation.s--validation .modal__input-group {
	background: #fff
}
.modal--validation.s--question .js-validation-form,.modal--validation.s--question .js-success-form {
	display: none
}
.modal--validation .l-success-form .input-group {
	margin-bottom: 0px;
	border: none;
	background: rgba(0,0,0,.03)
}
.modal--validation .l-success-form .input-group__input {
	background: transparent
}
.modal--validation .input-group {
	width: 100%;
	border-radius: 4px;
	border: solid 1.5px rgba(0,0,0,.03);
	display: flex;
	height: 50px;
	margin-bottom: 20px
}
.modal--validation .input-group__input {
	width: 100%;
	border: none;
	color: #4c545a;
	text-align: center;
	font-weight: 500;
	font-size: 16px
}
@media(max-width: 567px) {
	.modal--validation .input-group__input {
	font-size: 14px
}
}.modal--validation .input-group__btn {
	height: 50px;
	width: 40px;
	padding: 0;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent
}
.modal--validation .input-group__btn .svg-icon {
	height: 20px;
	width: 20px;
	width: 100%;
	margin: 0;
	opacity: 1;
	fill: #4c545a
}
.modal--validation .btn-group {
	width: 100%
}
.modal--validation .modal__link {
	margin-top: 20px
}
.modal--validation .l-question-form {
	line-height: 1.5
}
.modal--validation .l-question-form p {
	text-align: left
}
.modal--validation .l-question-form li {
	margin-bottom: 20px;
	text-align: left
}
.modal--validation .input--disabled {
	cursor: not-allowed
}
.s--not-chaneable .s--success .input-group__btn {
	display: none !important
}
.modal--forget-password .l-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%
}
.modal--forget-password .form__input {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	border: solid 1px rgba(0,0,0,.16);
	color: #707070;
	font-size: 16px;
	line-height: 2.6;
	font-weight: 500
}
@media(max-width: 567px) {
	.modal--forget-password .form__input {
	font-size: 14px
}
}.modal--forget-password .form__clear-btn {
	position: absolute;
	right: 10px;
	height: 18px;
	width: 18px;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0
}
.modal--forget-password .form__clear-btn .svg-icon.close {
	opacity: 1;
	fill: #4c545a;
	margin: 0;
	height: 100%
}
.modal--forget-password .form-group {
	width: 100%;
	margin-bottom: 40px;
	position: relative;
	height: 50px
}
@media(max-width: 567px) {
	.modal--forget-password .form-group {
	height: 42px
}
}.modal--forget-password .form__description {
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: #4c545a;
	margin-bottom: 20px
}
@media(max-width: 567px) {
	.modal--forget-password .form__description {
	font-size: 14px
}
}.modal--forget-password .c-form__recaptcha {
	margin-bottom: 20px
}
.modal--forget-password .btn-group {
	width: 100%
}
.modal--forget-password .modal__link {
	margin-top: 20px
}
.modal--password-success .modal__title {
	margin-bottom: 10px
}
.modal--password-success .modal__link {
	margin-top: 20px
}
.modal--password-success input {
	margin-top: 10px;
	width: 100%;
	height: 50px;
	border-radius: 4px;
	background: rgba(0,0,0,.03);
	border: none;
	pointer-events: none;
	color: #91969a;
	text-align: center
}
.welcome-back-account-modal,.welcome-back-google-modal,.welcome-back-facebook-modal {
	width: 440px
}
@media(max-width: 567px) {
	.welcome-back-account-modal,.welcome-back-google-modal,.welcome-back-facebook-modal {
	width: 300px
}
}.modal--welcome {
	align-items: initial
}
.modal--welcome .avatar {
	height: 110px;
	width: 110px;
	background: #add8e6;
	border-radius: 50%;
	margin: 0 auto
}
.modal--welcome .modal__title {
	margin-bottom: 0px
}
.modal--welcome .username {
	font-weight: 500
}
.modal--welcome .modal__link {
	margin-top: 20px
}
.modal--welcome .modal__link.link__text {
	color: #019fde
}
.modal--welcome .modal__link.link__text: hover {
	text-decoration: underline;
	font-weight: bold
}
.modal--welcome .modal__link.link__text: focus {
	color: #019fde
}
.modal--welcome .modal__btn .img {
	height: 20px;
	width: 20px;
	margin-right: 10px
}
.modal--welcome .input-group--last {
	justify-content: space-between
}
.modal--welcome .input--remember {
	justify-content: center;
	font-size: 14px
}
@media(max-width: 567px) {
	.modal--welcome .input--remember {
	font-size: 12px
}
}.modal--welcome .remember__label {
	font-size: 14px;
	display: flex;
	align-items: center;
	user-select: none
}
@media(max-width: 567px) {
	.modal--welcome .remember__label {
	font-size: 12px
}
}.modal--welcome .remember__label.link__text {
	color: #019fde
}
.modal--welcome .remember__label.link__text: hover {
	text-decoration: underline;
	font-weight: bold
}
.modal--welcome .remember__label a {
	font-weight: 500
}
.modal--welcome .remember__label .input__checkbox {
	display: none
}
.modal--welcome .remember__label .input__control {
	border: 1px solid #707070;
	height: 16px;
	width: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	margin-right: 5px
}
.modal--welcome .remember__label .input__control .svg-icon {
	margin: 0;
	opacity: 0
}
.modal--welcome .remember__label .input__checkbox: checked+.input__control {
	border-color: #019fde;
	background: #019fde
}
.modal--welcome .remember__label .input__checkbox: checked+.input__control .svg-icon {
	opacity: 1;
	fill: #fff
}
.add-interest-modal {
	width: 860px
}
@media(max-width: 1040px) {
	.add-interest-modal {
	width: 540px
}
}@media(max-width: 567px) {
	.add-interest-modal {
	width: 300px
}
}.add-interest-modal .interest-form {
	margin-top: 20px;
	width: 100%
}
@media(max-width: 567px) {
	.add-interest-modal .modal--add-interest {
	padding: 20px
}
}@media(max-width: 567px) {
	.add-interest-modal .modal__title {
	margin-bottom: 10px
}
}.add-interest-modal .category__main {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px
}
@media(max-width: 1040px) {
	.add-interest-modal .category__main {
	margin-bottom: 0;
	flex-wrap: wrap;
	justify-content: center
}
}.add-interest-modal .category__main.design [data-id="68"] .category__mark {
	display: block
}
.add-interest-modal .category__main.business [data-id="67"] .category__mark {
	display: block
}
.add-interest-modal .category__main.technology [data-id="69"] .category__mark {
	display: block
}
.add-interest-modal .category__main.language [data-id="70"] .category__mark {
	display: block
}
.add-interest-modal .category__main.life [data-id="71"] .category__mark {
	display: block
}
.add-interest-modal .category__box {
	background: #fff;
	height: 70px;
	width: 20%;
	margin: 0 10px;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: 4px;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.12);
	position: relative;
	cursor: pointer;
	color: #4c545a
}
.add-interest-modal .category__box .svg-icon {
	fill: #4c545a;
	margin: 0 10px 0 0;
	height: 32px
}
.add-interest-modal .category__box: hover {
	color: #019fde
}
.add-interest-modal .category__box: hover .svg-icon {
	fill: #019fde
}
@media(max-width: 1040px) {
	.add-interest-modal .category__box {
	width: 140px;
	margin: 0 20px 20px 0
}
.add-interest-modal .category__box .svg-icon {
	height: 30px
}
.add-interest-modal .category__box: nth-of-type(3) {
	margin-right: 0
}
}@media(max-width: 567px) {
	.add-interest-modal .category__box {
	font-size: 18px;
	width: 80px;
	height: 80px;
	margin: 0 10px 20px 0
}
.add-interest-modal .category__box .svg-icon {
	height: 24px;
	margin: 0 0 5px 0
}
}.add-interest-modal .category__content {
	display: flex;
	align-items: center;
	font-weight: 500
}
@media(max-width: 567px) {
	.add-interest-modal .category__content {
	flex-direction: column
}
}.add-interest-modal .interest__container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0 8px
}
@media(max-width: 567px) {
	.add-interest-modal .interest__container {
	display: none
}
}.add-interest-modal .category__capsule {
	border: 1px solid rgba(0,0,0,.16);
	padding: 0 15px;
	height: 36px;
	border-radius: 40px;
	background: #fff;
	margin: 0 15px 10px 0;
	position: relative;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	cursor: pointer
}
.add-interest-modal .category__capsule.active {
	border-color: #019fde;
	color: #019fde
}
@media(max-width: 1040px) {
	.add-interest-modal .category__capsule {
	display: inline-flex
}
}@media(max-width: 567px) {
	.add-interest-modal .category__capsule {
	margin: 0 7px 10px 7px
}
}.add-interest-modal .category__capsule--red {
	background-color: #ff5b74;
	color: #fff;
	border: #ff5b74
}
.add-interest-modal .category__capsule--red .close-button {
	background-color: #fff;
	border-radius: 50%;
	height: 16px;
	width: 16px;
	border: none;
	display: flex;
	align-items: center;
	padding: 0;
	justify-content: center;
	margin-left: 10px
}
.add-interest-modal .category__capsule--red .svg-icon {
	fill: #ff5b74;
	margin: 0;
	opacity: 1
}
.add-interest-modal .category__capsule--red-border {
	border-color: #ff5b74;
	padding: 8px 12px;
	justify-content: center;
	margin-bottom: 0;
	margin-top: 0;
	color: #ff5b74
}
.add-interest-modal .category__capsule--red-border .svg-icon {
	fill: #ff5b74;
	height: 24px;
	margin: 0
}
.add-interest-modal .category__capsule--red-border: hover {
	background-color: #ff5b74;
	color: #fff
}
.add-interest-modal .category__capsule--red-border: hover .svg-icon {
	fill: #fff
}
.add-interest-modal .category__mark {
	display: none;
	height: 6px;
	width: 6px;
	background: #019fde;
	border-radius: 50%;
	position: ABSOLUTE;
	bottom: 5px
}
@media(max-width: 567px) {
	.add-interest-modal .category__mark {
	bottom: 3px
}
}.add-interest-modal .category__box.active {
	box-shadow: none;
	background: #019fde;
	color: #fff
}
.add-interest-modal .category__box.active .svg-icon {
	fill: #fff
}
.add-interest-modal .category__sub {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	min-height: 92px
}
@media(max-width: 1040px) {
	.add-interest-modal .category__sub {
	display: block;
	min-height: 138px
}
}@media(max-width: 567px) {
	.add-interest-modal .category__sub {
	min-height: 60px;
	display: flex;
	justify-content: unset
}
}.add-interest-modal .sub__box button {
	opacity: 0;
	height: 16px;
	width: 16px;
	border: 1px solid #f7f7f7;
	border-radius: 50%;
	background: #019fde;
	display: inline-flex;
	align-items: center;
	padding: 0;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}
.add-interest-modal .sub__box button .svg-icon {
	margin: 0;
	fill: #fff;
	height: 100%
}
.add-interest-modal .sub__box.active button {
	opacity: 1
}
.add-interest-modal .interest__input {
	width: 100%;
	height: 56px;
	border-radius: 4px;
	background-color: rgba(0,0,0,.03);
	display: flex;
	align-items: center;
	padding: 0 20px;
	font-weight: 500;
	margin-bottom: 10px
}
.add-interest-modal .interest__input input {
	height: 100%;
	border: none;
	font-size: 16px;
	font-weight: 500;
	color: #bbb;
	flex-grow: 1;
	background: transparent
}
.add-interest-modal .interest__input .svg-icon {
	margin: 0 10px 0 0
}
.add-interest-modal .interest__input button {
	border: none;
	background: transparent;
	color: #019fde
}
@media(max-width: 567px) {
	.add-interest-modal .interest__input {
	display: none
}
}.add-interest-modal .modal__btn {
	margin-top: 20px;
	width: 260px
}
@media(max-width: 1040px) {
	.add-interest-modal .modal__btn {
	margin-top: auto
}
}@media(max-width: 567px) {
	.add-interest-modal .modal__btn {
	width: 100%
}
}.modal--create-account .l-form {
	width: 100%;
	margin-top: 10px
}
.modal--merge-account .modal__title,.modal--merge-fail .modal__title {
	margin-top: 10px;
	margin-bottom: 0
}
.modal--merge-account .modal__content,.modal--merge-fail .modal__content {
	margin-top: 0
}
.modal-use-coupon {
	width: 860px;
	background: #fff
}
@media(max-width: 1040px) {
	.modal-use-coupon {
	width: 540px
}
}@media(max-width: 567px) {
	.modal-use-coupon {
	width: 300px
}
}.modal-use-coupon .modal__body {
	padding: 20px 0 0 0
}
.modal-use-coupon .loading-view {
	display: none
}
.modal-use-coupon .s--loading .loading-view {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}
.modal-use-coupon .empty-view {
	display: none
}
.modal-use-coupon .s--empty .empty-view {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 200px;
	margin: 0 auto
}
.modal-use-coupon .s--empty .empty-view p {
	font-weight: 500;
	margin-top: 20px
}
.modal-use-coupon .coupon-showcase {
	width: 100%;
	height: 370px;
	margin-top: 10px;
	padding: 20px;
	overflow-y: scroll
}
.modal-use-coupon .coupon-showcase: : -webkit-scrollbar {
	width: 0
}
@media(max-width: 567px) {
	.modal-use-coupon .coupon-showcase {
	padding: 10px;
	height: 400px
}
}.modal-use-coupon .c-coupon-horizontal {
	margin-bottom: 20px
}
.modal-use-coupon .modal__footer {
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center
}
@media(max-width: 567px) {
	.modal-use-coupon .modal__footer {
	height: 72px
}
}.modal-use-coupon .modal__footer button {
	height: 50px;
	width: 360px;
	background-color: #019fde;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	border-radius: 4px;
	border: none
}
@media(max-width: 567px) {
	.modal-use-coupon .modal__footer button {
	height: 42px;
	width: 260px
}
}.c-coupon-horizontal {
	width: 100%;
	height: 130px;
	position: relative;
	cursor: pointer
}
@media(max-width: 567px) {
	.c-coupon-horizontal {
	height: 120px
}
}.c-coupon-horizontal .bg__border {
	opacity: 0
}
.c-coupon-horizontal.s--selected .bg__border {
	opacity: 1
}
.c-coupon-horizontal.s--selected .coupon__bg .svg-icon {
	fill: #019fde
}
.c-coupon-horizontal.s--emergent.s--selected .svg-icon.gift {
	fill: #ff5b74
}
.c-coupon-horizontal.s--emergent.s--selected .coupon__value {
	color: #ff5b74
}
.c-coupon-horizontal.s--emergent.s--selected .coupon__bg .svg-icon {
	fill: #ff5b74
}
.c-coupon-horizontal .coupon__layer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}
.c-coupon-horizontal .coupon__bg {
	height: 100%;
	width: 100%
}
.c-coupon-horizontal .coupon__bg img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}
.c-coupon-horizontal .coupon__bg .bg__base {
	filter: drop-shadow(0px 4px 18px rgba(0, 0, 0, 0.16))
}
@media(max-width: 567px) {
	.c-coupon-horizontal .coupon__bg .bg__base {
	filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.16))
}
}.c-coupon-horizontal .coupon__bg .svg-icon {
	margin: 0;
	position: absolute;
	left: 0;
	z-index: 1;
	fill: transparent;
	height: 100%;
	width: 100%;
	transform: scaleX(1.02)
}
@media(max-width: 1040px) {
	.c-coupon-horizontal .bg--big {
	display: none
}
}.c-coupon-horizontal .bg--mid {
	display: none
}
@media(max-width: 1040px) {
	.c-coupon-horizontal .bg--mid {
	display: block
}
}@media(max-width: 567px) {
	.c-coupon-horizontal .bg--mid {
	display: none
}
}.c-coupon-horizontal .bg--small {
	display: none
}
@media(max-width: 567px) {
	.c-coupon-horizontal .bg--small {
	display: block
}
}.c-coupon-horizontal .coupon__wrapper {
	display: flex;
	align-items: center
}
.c-coupon-horizontal .wrapper__left {
	width: 240px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-right: 2px dashed rgba(0,0,0,.12)
}
@media(max-width: 1040px) {
	.c-coupon-horizontal .wrapper__left {
	width: 180px;
	flex-shrink: 0
}
}@media(max-width: 567px) {
	.c-coupon-horizontal .wrapper__left {
	display: none
}
}.c-coupon-horizontal .wrapper__left .svg-icon {
	height: 32px;
	width: 32px;
	margin-bottom: 10px;
	fill: #019fde
}
@media(max-width: 567px) {
	.c-coupon-horizontal .wrapper__left .svg-icon {
	display: none
}
}.c-coupon-horizontal .wrapper__left h3 {
	height: 40px;
	font-size: 34px;
	font-weight: bold;
	color: #019fde
}
@media(max-width: 567px) {
	.c-coupon-horizontal .wrapper__left h3 {
	display: none
}
}.c-coupon-horizontal .wrapper__right {
	flex-grow: 1;
	padding: 10px 20px;
	text-align: left
}
.c-coupon-horizontal .coupon__title {
	height: 28px;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 6px
}
@media(max-width: 567px) {
	.c-coupon-horizontal .coupon__title {
	height: 26px;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between
}
}.c-coupon-horizontal .coupon__title .coupon__value {
	display: none
}
@media(max-width: 567px) {
	.c-coupon-horizontal .coupon__title .coupon__value {
	display: inline;
	font-size: 22px;
	font-weight: bold
}
}.c-coupon-horizontal .coupon__description {
	height: 22px;
	line-height: 22px;
	margin-bottom: 5px;
	color: #4c545a;
	font-size: 16px;
	overflow: hidden
}
@media(max-width: 567px) {
	.c-coupon-horizontal .coupon__description {
	height: 20px;
	line-height: 20px;
	font-size: 14px
}
}.c-coupon-horizontal .coupon__description: last-of-type {
	margin-bottom: 0
}
.c-coupon-horizontal .coupon__description .description__title {
	color: #707070;
	margin-right: 3px
}
.modal--rating-list {
	padding: 0;
	color: #4c545a;
	height: 700px
}
.modal--rating-list.is--list .js-list-modal {
	display: flex;
	flex-direction: column
}
.modal--rating-list.is--list .js-add-rating-modal {
	display: none
}
.modal--rating-list.is--rating .js-list-modal {
	display: none
}
.modal--rating-list.is--rating .js-add-rating-modal {
	display: flex
}
.modal--rating-list .rating__page {
	width: 100%;
	height: 100%
}
.modal--rating-list .rating__page .no-nickname {
	display: none
}
.modal--rating-list .rating__page .modal__body {
	height: 100%
}
.modal--rating-list .rating__page.no-nickname .no-nickname {
	display: flex
}
.modal--rating-list .rating__page.no-nickname .has-nickname {
	display: none
}
.modal--rating-list .has-error .form-control,.modal--rating-list .has-error input,.modal--rating-list .has-error textarea {
	border: 1px solid #ff5b74 !important
}
.modal--rating-list .is--disallowed {
	pointer-events: none
}
@media(max-width: 567px) {
	.modal--rating-list {
	height: 600px
}
}.modal--rating-list .header {
	width: 100%;
	padding: 20px 40px 0 40px;
	border-bottom: 1px solid rgba(0,0,0,.12)
}
.modal--rating-list .modal__title {
	margin-bottom: 10px
}
.modal--rating-list .loading-view {
	height: 700px;
	display: flex;
	justify-content: center;
	align-items: center
}
.modal--rating-list .loading-view img {
	height: 80px;
	width: 80px
}
.modal--rating-list .rating {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between
}
.modal--rating-list .rating__summary h3 {
	font-size: 42px;
	font-weight: bold;
	line-height: 50px;
	margin-bottom: 5px;
	height: 50px
}
@media(max-width: 567px) {
	.modal--rating-list .rating__summary h3 {
	height: 36px;
	line-height: 36px;
	font-size: 30px
}
}.modal--rating-list .rating__summary p {
	font-size: 16px;
	line-height: 1.4
}
@media(max-width: 567px) {
	.modal--rating-list .rating__summary p {
	font-size: 14px;
	line-height: 1.6
}
}.modal--rating-list .rating__summary .star-group {
	margin-bottom: 10px;
	justify-content: center
}
.modal--rating-list .rating__summary .star-group .svg-icon {
	fill: #019fde;
	height: 16px;
	width: 16px;
	margin-left: 0;
	margin-right: 3px
}
@media(max-width: 567px) {
	.modal--rating-list .rating__summary .star-group .svg-icon {
	height: 12px;
	width: 12px;
	fill: #019fde
}
}.modal--rating-list .rating__chart p {
	line-height: 1.4;
	color: #bbb;
	text-align: right
}
@media(max-width: 567px) {
	.modal--rating-list .rating__chart p {
	font-size: 14px;
	line-height: 1.6
}
}.modal--rating-list .chart__bars {
	margin: 10px 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center
}
@media(max-width: 567px) {
	.modal--rating-list .chart__bars {
	margin-top: 0;
	margin-bottom: 10px
}
}.modal--rating-list .chart__item {
	display: flex;
	align-items: center;
	margin-bottom: 5px
}
.modal--rating-list .chart__item: last-of-type {
	margin-bottom: 0
}
.modal--rating-list .item__bar {
	margin-left: 15px
}
.modal--rating-list .item__stars {
	display: flex
}
.modal--rating-list .item__stars .svg-icon {
	height: 8px;
	width: 8px;
	margin-left: 2px;
	margin-right: 0;
	fill: #4c545a
}
.modal--rating-list .item__stars .svg-icon: first-of-type {
	margin-left: 0
}
@media(max-width: 567px) {
	.modal--rating-list .item__stars .svg-icon {
	height: 6px;
	width: 6px
}
}.modal--rating-list .item__bar {
	height: 2px;
	width: 200px;
	background: #eaeaea;
	position: relative
}
.modal--rating-list .item__bar .bar {
	height: 100%;
	position: absolute;
	left: 0;
	background-color: #4c545a
}
@media(max-width: 567px) {
	.modal--rating-list .item__bar {
	width: 110px
}
}.modal--rating-list .control {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px
}
.modal--rating-list .sorter {
	position: relative;
	z-index: 2;
	font-weight: 500;
	font-size: 16px;
	cursor: pointer
}
.modal--rating-list .sorter .svg-icon {
	fill: #4c545a
}
.modal--rating-list .sorter .sort-desc {
	transform-origin: center;
	transition: .3s transform ease-in
}
.modal--rating-list .sorter.is--open .sort-desc {
	transform: rotate(180deg)
}
.modal--rating-list .sorter__anchor {
	width: 120px;
	height: 36px;
	border: 1px solid #4c545a;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 7px 10px;
	font-weight: 500;
	line-height: 22px
}
@media(max-width: 567px) {
	.modal--rating-list .sorter__anchor {
	width: 100px;
	height: 30px;
	padding: 5px;
	font-size: 14px;
	line-height: 20px
}
}.modal--rating-list .sorter__list {
	width: 120px;
	border: 1px solid #4c545a;
	position: absolute;
	top: calc(100% + 10px);
	border-radius: 4px;
	overflow: hidden
}
@media(max-width: 567px) {
	.modal--rating-list .sorter__list {
	width: 100px
}
}.modal--rating-list .sorter__list .list__item {
	height: 36px;
	padding: 7px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	border-bottom: 1px solid rgba(0,0,0,.12)
}
.modal--rating-list .sorter__list .list__item: hover {
	background: #eaeaea
}
.modal--rating-list .sorter__list .list__item .svg-icon {
	opacity: 0
}
.modal--rating-list .sorter__list .list__item.is--selected .svg-icon {
	opacity: 1
}
.modal--rating-list .sorter__list .list__item: last-of-type {
	border-bottom: none
}
@media(max-width: 567px) {
	.modal--rating-list .sorter__list .list__item {
	height: 30px;
	padding: 5px;
	font-size: 14px
}
}.modal--rating-list .operation {
	color: #fff;
	background-color: #019fde;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	height: 100%;
	margin-right: 20px;
	font-size: 16px;
	border-radius: 4px;
	cursor: pointer
}
.modal--rating-list .operation .svg-icon {
	height: 1.8rem;
	margin-right: 10px;
	margin-left: 0;
	fill: #fff
}
@media(max-width: 567px) {
	.modal--rating-list .operation .svg-icon {
	height: 1.6rem
}
}.modal--rating-list .operation.is--disallowed {
	background-color: #bbb;
	cursor: not-allowed
}
.modal--rating-list .operation.is--edit {
	color: #019fde;
	background-color: #fff;
	border: 1px solid #019fde
}
.modal--rating-list .operation.is--edit .svg-icon {
	fill: #019fde
}
@media(max-width: 567px) {
	.modal--rating-list .operation {
	margin-right: 10px;
	font-size: 14px
}
}.modal--rating-list.is--empty .content {
	overflow: hidden
}
.modal--rating-list .content {
	width: 100%;
	height: 100%;
	padding: 0 40px;
	display: flex;
	flex-direction: column;
	overflow-y: scroll
}
@media(max-width: 567px) {
	.modal--rating-list .content {
	padding: 0 20px
}
}.modal--rating-list .empty {
	display: flex;
	flex: 2;
	flex-direction: column;
	justify-content: center
}
.modal--rating-list .empty p {
	font-size: 16px;
	font-weight: 500;
	margin: auto
}
@media(max-width: 567px) {
	.modal--rating-list .empty p {
	font-size: 14px
}
}.modal--rating-list .empty button {
	margin-top: auto;
	margin-bottom: 20px
}
.modal--rating-list .empty button.is--disallowed {
	background: #bbb;
	cursor: not-allowed
}
.modal--rating-list .list {
	margin-top: 10px
}
.modal--rating-list .list-item-warp {
	margin-bottom: 10px
}
.modal--rating-list .list-item {
	display: flex;
	flex-direction: column;
	padding: 10px 0
}
.modal--rating-list .list-item.my-rating img {
	border: 2px solid #019fde
}
.modal--rating-list .list-item: last-child {
	border-bottom: 1px solid rgba(0,0,0,.1)
}
.modal--rating-list .list-item .svg-icon {
	fill: #019fde;
	height: 12px;
	width: 12px;
	margin-right: 2px;
	margin-left: 0
}
.modal--rating-list .list-item .svg-icon.chat-fill {
	fill: currentcolor
}
@media(max-width: 567px) {
	.modal--rating-list .list-item .svg-icon {
	height: 10px;
	width: 10px
}
}.modal--rating-list .header__comment {
	display: flex;
	margin-bottom: 10px
}
@media(max-width: 567px) {
	.modal--rating-list .header__comment {
	margin-bottom: 5px
}
}.modal--rating-list .comment__header {
	display: flex;
	justify-content: space-between;
	flex-grow: 1
}
.modal--rating-list .comment__avatar {
	margin-right: 10px;
	width: fit-content
}
.modal--rating-list .comment__avatar img {
	height: 38px;
	width: 38px;
	border-radius: 50%
}
@media(max-width: 567px) {
	.modal--rating-list .comment__avatar img {
	height: 34px;
	width: 34px
}
}.modal--rating-list .comment__author {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}
.modal--rating-list .comment__author h5 {
	margin-bottom: 4px;
	color: #000
}
.modal--rating-list .comment__date {
	font-size: 14px;
	color: #707070;
	margin-left: auto;
	line-height: 14px
}
@media(max-width: 567px) {
	.modal--rating-list .comment__date {
	font-size: 12px;
	line-height: 12px
}
}.modal--rating-list .comment__content {
	font-size: 14px;
	color: #707070;
	text-align: left;
	line-height: 1.5
}
@media(max-width: 567px) {
	.modal--rating-list .comment__content {
	font-size: 12px
}
}@media(max-width: 567px) {
	.modal--rating-list .hidden--mobile {
	display: none
}
}.modal--rating-list .error-msg {
	position: absolute;
	font-size: 10px;
	bottom: -20px;
	height: 20px
}
.modal--rating-list .rating-area,.modal--rating-list .text-area,.modal--rating-list .author-area,.modal--rating-list .submit-area {
	width: 100%
}
.modal--rating-list .rating-area,.modal--rating-list .text-area {
	margin-bottom: 20px
}
@media(max-width: 567px) {
	.modal--rating-list .rating-area,.modal--rating-list .text-area {
	margin-bottom: 10px
}
}.modal--rating-list .rating-area {
	height: 22px;
	display: flex;
	justify-content: space-between
}
@media(max-width: 567px) {
	.modal--rating-list .rating-area {
	height: 20px;
	font-size: 14px
}
}.modal--rating-list .input-limit-box {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	width: 36px;
	background-color: rgba(0,0,0,.05);
	color: #91969a
}
.modal--rating-list .rating-box {
	cursor: pointer;
	display: flex;
	margin-left: auto
}
.modal--rating-list .rating-box .svg-icon {
	height: 24px;
	width: 24px;
	margin-right: 5px
}
@media(max-width: 567px) {
	.modal--rating-list .rating-box .svg-icon {
	height: 20px;
	width: 20px
}
}.modal--rating-list .author-area .form-group {
	margin-bottom: 0
}
.modal--rating-list .author-area input {
	height: 50px;
	font-size: 16px;
	color: #4c545a
}
.modal--rating-list .author-area .author.no-nickname {
	margin-bottom: 20px
}
.modal--rating-list .author-area .no-nickname__input-group {
	position: relative;
	width: 100%
}
.modal--rating-list .author-area input {
	border: solid 1px rgba(0,0,0,.16)
}
.modal--rating-list .author-area .input-limit-box {
	position: absolute;
	bottom: 7px;
	right: 7px
}
.modal--rating-list .text-area {
	position: relative;
	flex-grow: 2
}
.modal--rating-list .text-area textarea {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	border: solid 1px rgba(0,0,0,.16);
	resize: none;
	padding: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.modal--rating-list .text-area .input-limit-box {
	position: absolute;
	bottom: 10px;
	right: 10px
}
.modal--rating-list .submit-area {
	display: flex;
	justify-content: space-between
}
.modal--rating-list .submit-area button {
	max-width: calc(50% - 10px);
	height: 50px;
	outline: none;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 2px #019fde;
	color: #019fde;
	background-color: #fff
}
.modal--rating-list .submit-area button: first-of-type,.modal--rating-list .submit-area button: nth-of-type(2) {
	flex-grow: 1;
	margin-right: 20px
}
@media(max-width: 567px) {
	.modal--rating-list .submit-area button: first-of-type,.modal--rating-list .submit-area button: nth-of-type(2) {
	margin-right: 10px
}
}.modal--rating-list .submit-area button: last-of-type {
	flex-grow: 4;
	background-color: #019fde;
	color: #fff;
	border: none
}
.modal--order-info .payment-detail {
	margin-top: 10px
}
.modal--order-info ul {
	width: fit-content;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.5
}
@media(max-width: 567px) {
	.modal--order-info ul {
	font-size: 14px;
	text-align: left
}
}.modal--order-info .header {
	align-items: center;
	display: flex;
	margin-top: 20px
}
.modal--order-info .header h4 {
	margin: 0 36px;
	font-size: 18px
}
@media(max-width: 567px) {
	.modal--order-info .header h4 {
	font-size: 16px
}
}.modal--order-info .header: : before,.modal--order-info .header: : after {
	content: "";
	display: block;
	height: 1px;
	flex-grow: 1;
	background-color: #000
}
.modal--order-info .step-container {
	padding: 20px 0
}
@media(max-width: 567px) {
	.modal--order-info .step-container {
	padding-top: 10px
}
}.modal--order-info .step {
	display: flex;
	margin-bottom: 20px
}
.modal--order-info .step: last-of-type {
	margin-bottom: 0
}
@media(max-width: 567px) {
	.modal--order-info .step {
	margin-bottom: 10px
}
}.modal--order-info .step__num {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #019fde;
	flex-shrink: 0;
	margin-right: 10px
}
@media(max-width: 567px) {
	.modal--order-info .step__num {
	display: none
}
}.modal--order-info .step__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left
}
.modal--order-info .step__content h4 {
	color: #019fde;
	font-weight: normal;
	margin-bottom: 5px
}
@media(max-width: 567px) {
	.modal--order-info .step__content h4 {
	font-size: 14px
}
}.modal--order-info .step__content p {
	font-size: 14px;
	line-height: 1.5
}
@media(max-width: 567px) {
	.modal--order-info .step__content p {
	font-size: 12px;
	line-height: 1.75
}
}.modal--share-link {
	padding: 20px 20px 0 20px
}
.modal--share-link .copy-group {
	height: 50px;
	width: 500px;
	display: flex;
	font-size: 16px
}
@media(max-width: 567px) {
	.modal--share-link .copy-group {
	height: 90px;
	width: 260px;
	font-size: 14px;
	flex-direction: column
}
}.modal--share-link .copy__box {
	height: 100%;
	width: calc(100% - 80px);
	border: 1px solid rgba(0,0,0,.16);
	border-radius: 4px 0 0 4px;
	line-height: 48px;
	padding-left: 10px;
	text-align: left;
	overflow: hidden
}
@media(max-width: 567px) {
	.modal--share-link .copy__box {
	width: 100%;
	height: calc(50% - 5px);
	line-height: 38px;
	border-radius: 4px
}
}.modal--share-link .copy__btn {
	width: 80px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0 4px 4px 0;
	background: #019fde;
	border: none;
	outline: none;
	flex-shrink: 0
}
.modal--share-link .copy__btn .svg-icon {
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
	fill: #fff
}
@media(max-width: 567px) {
	.modal--share-link .copy__btn .svg-icon {
	width: 18px;
	height: 18px;
	margin-right: 5px
}
}@media(max-width: 567px) {
	.modal--share-link .copy__btn {
	width: 100%;
	height: calc(50% - 5px);
	margin-top: 10px;
	border-radius: 4px
}
}.modal--share-link .links-group {
	display: flex;
	justify-content: center;
	margin-top: 20px
}
.modal--share-link .link {
	height: 50px;
	width: 50px;
	margin-right: 20px
}
.modal--share-link .link: last-of-type {
	margin-right: 0
}
.modal--share-link .link .svg-icon {
	height: 100%;
	width: 100%;
	margin: 0
}
.modal--share-link .link.link--facebook: hover .svg-icon {
	fill: #355ba8
}
.modal--share-link .link .link-btn {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color: #f5f5f5
}
.modal--share-link .link .link-btn .svg-icon {
	height: 24px;
	width: 24px;
	margin: 0;
	fill: #4c545a
}
.modal--share-link .link.link--facebook_share: hover .link-btn,.modal--share-link .link.link--line_share: hover .link-btn {
	background-color: #019fde
}
.modal--share-link .link.link--facebook_share: hover .svg-icon,.modal--share-link .link.link--line_share: hover .svg-icon {
	fill: #fff
}
.modal--share-link iframe.share_animation {
	border-style: none
}
.modal--share-link.share-link--partner .modal__title＿＿group {
	position: relative
}
.modal--share-link.share-link--partner .modal__title＿＿group .modal__title {
	margin-bottom: 10px
}
.modal--share-link.share-link--partner .modal__title＿＿group .modal__title: hover {
	cursor: pointer
}
.modal--share-link.share-link--partner .modal__title＿＿group: : after {
	content: "";
	display: block;
	width: 20px;
	border-bottom: 4px solid #019fde;
	margin: 0 auto;
	position: absolute;
	bottom: 0
}
.modal--share-link.share-link--partner.s--normal .modal__title＿＿group: : after {
	left: calc(30% - 10px)
}
.modal--share-link.share-link--partner.s--normal .modal__title＿＿group .modal__title {
	color: #4c545a
}
.modal--share-link.share-link--partner.s--normal .js-form-normal {
	display: flex
}
.modal--share-link.share-link--partner.s--normal .js-form-blogger {
	display: none
}
.modal--share-link.share-link--partner.s--blogger .modal__title＿＿group: : after {
	left: calc(70% - 10px)
}
.modal--share-link.share-link--partner.s--blogger .modal__title＿＿group .modal__title {
	color: #4c545a
}
.modal--share-link.share-link--partner.s--blogger .js-form-normal {
	display: none
}
.modal--share-link.share-link--partner.s--blogger .js-form-blogger {
	display: flex
}
.modal--share-link.share-link--partner.s--blogger .js-form-blogger.s--link-h .js-from-link-h {
	display: flex
}
.modal--share-link.share-link--partner.s--blogger .js-form-blogger.s--link-h .js-from-link-n {
	display: none
}
.modal--share-link.share-link--partner.s--blogger .js-form-blogger.s--link-n .js-from-link-h {
	display: none
}
.modal--share-link.share-link--partner.s--blogger .js-form-blogger.s--link-n .js-from-link-n {
	display: flex
}
.modal--share-link.share-link--partner .copy__box {
	display: flex
}
.modal--share-link.share-link--partner .copy__box span {
	width: calc(100% - 40px);
	overflow: hidden
}
.modal--share-link.share-link--partner .new__link__btn {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #019fde;
	border: 1px solid #019fde;
	border-radius: 4px;
	line-height: 22px
}
.modal--share-link.share-link--partner .new__link__btn: hover {
	cursor: pointer
}
.modal--share-link.share-link--partner .refresh-btn {
	border: none;
	background: transparent;
	margin-left: auto
}
.modal--preview-announcement {
	padding: 30px
}
.modal--preview-announcement .modal__title {
	margin-bottom: 30px;
	text-align: center
}
.sorter-group {
	display: flex;
	padding: 0 20px
}
@media(max-width: 768px) {
	.sorter-group {
	padding: 10px 0
}
}.sorter {
	position: relative;
	z-index: 2;
	margin-right: 15px;
	font-weight: 500;
	font-size: 16px;
	cursor: pointer
}
.sorter .svg-icon {
	fill: #4c545a
}
.sorter .sort-desc {
	transform-origin: center;
	transition: .3s transform ease-in
}
.sorter.is--open .sort-desc {
	transform: rotate(180deg)
}
.sorter: last-child {
	margin-right: 0
}
@media(max-width: 768px) {
	.sorter {
	flex: 1 0 148px
}
}.sorter__anchor {
	width: 150px;
	height: 36px;
	border: 1px solid #4c545a;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 7px 10px;
	font-weight: 500;
	line-height: 22px
}
@media(max-width: 768px) {
	.sorter__anchor {
	width: 100%;
	height: 30px;
	padding: 5px;
	font-size: 14px;
	line-height: 20px
}
}.sorter__list {
	width: 150px;
	border: 1px solid #4c545a;
	position: absolute;
	top: calc(100% + 10px);
	border-radius: 4px;
	overflow: hidden
}
@media(max-width: 768px) {
	.sorter__list {
	width: 100%
}
}.sorter__list .list__item {
	height: 36px;
	padding: 7px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	border-bottom: 1px solid rgba(0,0,0,.12)
}
.sorter__list .list__item: hover {
	background: #eaeaea
}
.sorter__list .list__item .svg-icon {
	opacity: 0
}
.sorter__list .list__item.is--selected .svg-icon {
	opacity: 1
}
.sorter__list .list__item: last-of-type {
	border-bottom: none
}
@media(max-width: 567px) {
	.sorter__list .list__item {
	height: 30px;
	padding: 5px;
	font-size: 14px
}
}.search-bar {
	position: relative;
	flex-grow: 1
}
.search-bar input: focus {
	background: #019fde;
	color: #fff
}
.search-bar input: focus: : placeholder {
	color: #fff
}
.search-bar input: focus~button .svg-icon {
	fill: #fff
}
.search-bar .btn-icon {
	padding: 0
}
.modal-v2-notification.notification-modal {
	position: fixed;
	right: 0;
	bottom: 20px;
	left: 0;
	margin: auto
}
.modal-v2-notification.notification-modal .modal-content {
	background-color: #fd5b73
}
.modal-v2-notification.notification-modal .modal-content .modal-body {
	padding: 0
}
@media(max-width: 1240px) {
	.modal-v2-notification.notification-modal .modal-content .modal-body {
	padding: 0px 10px
}
}.modal-v2-notification.notification-modal .modal-content .modal-body .modal__body {
	display: flex;
	flex-direction: row;
	padding: 15px 20px;
	background-color: #fd5b73
}
@media(max-width: 1240px) {
	.modal-v2-notification.notification-modal .modal-content .modal-body .modal__body {
	line-height: 20px;
	flex-direction: column;
	padding: 20px 0px
}
}@media(max-width: 768px) {
	.modal-v2-notification.notification-modal .modal-content .modal-body .modal__body {
	padding: 20px 60px
}
}@media(max-width: 567px) {
	.modal-v2-notification.notification-modal .modal-content .modal-body .modal__body {
	padding: 20px 0px
}
}.modal-v2-notification.notification-modal .modal-content .modal-body .modal__body span {
	color: #fff
}
.modal-v2-notification.notification-modal .modal-content .modal-body .modal__body .btn {
	height: 30px;
	background-color: #fd5b73;
	border: 1px solid #fff;
	color: #fff;
	padding: 2px 20px;
	margin: 0 10px 0 10px
}
@media(max-width: 1240px) {
	.modal-v2-notification.notification-modal .modal-content .modal-body .modal__body .btn {
	margin: 20px 10px 0 10px
}
}.modal-v2-notification.notification-modal .modal-close-btn {
	height: 26px;
	width: 26px;
	margin: 0 10px;
	background-color: #fff;
	top: 17px
}
.modal-v2-notification.notification-modal .modal-close-btn: hover {
	background-color: #fff
}
@media(max-width: 1240px) {
	.modal-v2-notification.notification-modal .modal-close-btn {
	top: 10px;
	right: 5px
}
}.modal-v2-notification.notification-modal .modal-close-btn .svg-icon.close {
	fill: #fd5b73
}
.modal.modal--scroll {
	z-index: 1052
}
.modal.modal--scroll .modal-content {
	border-radius: 10px
}
.modal.modal--scroll .modal-content .modal__body {
	padding: 0;
	height: 600px;
	justify-content: center
}
.modal.modal--scroll .modal-close-btn {
	height: 30px;
	width: 30px;
	position: absolute;
	border-radius: 50%;
	transition: all .4s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 15px;
	right: 15px;
	background-color: rgba(0,0,0,.2);
	box-shadow: none
}
.modal.modal--scroll .modal-close-btn .svg-icon.close {
	opacity: 1;
	fill: #fff;
	float: none
}
.modal.modal--scroll .modal-close-btn: hover {
	background: #019fde
}
.modal.modal--scroll .modal-close-btn: hover .svg-icon {
	fill: #fff
}
@media(max-width: 567px) {
	.modal.modal--scroll .modal-close-btn {
	height: 24px;
	width: 24px;
	top: 10px;
	right: 10px
}
.modal.modal--scroll .modal-close-btn .svg-icon.close {
	height: 15px
}
}.modal.modal--scroll .scrollModalHead {
	padding: 20px;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.06);
	position: absolute;
	width: 100%;
	top: 0;
	left: 0
}
.modal.modal--scroll .scrollModalContent {
	padding: 0 20px;
	height: 378px;
	overflow-y: scroll;
	width: 100%
}
.modal.modal--scroll .scrollModalBottom {
	padding: 20px;
	box-shadow: 0 -2px 6px 0 rgba(0,0,0,.06);
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #fff
}
@media(max-width: 567px) {
	.modal.modal--scroll .scrollModalHead {
	padding: 10px
}
.modal.modal--scroll .scrollModalContent {
	padding: 0 10px;
	height: 351px
}
.modal.modal--scroll .scrollModalBottom {
	padding: 10px 20px
}
.modal.modal--scroll .modal-content .modal__body {
	padding: 0;
	height: 560px
}
}.modal-scroll-xs {
	width: 460px !important
}
@media(max-width: 567px) {
	.modal-scroll-xs {
	width: 320px !important
}
}@media(max-width: 567px) {
	.modal-scroll-xs.nomail {
	width: 320px
}
}@media(max-width: 567px) {
	.modal-scroll-xs.scroll-nomail {
	width: 320px
}
}.modal-scroll-m {
	width: 540px
}
@media(max-width: 567px) {
	.modal-scroll-m {
	width: 300px
}
}.modal-scroll-l {
	width: 660px
}
@media(max-width: 768px) {
	.modal-scroll-l {
	width: 300px
}
}.modal-scroll-content {
	border-radius: 10px;
	box-shadow: 0 3px 10px 0 rgba(0,0,0,.25);
	border: none
}
.modal-scroll-body {
	display: flex;
	align-items: center;
	padding: 20px;
	flex-direction: column;
	font-family: SFProDisplay;
	border-radius: 10px;
	background: #fff
}
.modal-scroll-body .svg-anime {
	padding-bottom: 10px;
	width: 130px;
	height: 120px
}
.modal-scroll-body .svg-anime.anime-l {
	width: 135px;
	height: 120px
}
@media(max-width: 567px) {
	.modal-scroll-body .svg-anime {
	width: 120px;
	height: 110px
}
.modal-scroll-body .svg-anime.anime-l {
	width: 123px;
	height: 110px
}
}.modal-scroll-body .modal-body__title {
	font-size: 22px;
	color: #373d40
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-body__title {
	font-size: 18px
}
}.modal-scroll-body .modal-body__map {
	width: 100%;
	height: 200px;
	background-color: tomato;
	margin-bottom: 10px
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-body__map {
	height: 104px
}
}.modal-scroll-body .modal-body__list {
	margin-top: 10px;
	line-height: 1.5
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-body__list {
	font-size: 14px
}
}.modal-scroll-body .modal-body__content {
	text-align: center;
	line-height: 1.38;
	padding: 10px 40px 20px 40px;
	color: #4c545a
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-body__content {
	padding: 10px 0px 20px 0px;
	font-size: 14px;
	line-height: 1.43
}
}.modal-scroll-body .modal-body__content.px-0 {
	padding-left: 0;
	padding-right: 0
}
.modal-scroll-body .modal-body__content.px-1 {
	padding-left: 20px;
	padding-right: 20px
}
.modal-scroll-body .modal-body__content.nomail {
	padding: 20px 0;
	line-height: 1.5;
	text-align: left
}
.modal-scroll-body .modal-body__content.nomail p+p {
	padding-top: 20px
}
.modal-scroll-body .modal-body__content.nomail span {
	display: block
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-body__content.nomail {
	padding: 10px 0px 40px 0px
}
}.modal-scroll-body .modal-body__content .order-num {
	color: #019fde
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-body__content .single-line {
	display: block
}
}@media(max-width: 567px) {
	.modal-scroll-body .modal-body__content.pb-md-10 {
	padding-bottom: 10px
}
}.modal-scroll-body .modal-body__btn {
	width: 100%;
	padding: 14px 0;
	font-weight: 500;
	border-radius: 4px;
	transition: all .1s ease-in-out
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-body__btn {
	font-size: 14px;
	padding: 11px 0
}
}.modal-scroll-body .modal-body__btn.disabled {
	background-color: #dedede;
	color: #91969a
}
.modal-scroll-body .modal-body__btn--outline {
	background-color: transparent;
	color: #019fde;
	width: 100%;
	padding: 14px 0;
	margin-top: 6px;
	font-weight: 500;
	border-radius: 4px;
	transition: all .1s ease-in-out
}
.modal-scroll-body .modal-body__btn--outline: hover {
	box-shadow: none;
	color: #017bab
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-body__btn--outline {
	font-size: 14px;
	padding: 11px 0
}
}@media(max-width: 768px) {
	.modal-scroll-body .modal-body__btn--outline.btn-p-0 {
	padding-top: 10px;
	margin-top: 0;
	padding-bottom: 0
}
}.modal-scroll-body .modal__btn-clean {
	border: none;
	font-size: 14px;
	color: #4c545a;
	padding: 0;
	width: 100%;
	transition: all .1s ease-in-out
}
.modal-scroll-body .modal__btn-clean: hover {
	color: #000
}
@media(max-width: 768px) {
	.modal-scroll-body .modal__btn-clean {
	font-size: 12px
}
}.modal-scroll-body .modal-body__btn-group {
	display: flex;
	width: 100%;
	justify-content: space-between
}
.modal-scroll-body .modal-body__btn-group .btn {
	box-sizing: border-box;
	height: 50px;
	width: 190px;
	padding: 14px 0;
	font-weight: 500;
	border-radius: 4px
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-body__btn-group .btn {
	width: 120px;
	height: 42px;
	font-size: 14px;
	padding: 11px 0
}
}.modal-scroll-body .modal-body__btn-group .btn.btn-outline-blue {
	border-width: 1.5px
}
.modal-scroll-body .modal-input-group {
	width: 100%;
	border-radius: 4px;
	border: solid 1.5px rgba(0,0,0,.16);
	display: flex;
	height: 50px;
	margin-bottom: 20px
}
.modal-scroll-body .modal-input-group .modal-input {
	width: 100%;
	border: none;
	padding-left: 121px;
	color: #4c545a
}
.modal-scroll-body .modal-input-group .modal-input: : placeholder {
	color: #4c545a
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-input-group .modal-input {
	padding-left: 58px;
	font-size: 14px
}
}.modal-scroll-body .modal-input-group .icon-btn {
	height: 50px;
	width: 40px;
	padding: 0;
	border: none;
	background-color: transparent
}
.modal-scroll-body .modal-input-group .icon-btn .svg-icon {
	width: 100%;
	margin: 0;
	opacity: 1;
	fill: #4c545a
}
.modal-scroll-body .modal-body__badge {
	margin-top: 20px;
	margin-bottom: 10px;
	display: flex;
	width: 100%;
	height: 22px
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-body__badge {
	justify-content: center;
	height: 20px;
	margin-top: 10px
}
}.modal-scroll-body .modal-body__badge span: nth-child(1) {
	margin-right: auto;
	line-height: 22px
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-body__badge span: nth-child(1) {
	display: none
}
}.modal-scroll-body .modal-body__badge span: nth-child(2) {
	line-height: 22px
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-body__badge span: nth-child(2) {
	font-size: 14px;
	line-height: 20px
}
}.modal-scroll-body .modal-body__badge span: nth-child(3) {
	line-height: 18px;
	color: #199fde;
	font-size: 14px;
	padding: 1px 8px;
	border-radius: 2px;
	border: solid 1px #199fde;
	margin-left: 10px
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-body__badge span: nth-child(3) {
	font-size: 12px;
	line-height: 15px;
	padding: 1.5px 5px;
	margin-left: 5px
}
}.modal-scroll-body .modal-body__badge .survey {
	display: inline-block !important
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-body__badge .survey {
	font-size: 14px
}
}@media(max-width: 768px) {
	.modal-scroll-body .modal-body__badge .d-md-none {
	display: none
}
}.modal-scroll-body .modal-body__badge .stars .svg-icon {
	fill: #019fde;
	width: 24px;
	height: 24px;
	margin: 0
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-body__badge .stars .svg-icon {
	width: 20px;
	height: 20px
}
}.modal-scroll-body .modal-body__info {
	display: flex;
	line-height: 1.5;
	margin-bottom: 20px
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-body__info {
	margin-bottom: 10px;
	flex-wrap: wrap;
	font-size: 14px
}
}.modal-scroll-body .modal-body__info .info-title {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	margin-bottom: 5px;
	font-size: 15px
}
.modal-scroll-body .modal-body__info div: nth-child(1) {
	width: 144px
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-body__info div: nth-child(1) {
	width: 100%
}
}.modal-scroll-body .modal-body__info div: nth-child(2) {
	margin-left: 36px
}
@media(max-width: 567px) {
	.modal-scroll-body .modal-body__info div: nth-child(2) {
	margin-left: 0;
	margin-top: 10px;
	flex-shrink: inherit
}
}.modal-scroll-body .color-date {
	color: #fd5b73
}
.modal-scroll-body .payment-hr {
	padding: 20px 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 2.13;
	position: relative
}
.modal-scroll-body .payment-hr: : before {
	content: "";
	position: absolute;
	background-color: #707070;
	right: 144px;
	top: 50%;
	height: 1px;
	width: 160px
}
.modal-scroll-body .payment-hr: : after {
	content: "";
	position: absolute;
	background-color: #707070;
	left: 144px;
	top: 50%;
	height: 1px;
	width: 160px
}
@media(max-width: 567px) {
	.modal-scroll-body .payment-hr {
	font-size: 15px
}
.modal-scroll-body .payment-hr: : before {
	right: 105px;
	width: 70px
}
.modal-scroll-body .payment-hr: : after {
	left: 105px;
	width: 70px
}
}.modal-scroll-body .payment {
	width: 100%
}
.modal-scroll-body .payment .payment__step {
	display: flex;
	margin-bottom: 20px
}
@media(max-width: 567px) {
	.modal-scroll-body .payment .payment__step {
	margin-bottom: 10px
}
}.modal-scroll-body .payment .payment__step .step__num {
	text-align: center;
	line-height: 24px;
	color: #fff;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: #199fde;
	border-radius: 50%;
	margin-right: 10px;
	flex-shrink: 0
}
@media(max-width: 567px) {
	.modal-scroll-body .payment .payment__step .step__num {
	display: none
}
}.modal-scroll-body .payment .payment__step .step__title {
	display: block;
	color: #019fde;
	line-height: 22px
}
@media(max-width: 567px) {
	.modal-scroll-body .payment .payment__step .step__title {
	font-size: 14px;
	line-height: 20px
}
}.modal-scroll-body .payment .payment__step .step__content {
	display: inline-block;
	margin-top: 5px;
	font-size: 14px;
	line-height: 1.5
}
@media(max-width: 567px) {
	.modal-scroll-body .payment .payment__step .step__content {
	font-size: 12px;
	line-height: 1.75
}
}.modal-scroll-body .textarea-group {
	width: 100%;
	position: relative;
	padding-bottom: 5px
}
.modal-scroll-body .textarea-group .modal-comment {
	width: 100%;
	height: 100px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 5px;
	resize: none;
	padding: 5px 55px 5px 30px
}
@media(max-width: 768px) {
	.modal-scroll-body .textarea-group .modal-comment {
	padding: 0 40px 0 25px
}
}.modal-scroll-body .textarea-group .modal-comment: : placeholder {
	color: rgba(0,0,0,.3);
	opacity: 1
}
@media(max-width: 768px) {
	.modal-scroll-body .textarea-group .modal-comment: : placeholder {
	font-size: 14px
}
}.modal-scroll-body .textarea-group .modal-comment: -ms-input-placeholder {
	color: rgba(0,0,0,.3)
}
@media(max-width: 768px) {
	.modal-scroll-body .textarea-group .modal-comment: -ms-input-placeholder {
	font-size: 14px
}
}.modal-scroll-body .textarea-group .modal-comment: : -ms-input-placeholder {
	color: rgba(0,0,0,.3)
}
@media(max-width: 768px) {
	.modal-scroll-body .textarea-group .modal-comment: : -ms-input-placeholder {
	font-size: 14px
}
}.modal-scroll-body .textarea-group .pen {
	position: absolute;
	fill: rgba(0,0,0,.3);
	top: 10px;
	left: 5px;
	width: 16px;
	height: 16px
}
@media(max-width: 768px) {
	.modal-scroll-body .textarea-group .pen {
	width: 14px;
	height: 14px;
	top: 7px;
	left: 3px
}
}.modal-scroll-body .textarea-group .word-limit {
	position: absolute;
	bottom: 20px;
	right: 10px;
	text-align: center;
	line-height: 40px;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background-color: rgba(0,0,0,.03);
	color: rgba(0,0,0,.3)
}
@media(max-width: 768px) {
	.modal-scroll-body .textarea-group .word-limit {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	bottom: 18px;
	right: 6px
}
}.modal-scroll-body.p-0 {
	padding: 0
}
.modal-scroll-body.pb-10 {
	padding-bottom: 10px
}
.modal-scroll-body.h-700 {
	height: 700px
}
@media(max-width: 768px) {
	.modal-scroll-body.h-700 {
	height: 600px
}
}.modal-scroll-body .p-20 {
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 20px 20px 10px 20px
}
@media(max-width: 768px) {
	.modal-scroll-body .p-20 {
	padding-left: 10px;
	padding-right: 10px
}
}.modal-scroll-body .modal-reviews-group {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 20px 20px 0 20px;
	margin-bottom: 30px;
	overflow-y: scroll
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-reviews-group {
	padding: 10px 10px 0 10px;
	margin-bottom: 16px
}
}.modal-scroll-body .modal-reviews-group .modal-review+.modal-review {
	margin-top: 15px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-reviews-group .modal-review+.modal-review {
	margin-top: 10px
}
}.modal-scroll-body .modal-reviews-group .modal-review {
	display: flex;
	padding: 10px;
	padding: 10px;
	border-radius: 8px;
	background-color: rgba(0,0,0,.04);
	position: relative
}
.modal-scroll-body .modal-reviews-group .modal-review .pen {
	display: none
}
.modal-scroll-body .modal-reviews-group .modal-review.my-review {
	border: solid 1px #019fde;
	padding-bottom: 20px
}
.modal-scroll-body .modal-reviews-group .modal-review.my-review .pen {
	position: absolute;
	display: inline-block;
	fill: #019fde;
	width: 20px;
	height: 20px;
	right: 2px;
	bottom: 5px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-reviews-group .modal-review.my-review .pen {
	width: 14px;
	height: 14px;
	right: 1px
}
}.modal-scroll-body .modal-reviews-group .modal-review .avatar {
	background-color: tomato;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	margin-right: 10px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-reviews-group .modal-review .avatar {
	display: none
}
}.modal-scroll-body .modal-reviews-group .modal-review .content-group .review-user {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-reviews-group .modal-review .content-group .review-user {
	font-size: 12px;
	line-height: 12px
}
}.modal-scroll-body .modal-reviews-group .modal-review .content-group .review-stars {
	padding-top: 5px;
	padding-bottom: 2px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-reviews-group .modal-review .content-group .review-stars {
	padding: 0;
	height: 20px;
	margin-bottom: 8px
}
}.modal-scroll-body .modal-reviews-group .modal-review .content-group .review-stars .svg-icon {
	fill: #019fde;
	width: 18px;
	height: 18px;
	margin: 0
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-reviews-group .modal-review .content-group .review-stars .svg-icon {
	width: 12px;
	height: 12px
}
}.modal-scroll-body .modal-reviews-group .modal-review .content-group .review-txt {
	font-size: 14px;
	line-height: 1.5;
	color: #707070
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-reviews-group .modal-review .content-group .review-txt {
	font-size: 12px
}
}.modal-scroll-body .modal-reviews-group .modal-review .review-date {
	position: absolute;
	top: 12px;
	right: 10px;
	font-size: 14px;
	line-height: 14px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-reviews-group .modal-review .review-date {
	font-size: 12px;
	line-height: 12px;
	top: 10px
}
}.modal-scroll-body .point-wrapper {
	display: flex;
	width: 100%;
	margin-top: 15px
}
@media(max-width: 768px) {
	.modal-scroll-body .point-wrapper {
	margin-top: 5px
}
}.modal-scroll-body .point-wrapper .point-group {
	margin-right: auto;
	display: flex
}
.modal-scroll-body .point-wrapper .point-group .point {
	font-size: 18px;
	line-height: 31px;
	font-weight: bold;
	margin-right: 5px
}
@media(max-width: 768px) {
	.modal-scroll-body .point-wrapper .point-group .point {
	font-size: 16px;
	margin-right: 3px
}
}.modal-scroll-body .point-wrapper .point-group .svg-icon {
	margin-top: 4px;
	width: 22px;
	height: 22px;
	fill: #019fde
}
@media(max-width: 768px) {
	.modal-scroll-body .point-wrapper .point-group .svg-icon {
	width: 18px;
	height: 18px;
	margin-top: 6px
}
}.modal-scroll-body .point-wrapper .review-num {
	line-height: 31px
}
@media(max-width: 768px) {
	.modal-scroll-body .point-wrapper .review-num {
	font-size: 14px
}
}.modal-scroll-body .hr {
	height: 1.5px;
	background-color: rgba(0,0,0,.1);
	width: 100%
}
.modal-scroll-body .modal-hr {
	position: relative;
	margin-bottom: 20px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-hr {
	font-size: 14px;
	margin-bottom: 15px
}
}.modal-scroll-body .modal-hr: before {
	content: "";
	position: absolute;
	height: 1px;
	width: 100px;
	background-color: rgba(0,0,0,.16);
	left: -130px;
	top: 50%
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-hr: before {
	width: 60px;
	left: -80px
}
}.modal-scroll-body .modal-hr: after {
	content: "";
	position: absolute;
	height: 1px;
	width: 100px;
	background-color: rgba(0,0,0,.16);
	right: -130px;
	top: 50%
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-hr: after {
	width: 60px;
	right: -80px
}
}.modal-scroll-body .modal-icon-group {
	display: flex;
	margin-bottom: 20px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-icon-group {
	margin-bottom: 10px
}
}.modal-scroll-body .modal-icon-group .modal-icon {
	padding: 15px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
	border-radius: 50%;
	height: 50px;
	transition: all .2s ease-in-out
}
.modal-scroll-body .modal-icon-group .modal-icon: hover,.modal-scroll-body .modal-icon-group .modal-icon: focus {
	box-shadow: 0 1px 4px 0px rgba(0,0,0,.08)
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-icon-group .modal-icon {
	padding: 9px;
	height: 34px
}
}.modal-scroll-body .modal-icon-group .modal-icon+.modal-icon {
	margin-left: 30px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-icon-group .modal-icon+.modal-icon {
	margin-left: 20px
}
}.modal-scroll-body .modal-icon-group img {
	width: 20px;
	height: 20px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-icon-group img {
	width: 16px;
	height: 16px
}
}.modal-scroll-body .modal-form {
	width: 100%
}
.modal-scroll-body .modal-form input: -webkit-autofill,.modal-scroll-body .modal-form input: -webkit-autofill: hover,.modal-scroll-body .modal-form input: -webkit-autofill: focus,.modal-scroll-body .modal-form input: -webkit-autofill: active {
	-webkit-box-shadow: 0 0 0 30px #f7f7f7 inset !important
}
.modal-scroll-body .modal-form .input-group {
	width: 100%;
	position: relative;
	padding-bottom: 25px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-form .input-group {
	padding-bottom: 20px
}
}.modal-scroll-body .modal-form .input-group.has-err .d-flex {
	border: 1px solid #fd5b73
}
.modal-scroll-body .modal-form .input-group.has-err .d-flex .input-control {
	color: #fd5b73
}
.modal-scroll-body .modal-form .input-group.has-err .err-msg {
	display: block
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-form .input-group.has-err .err-msg {
	font-size: 12px
}
}.modal-scroll-body .modal-form .input-group .err-msg {
	position: absolute;
	bottom: -5px;
	left: 0;
	display: none;
	font-size: 12px;
	color: #fd5b73
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-form .input-group .err-msg {
	bottom: -7px
}
}.modal-scroll-body .modal-form .input-group .d-flex {
	display: flex;
	border-radius: 4px;
	background-color: rgba(0,0,0,.03)
}
.modal-scroll-body .modal-form .input-group .d-flex.active {
	border: 1px solid #019fde
}
.modal-scroll-body .modal-form .input-group .input-control {
	background-color: transparent;
	border: none;
	width: 100%
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-form .input-group .input-control {
	padding: 8px 5px
}
.modal-scroll-body .modal-form .input-group .input-control: : -webkit-input-placeholder {
	font-size: 14px
}
.modal-scroll-body .modal-form .input-group .input-control: : -moz-placeholder {
	font-size: 14px
}
.modal-scroll-body .modal-form .input-group .input-control: -ms-input-placeholder {
	font-size: 14px
}
.modal-scroll-body .modal-form .input-group .input-control: -moz-placeholder {
	font-size: 14px
}
}.modal-scroll-body .modal-form .input-group .icon-label {
	margin-bottom: 0;
	display: flex;
	align-items: center;
	padding-left: 10px
}
.modal-scroll-body .modal-form .input-group .icon-label .svg-icon {
	width: 20px;
	height: 20px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-form .input-group .icon-label .svg-icon {
	width: 14px;
	height: 14px
}
}.modal-scroll-body .modal-form .input-group .icon-label .check {
	background-color: #019fde;
	fill: #fff;
	border-radius: 50%;
	margin-right: 20px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-form .input-group .icon-label .check {
	margin-right: 10px
}
}.modal-scroll-body .modal-form .checkbox-group {
	display: flex;
	align-items: center
}
.modal-scroll-body .modal-form .checkbox-group.login {
	margin-bottom: 80px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-form .checkbox-group.login {
	margin-bottom: 65px
}
}.modal-scroll-body .modal-form .checkbox-group .forget-pw {
	font-size: 14px;
	color: #707070;
	margin-bottom: 5px
}
.modal-scroll-body .modal-form .checkbox-group .forget-pw: hover {
	color: #019fde
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-form .checkbox-group .forget-pw {
	font-size: 12px
}
}.modal-scroll-body .modal-form .checkbox-group .content-label {
	color: #8b9195;
	font-size: 14px;
	margin-right: auto
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-form .checkbox-group .content-label {
	font-size: 12px
}
}.modal-scroll-body .modal-form .checkbox-group .content-label a {
	color: #4c545a
}
.modal-scroll-body .modal-form .checkbox-group .content-label a: hover {
	color: #019fde
}
.modal-scroll-body .modal-form .checkbox-group .check-label {
	display: none;
	width: 14px;
	height: 14px;
	margin-bottom: 0
}
.modal-scroll-body .modal-form .checkbox-group .modal-checkbox {
	margin: 0 11px 5px 2px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-form .checkbox-group .modal-checkbox {
	margin-right: 5px
}
}.modal-scroll-body .modal-form .checkbox-group .modal-checkbox: checked {
	display: none
}
.modal-scroll-body .modal-form .checkbox-group .modal-checkbox: checked+.check-label {
	display: inline-block;
	margin: 0 11px 6px 1px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal-form .checkbox-group .modal-checkbox: checked+.check-label {
	margin-right: 5px
}
}.modal-scroll-body .modal-form .checkbox-group .modal-checkbox: checked+.check-label .check {
	display: inline-block;
	margin: 0;
	fill: #fff;
	width: 14px;
	height: 14px;
	background-color: #019fde;
	border-radius: 3px;
	margin-bottom: 4px
}
.modal-scroll-body .modal__user-avatar {
	background-color: #e2e2e2;
	height: 110px;
	width: 110px;
	border-radius: 50%;
	margin-bottom: 10px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal__user-avatar {
	height: 100px;
	width: 100px
}
}.modal-scroll-body .modal__login-btn {
	color: #4c545a;
	border-color: #4c545a;
	display: flex;
	align-items: center;
	justify-content: center
}
.modal-scroll-body .modal__login-btn: hover {
	color: #000;
	border-color: #000
}
.modal-scroll-body .modal__login-btn img {
	width: 20px;
	height: 20px;
	margin-right: 10px
}
@media(max-width: 768px) {
	.modal-scroll-body .modal__login-btn img {
	width: 14px;
	height: 14px;
	margin-right: 5px
}
}.modal-scroll-body .ur-robot {
	height: 90px;
	margin-bottom: 20px
}
@media(max-width: 768px) {
	.modal-scroll-body .ur-robot {
	height: 73px
}
}.modal-scroll-body .input--email {
	width: 100%;
	margin: 20px 0 10px 0;
	padding: 14px 20px;
	border-radius: 4px;
	border: solid 1px rgba(0,0,0,.16)
}
@media(max-width: 768px) {
	.modal-scroll-body .input--email {
	margin-top: 10px;
	margin-bottom: 0;
	padding: 11px
}
.modal-scroll-body .input--email: : -webkit-input-placeholder {
	font-size: 14px
}
.modal-scroll-body .input--email: : -moz-placeholder {
	font-size: 14px
}
.modal-scroll-body .input--email: -ms-input-placeholder {
	font-size: 14px
}
.modal-scroll-body .input--email: -moz-placeholder {
	font-size: 14px
}
}.modal-scroll-body .copy-group {
	width: 100%
}
.body--homepage,.body--event {
	overflow-x: hidden
}
.body--event .page-wrapper {
	width: 1210px;
	margin: 0 auto
}
@media(max-width: 1240px) {
	.body--event .page-wrapper {
	width: 1010px
}
}@media(max-width: 1040px) {
	.body--event .page-wrapper {
	width: 740px
}
}@media(max-width: 768px) {
	.body--event .page-wrapper {
	width: 568px
}
}@media(max-width: 567px) {
	.body--event .page-wrapper {
	width: 100%
}
}@media(max-width: 1040px) {
	.body--event .page-wrapper {
	padding-top: 10px
}
}@media(max-width: 567px) {
	.body--event .page-wrapper {
	padding: 0px 30px
}
}.page--homepage {
	background: #F1F5F8
}
.page--homepage .container.main {
	width: 1210px;
	margin: -100px auto 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0
}
@media(max-width: 1240px) {
	.page--homepage .container.main {
	width: 1010px
}
}@media(max-width: 1040px) {
	.page--homepage .container.main {
	width: 740px
}
}@media(max-width: 768px) {
	.page--homepage .container.main {
	width: 568px
}
}@media(max-width: 567px) {
	.page--homepage .container.main {
	width: 100%
}
}@media(max-width: 567px) {
	.page--homepage .container.main {
	padding: 0 20px
}
}.page--homepage .l-banner {
	width: 100vw
}
.page--homepage .l-section__container {
	width: 100%;
	margin: 0 auto 80px;
	position: relative;
}
@media(max-width: 567px) {
	.page--homepage .l-section__container {
	padding: 0;
	margin: 0 auto 20px;
}
}.page--homepage .l-campaign-section {
	padding: 40px 0 0 0;
	background-color: rgba(0,0,0,.05);
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100vw;
	margin-bottom: 60px
}
@media(max-width: 567px) {
	.page--homepage .l-campaign-section {
	margin-bottom: 50px
}
}
.course-tag ul{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding: 20px 0;
}
.course-tag ul li:not(:first-child) {
  padding-left: 20px;
}
@media(max-width: 567px) {.course-tag ul li:not(:first-child){padding-left: 0;}}
@media(max-width: 567px) {.course-tag ul li{padding: 0 10px 10px 0;}}
.course-tag ul li a {
	display: inline-block;
	background: #FFFFFF;
	color: #333333;
	padding: 0 10px;
	border-radius: 8px;
	height: 38px;
	line-height: 34px;
	font-size: 16px;
	font-weight: 700;
	/* width: 100px; */
	text-align: center;
	border: 1px solid #D4D2E3;
}
.course-tag ul li a:hover {
	background: #F3B94B;
}
.c-title {
	height: 48px;
	margin: 0 10px 0 0;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.18;
	color: #0C163A;
	display: flex;
	align-items: center;
}
@media(max-width: 567px) {.c-title{font-size: 24px;}}

a.explore-more {
	position: absolute;
	right: 0;
	top: 14px;
	color: #3280FF;
	font-size: 18px;
	font-weight: 600;
}
@media(max-width: 567px) {a.explore-more{font-size: 14px;}}

.page--homepage .c-title span {
	margin-right: 10px
}
.page--homepage .c-title .title__accordion {
	display: inline-flex;
	align-items: center;
	margin-left: 10px;
	border-radius: 25px;
	padding-right: 10px;
	height: 32px;
	cursor: pointer;
	position: relative;
	width: 200px
}
@media(max-width: 1040px) {
	.page--homepage .c-title .title__accordion {
	height: 26px;
	width: 26px
}
}@media(max-width: 567px) {
	.page--homepage .c-title .title__accordion {
	height: 20px;
	height: 20px
}
}.page--homepage .c-title .title__accordion: hover .accordion__bg {
	transform: scaleX(1)
}
.page--homepage .c-title .title__accordion .accordion__img {
	position: absolute;
	z-index: 2
}
.page--homepage .c-title .title__accordion p {
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	z-index: 1;
	margin-left: 37px
}
@media(max-width: 1040px) {
	.page--homepage .c-title .title__accordion p {
	display: none
}
}.page--homepage .c-title .title__accordion .accordion__bg {
	height: 100%;
	width: calc(100% - 24px);
	position: absolute;
	margin-left: 16px;
	border-radius: 0 25px 25px 0;
	transform-origin: left;
	transform: scaleX(0);
	transition: transform .2s ease-in
}
@media(max-width: 1040px) {
	.page--homepage .c-title .title__accordion .accordion__bg {
	display: none
}
}.page--homepage .c-title .ggc_title__accordion {
	width: 260px
}
@media(max-width: 1040px) {
	.page--homepage .c-title .ggc_title__accordion {
	width: 26px
}
}.page--homepage .c-title .title__img {
	height: 32px;
	width: 32px;
	border-radius: 50%
}
@media(max-width: 1040px) {
	.page--homepage .c-title .title__img {
	height: 26px;
	width: 26px
}
}@media(max-width: 567px) {
	.page--homepage .c-title .title__img {
	height: 20px;
	width: 20px
}
}.page--homepage .c-section__title {
	display: flex;
	justify-content: space-between;
	height: fit-content;
	display: flex;
	align-items: center
}
@media(max-width: 567px) {.page--homepage .c-section__title{align-items: baseline;}}

.page--homepage .c-section__link {
	background: transparent;
	margin: 0 0 0 auto;
	display: flex;
	align-items: center;
	border: none;
	font-weight: 500;
	line-height: 1.19;
	border-bottom: 1px solid #bbb;
	color: #bbb;
	cursor: pointer
}
@media(max-width: 567px) {
	.page--homepage .c-section__link {
	font-size: 14px;
	line-height: 1.14
}
}.page--homepage .c-section__link: hover {
	color: #4c545a;
	border-color: #4c545a
}
.page--homepage .c-slider-control {
	margin-left: 20px;
	display: flex;
	align-items: center
}
@media(max-width: 768px) {
	.page--homepage .c-slider-control {
	display: none
}
}.page--homepage .c-slider-control button {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: none;
	position: relative;
	background-color: rgba(0,0,0,.12)
}
.page--homepage .c-slider-control button: last-of-type {
	margin-left: 10px
}
.page--homepage .c-slider-control .svg-icon {
	height: 30px;
	margin: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	fill: #4c545a
}
.page--homepage .c-slider-control.disable {
	cursor: not-allowed
}
.page--homepage .c-slider-control.disable button {
	pointer-events: none
}
.page--homepage .slider--wrapper {
	width: 310px !important;
	display: flex !important;
	align-items: center;
	justify-content: center
}
@media(max-width: 1240px) {
	.page--homepage .slider--wrapper {
	width: 260px !important
}
}@media(max-width: 1040px) {
	.page--homepage .slider--wrapper {
	width: 255px !important
}
}@media(max-width: 768px) {
	.page--homepage .slider--wrapper {
	width: 100% !important
}
}.page--homepage .l-section {
	display: flex;
	flex-direction: column
}
.page--homepage .l-section: last-of-type {
	margin-bottom: 50px
}
@media(max-width: 768px) {
	.page--homepage .l-section .slider--wrapper: last-of-type .c-course-card {
	border-bottom: none
}
}.page--homepage .l-block {
	display: flex;
	flex-wrap: wrap;
	width: 1240px;
	overflow: hidden;
	margin-left: -15px;
	padding: 20px 0 50px 0
}
@media(max-width: 1240px) {
	.page--homepage .l-block {
	width: 1040px
}
}@media(max-width: 1040px) {
	.page--homepage .l-block {
	width: 765px;
	margin-left: -12.5px
}
}@media(max-width: 768px) {
	.page--homepage .l-block {
	height: fit-content;
	margin: 0;
	width: 100%
}
}.page--homepage .l-block .slick-list {
	overflow: visible
}
.section--blue .title__accordion .accordion__bg {
	background: #019fde
}
.section--blue .c-slider-control button: hover {
	background: #019fde
}
.section--blue .c-slider-control button: hover .svg-icon {
	fill: #fff
}
.section--red .title__accordion .accordion__bg {
	background: #ff5b74
}
.section--red .c-slider-control button: hover {
	background: #ff5b74
}
.section--red .c-slider-control button: hover .svg-icon {
	fill: #fff
}
.section--green .title__accordion .accordion__bg {
	background-color: #6c9
}
.section--green .slick-arrow: hover .svg-icon {
	fill: #6c9
}
.section--green .c-slider-control button: hover {
	background: #6c9
}
.section--green .c-slider-control button: hover .svg-icon {
	fill: #fff
}
.l-campaign-section .c-title {
	margin-bottom: 20px
}
@media(max-width: 1040px) {
	.l-campaign-section .card--event .c-card__badge {
	display: none !important
}
}.l-campaign-section .l-section__panel {
	display: flex;
	cursor: pointer
}
.l-campaign-section .l-section__panel: : -webkit-scrollbar {
	display: none
}
@media(max-width: 567px) {
	.l-campaign-section .l-section__panel {
	overflow-x: scroll;
	height: 50px
}
}.l-campaign-section .l-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative
}
@media(max-width: 1040px) {
	.l-campaign-section .l-wrapper {
	padding-bottom: 130px
}
}@media(max-width: 567px) {
	.l-campaign-section .l-wrapper {
	width: 100vw;
	padding-bottom: 130px
}
}.l-campaign-section .l-wrapper .slick-slider {
	margin-left: -15px
}
@media(max-width: 768px) {
	.l-campaign-section .l-wrapper .slick-slider {
	margin-left: 0
}
}@media(max-width: 567px) {
	.l-campaign-section .l-wrapper .slick-slider {
	margin-left: 0;
	min-height: unset;
	height: fit-content
}
}.l-campaign-section .l-wrapper .slick-arrow {
	height: 30px;
	width: 30px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 50%;
	box-shadow: 0 3px 10px 0 rgba(0,0,0,.25);
	padding: 0;
	transition: .2s ease-in transform;
	position: absolute;
	top: 50%;
	z-index: 5
}
.l-campaign-section .l-wrapper .slick-arrow .svg-icon {
	height: 30px;
	width: 30px;
	margin: 0
}
@media(max-width: 768px) {
	.l-campaign-section .l-wrapper .slick-arrow {
	top: 100%
}
}.l-campaign-section .l-wrapper .slick-arrow: hover {
	transform: scale(1.3);
	background: #ff5b74
}
.l-campaign-section .l-wrapper .slick-arrow: hover .svg-icon {
	fill: #fff
}
.l-campaign-section .l-wrapper .slick-prev {
	left: 0px
}
@media(max-width: 768px) {
	.l-campaign-section .l-wrapper .slick-prev {
	left: 15px;
	transform: translateX(0)
}
}@media(max-width: 567px) {
	.l-campaign-section .l-wrapper .slick-prev {
	opacity: 0
}
}.l-campaign-section .l-wrapper .slick-next {
	right: -15px
}
@media(max-width: 768px) {
	.l-campaign-section .l-wrapper .slick-next {
	right: 15px;
	transform: translateX(0)
}
}@media(max-width: 567px) {
	.l-campaign-section .l-wrapper .slick-next {
	opacity: 0
}
}.l-campaign-section .l-section__container {
	width: 1210px
}
@media(max-width: 1240px) {
	.l-campaign-section .l-section__container {
	width: 1010px
}
}@media(max-width: 1040px) {
	.l-campaign-section .l-section__container {
	width: 740px
}
}@media(max-width: 768px) {
	.l-campaign-section .l-section__container {
	width: 568px
}
}@media(max-width: 567px) {
	.l-campaign-section .l-section__container {
	width: 100%
}
}@media(max-width: 768px) {
	.l-campaign-section .l-section__container {
	width: 100vw
}
}.l-campaign-section .c-panel__tab {
	padding: 0 15px 5px 15px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	color: #707070;
	position: relative;
	flex-shrink: 0
}
.l-campaign-section .c-panel__tab.current {
	color: #ff5b74
}
.l-campaign-section .c-panel__tab.current: after {
	content: "";
	display: block;
	width: 30px;
	height: 4px;
	background: #ff5b74;
	position: absolute;
	border-radius: 2px;
	top: 100%;
	left: 50%;
	transform: translateX(-50%)
}
@media(max-width: 1040px) {
	.l-campaign-section .c-panel__tab {
	font-size: 18px;
	line-height: 1.17;
	padding: 0 10px 5px 10px
}
.l-campaign-section .c-panel__tab.current: after {
	width: 26px
}
}@media(max-width: 567px) {
	.l-campaign-section .c-panel__tab {
	font-size: 14px;
	line-height: 1.14;
	padding: 0 10px 5px 10px;
	height: 20px
}
}.l-campaign-section .c-btn {
	width: 200px;
	height: 50px;
	background: #ff5b74;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 6px;
	margin-top: 20px;
	margin-bottom: 40px;
	font-weight: 500;
	cursor: pointer
}
@media(max-width: 1040px) {
	.l-campaign-section .c-btn {
	display: none
}
}.l-campaign-section .slider--wrapper {
	width: 310px !important
}
@media(max-width: 1240px) {
	.l-campaign-section .slider--wrapper {
	width: 260px !important
}
}@media(max-width: 1040px) {
	.l-campaign-section .slider--wrapper {
	width: 255px !important
}
}@media(max-width: 567px) {
	.l-campaign-section .slider--wrapper {
	width: 204px !important
}
}@media(max-width: 1040px) {
	.l-campaign-section .slick-slider {
	padding: 30px 0 0 0
}
}@media(max-width: 567px) {
	.l-campaign-section .slick-slider {
	padding: 0 0 0 0
}
}.l-campaign-section .slick-list {
	width: calc(100% + 15px);
	padding: 40px 0 20px 0
}
@media(max-width: 1040px) {
	.l-campaign-section .slick-list {
	padding: 20px 0
}
}@media(max-width: 768px) {
	.l-campaign-section .slick-list {
	width: 100%;
	height: unset
}
}@media(max-width: 567px) {
	.l-campaign-section .slick-list {
	width: 100%;
	overflow: visible
}
}@media(max-width: 768px) {
	.l-campaign-section .slick-track {
	margin-left: 0px;
	padding: 0 0 20px 0
}
}@media(max-width: 567px) {
	.l-campaign-section .slick-track {
	margin-left: 0px
}
}.l-campaign-section .js-slick {
	display: none
}
.l-campaign-section .js-slick.current {
	display: block
}
.slick-slide.card--event {
	padding: 0
}
.slick-slide.card--event: nth-child(4n) {
	margin-right: 0
}
@media(max-width: 1040px) {
	.slick-slide.card--event: nth-child(4n) {
	margin-right: 30px
}
.slick-slide.card--event: nth-child(3n) {
	margin-right: 0
}
}@media(max-width: 567px) {
	.slick-slide.card--event {
	margin-right: 20px
}
.slick-slide.card--event: nth-child(4n) {
	margin-right: 20px
}
.slick-slide.card--event: nth-child(3n) {
	margin-right: 20px
}
}@media(max-width: 567px) {
	.js-campaign-slider {
	margin-left: -40px
}
}.c-visitor {
	position: absolute;
	bottom: -11px;
	padding-top: 50px;
	width: 224px;
	left: 40px
}
@media(max-width: 768px) {
	.c-visitor {
	left: 100px
}
}@media(max-width: 567px) {
	.c-visitor {
	left: 20px
}
}.c-visitor img {
	width: 70px
}
.c-visitor .visitor__box {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 40px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}
.c-visitor .visitor__box .visitor__text {
	background: #fff;
	height: 40px;
	top: 0;
	right: 20px;
	padding: 10px;
	border-radius: 8px 8px 8px 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.19;
	color: #707070;
	white-space: nowrap
}
@media(max-width: 567px) {
	.c-visitor .visitor__box .visitor__text {
	font-size: 14px;
	line-height: 16px
}
}.c-visitor .visitor__box: : after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: -8px;
	border: 16px solid transparent;
	border-left-color: #fff;
	z-index: -1
}
.c-visitor .text--pad {
	display: none
}
@media(max-width: 1040px) {
	.c-visitor .text--pad {
	display: inline-block
}
}.c-visitor .visitor__num {
	color: #ff5b74
}
@media(max-width: 1040px) {
	.c-visitor .visitor__num {
	color: #707070
}
}@media(max-width: 1040px) {
	.c-visitor a {
	border-bottom: 1px solid #ff5b74
}
}.l-banner {
	padding-top: 30px
}
@media(max-width: 567px) {
	.l-banner {
	padding-bottom: 40px
}
}.l-banner.s--campaign h3,.l-banner.s--job h3,.l-banner.s--announcement h3 {
	opacity: 1
}
.l-banner.s--campaign h1,.l-banner.s--campaign .banner-cta,.l-banner.s--job h1,.l-banner.s--job .banner-cta,.l-banner.s--announcement h1,.l-banner.s--announcement .banner-cta {
	color: #ff5b74
}
.l-banner.s--campaign .slick-arrow: hover,.l-banner.s--job .slick-arrow: hover,.l-banner.s--announcement .slick-arrow: hover {
	background: #fff;
	opacity: .8 !important
}
.l-banner.s--campaign .slick-arrow: hover .svg-icon,.l-banner.s--job .slick-arrow: hover .svg-icon,.l-banner.s--announcement .slick-arrow: hover .svg-icon {
	fill: #ff5b74
}
.l-banner.s--campaign .slick-dots .slick-active,.l-banner.s--job .slick-dots .slick-active,.l-banner.s--announcement .slick-dots .slick-active {
	background: #ff5b74
}
.l-banner.s--course h3 {
	opacity: 1
}
.l-banner.s--course h1,.l-banner.s--course .banner-cta {
	color: #019fde
}
.l-banner.s--course .slick-arrow: hover {
	opacity: .8 !important;
	background: #fff
}
.l-banner.s--course .slick-arrow: hover .svg-icon {
	fill: #019fde
}
.l-banner.s--course .slick-dots .slick-active {
	background: #019fde
}
.l-banner.s--teacher h3 {
	opacity: 1
}
.l-banner.s--teacher h1,.l-banner.s--teacher .banner-cta {
	color: #6c9
}
.l-banner.s--teacher .slick-arrow: hover {
	opacity: .8 !important;
	background: #fff
}
.l-banner.s--teacher .slick-arrow: hover .svg-icon {
	fill: #6c9
}
.l-banner.s--teacher .slick-dots .slick-active {
	background: #6c9
}
.l-banner.s--hidden h3 {
	opacity: 0
}
.l-banner.s--hidden .slick-arrow: hover {
	opacity: .8 !important;
	background: #fff
}
.l-banner.s--hidden .slick-arrow: hover .svg-icon {
	fill: #4c545a
}
.l-banner.s--hidden .slick-dots .slick-active {
	background: #4c545a
}
.l-banner h3 {
	text-align: center;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 10px;
	font-size: 54px;
	color: #4c545a
}
@media(max-width: 768px) {
	.l-banner h3 {
	font-size: 42px
}
}@media(max-width: 567px) {
	.l-banner h3 {
	font-size: 34px
}
}.l-banner h1 {
	text-align: center;
	font-size: 54px;
	line-height: 1.19;
	font-weight: 600;
	height: 75px;
	margin-bottom: 20px;
	display: none
}
@media(max-width: 567px) {
	.l-banner h1 {
	font-size: 38px;
	height: 53px
}
}.l-banner .slick-list {
	width: 100%;
	height: 100%;
	display: flex;
	overflow: visible
}
.l-banner .slick-arrow {
	height: 30px;
	width: 30px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 50%;
	box-shadow: 0 3px 10px 0 rgba(0,0,0,.25);
	padding: 0;
	transition: .2s ease-in transform;
	border-radius: 20%;
	height: 50px;
	width: 50px;
	position: absolute;
	top: 50%;
	z-index: 5;
	background-color: rgba(255,255,255,.5);
	transition: all ease-in .1s;
	box-shadow: none
}
.l-banner .slick-arrow .svg-icon {
	height: 30px;
	width: 30px;
	margin: 0
}
.l-banner .slick-arrow .svg-icon {
	fill: #4c545a;
	height: 36px;
	width: 36px
}
.l-banner .slick-prev {
	transform: translateY(-50%) translateX(-50%);
	left: calc(50% - 430px)
}
@media(max-width: 1240px) {
	.l-banner .slick-prev {
	left: calc(50% - 390px)
}
}@media(max-width: 1040px) {
	.l-banner .slick-prev {
	left: calc(50% - 310px)
}
}@media(max-width: 768px) {
	.l-banner .slick-prev {
	display: none !important
}
}.l-banner .slick-next {
	left: calc(50% + 430px);
	transform: translateY(-50%) translateX(-50%)
}
@media(max-width: 1240px) {
	.l-banner .slick-next {
	left: calc(50% + 390px)
}
}@media(max-width: 1040px) {
	.l-banner .slick-next {
	left: calc(50% + 310px)
}
}@media(max-width: 768px) {
	.l-banner .slick-next {
	display: none !important
}
}.l-banner .banner__slider {
	height: 540px
}
@media(max-width: 1240px) {
	.l-banner .banner__slider {
	height: 495px
}
}@media(max-width: 1040px) {
	.l-banner .banner__slider {
	height: 405px
}
}@media(max-width: 768px) {
	.l-banner .banner__slider {
	height: 315px
}
}@media(max-width: 567px) {
	.l-banner .banner__slider {
	height: 300px
}
}.l-banner .banner__slider .slick-arrow {
	opacity: 0
}
.l-banner .banner__slider.s--mouseover .slick-arrow {
	opacity: .5
}
.l-banner .slick-track {
	display: flex;
	align-items: center
}
.l-banner .slider__container {
	width: 480px;
	height: 270px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform-origin: center;
	transition: transform .4s;
	opacity: .3;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 3px 12px 0 rgba(0,0,0,.12);
	margin: 0 182.5px
}
@media(max-width: 1240px) {
	.l-banner .slider__container {
	margin: 0 140px
}
}@media(max-width: 1040px) {
	.l-banner .slider__container {
	width: 400px;
	height: 225px;
	margin: 0 123px
}
}@media(max-width: 768px) {
	.l-banner .slider__container {
	margin: 0 70px
}
}@media(max-width: 567px) {
	.l-banner .slider__container {
	width: 200px;
	height: 200px;
	margin: 0 37.5px
}
}.l-banner .slick-center {
	transform: scale(2, 2);
	opacity: 1
}
@media(max-width: 1240px) {
	.l-banner .slick-center {
	transform: scale(1.83332)
}
}@media(max-width: 1040px) {
	.l-banner .slick-center {
	transform: scale(1.8)
}
}@media(max-width: 768px) {
	.l-banner .slick-center {
	transform: scale(1.4)
}
}@media(max-width: 567px) {
	.l-banner .slick-center {
	transform: scale(1.5)
}
}.l-banner .slider__item {
	height: 100%;
	width: 100%
}
.l-banner .slider__item img {
	height: 100%;
	width: 100%
}
.l-banner .slick-dots {
	position: absolute;
	display: flex;
	bottom: -45px;
	width: fit-content;
	left: 50%;
	justify-content: center;
	align-items: flex-end;
	transform: translateX(-50%)
}
@media(max-width: 567px) {
	.l-banner .slick-dots {
	pointer-events: none
}
}.l-banner .slick-dots button {
	opacity: 0
}
.l-banner .slick-dots li {
	height: 12px;
	width: 12px;
	background-color: #e1e1e1;
	border-radius: 4px;
	margin-right: 10px;
	transition: .2s all ease-in
}
@media(max-width: 567px) {
	.l-banner .slick-dots li {
	height: 10px;
	width: 10px
}
}.l-banner .slick-dots li: last-of-type {
	margin-right: 0
}
.l-banner .slick-dots .slick-active {
	height: 12px;
	animation: shrinking 8s linear 1
}
@media(max-width: 567px) {
	.l-banner .slick-dots .slick-active {
	height: 10px;
	animation: shrinking__mobile 10s linear 1
}
}.l-banner .stop-autoplay .slick-dots .slick-active {
	height: 26px;
	animation: none !important
}
@media(max-width: 567px) {
	.l-banner .stop-autoplay .slick-dots .slick-active {
	height: 20px
}
}@keyframes shrinking {
	0% {
	height: 12px
}
3% {
	height: 26px
}
100% {
	height: 12px
}
}@keyframes shrinking__mobile {
	0% {
	height: 10px
}
3% {
	height: 20px
}
100% {
	height: 10px
}
}.strength-block {
	margin: 100px 0px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}
@media(min-width: 1200px) {
	.strength-block {
	margin-left: 5%;
	margin-right: 5%
}
}@media(max-width: 567px) {
	.strength-block {
	margin: 100px 0 0 0
}
}@media(max-width: 768px) {
	.strength-block .strength__row {
	display: flex
}
}.strength-block .strength {
	display: flex;
	margin: 30px 50px
}
@media(max-width: 768px) {
	.strength-block .strength {
	flex-direction: column;
	margin: 0 30px
}
}@media(max-width: 567px) {
	.strength-block .strength {
	margin: 0 12px
}
}.strength-block .strength .svg-anime {
	width: 76px;
	height: 76px;
	margin-right: 20px
}
@media(max-width: 768px) {
	.strength-block .strength .svg-anime {
	margin-right: 10px;
	margin-bottom: 10px
}
}@media(max-width: 567px) {
	.strength-block .strength .svg-anime {
	width: 50px;
	height: 50px
}
}.strength-block .strength h4 {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.18;
	color: #4c545a;
	margin-bottom: 5px
}
@media(max-width: 768px) {
	.strength-block .strength h4 {
	font-size: 18px
}
}@media(max-width: 567px) {
	.strength-block .strength h4 {
	font-size: 16px
}
}.strength-block .strength h8 {
	display: inline-block;
	width: 160px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: #bbb
}
@media(max-width: 768px) {
	.strength-block .strength h8 {
	display: none
}
}@keyframes slidingBackground {
	from {
	background-position: 0 0
}
to {
	background-position: -18000px 0
}
}@keyframes float {
	0% {
	transform: translate3d(0, 0, 0)
}
50% {
	transform: translate3d(0, 50px, 0)
}
100% {
	transform: translate3d(0, 0, 0)
}
}.explore-wrapper {
	padding-top: 100px;
	padding-bottom: 100px
}
.explore_container {
	position: relative;
	overflow-x: hidden;
	width: 100vw
}
.explore_container .cloud_wrap {
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 2;
	width: 810px;
	height: 138px
}
.explore_container .cloud_wrap .cloud1 {
	position: absolute;
	background: url("/dist/image/cloud.png");
	left: 0;
	bottom: 10px
}
.explore_container .cloud_wrap .cloud2 {
	position: absolute;
	background: url("/dist/image/cloud2.png");
	left: 170px;
	top: 0
}
.explore_container .cloud_wrap .cloud3 {
	position: absolute;
	background: url("/dist/image/cloud.png");
	left: 340px;
	top: 30px
}
.explore_container .cloud_wrap .cloud4 {
	position: absolute;
	background: url("/dist/image/cloud3.png");
	right: 170px;
	top: 10px
}
.explore_container .cloud_wrap .cloud5 {
	position: absolute;
	background: url("/dist/image/cloud.png");
	right: 0;
	bottom: 0
}
.explore_container .cld {
	-webkit-filter: drop-shadow(0px -4px 8px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0px -4px 8px rgba(0, 0, 0, 0.12));
	transition: transform .4s ease;
	-webkit-transition: transform .4s ease;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 130px;
	width: 130px;
	height: 78px;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.explore_container .cld .type {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	left: 50%;
	bottom: 0px;
	width: 100px;
	transform: translate(-50%, 0)
}
.explore_container .cld .type p {
	line-height: 1.5;
	margin-top: 0px;
	font-size: 18px;
	font-weight: 500;
	color: #707070;
	opacity: 1
}
.explore_container .cld .type .svg-anime {
	width: 34px;
	height: 31px;
	position: relative;
	transition: all ease .3s
}
.explore_container .cld: hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}
.explore_container .sliding-background {
	background: url("/dist/image/landscape.svg") repeat-x;
	background-size: contain;
	margin-top: 30px;
	margin-bottom: 80px;
	height: 320px;
	width: 5076px;
	animation: slide 120s linear infinite
}
.explore_container .airballon {
	position: absolute;
	height: 240px;
	left: 80px;
	top: 0;
	z-index: 1;
	animation: float 6s ease-in-out infinite
}
.explore_container .explore_cta {
	position: absolute;
	text-align: center;
	z-index: 2;
	bottom: 0;
	left: 50%;
	width: 100%;
	transform: translate(-50%, 0);
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center
}
.explore_container .explore_cta .dots {
	font-family: "Cabin",sans-serif
}
.explore_container .explore_cta>h1 {
	font-size: 34px;
	font-weight: 500;
	text-align: center;
	color: #4c545a;
	margin-bottom: 30px
}
.explore_container .explore_cta .link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 50px;
	border-radius: 4px;
	transition: all .4s ease-in-out;
	background: #019fde;
	color: #fff
}
@media(max-width: 1240px) {
	.explore_container .airballon {
	height: 220px;
	left: 40px
}
.explore_container .cloud_wrap {
	top: 15px;
	width: 770px
}
.explore_container .cloud_wrap .cloud1 {
	left: 0;
	bottom: 10px
}
.explore_container .cloud_wrap .cloud2 {
	left: 160px;
	bottom: 0px
}
.explore_container .cloud_wrap .cloud3 {
	left: 320px;
	top: 30px
}
.explore_container .cloud_wrap .cloud4 {
	right: 160px;
	top: 10px
}
.explore_container .cloud_wrap .cloud5 {
	right: 0;
	bottom: 10px
}
}@media(max-width: 1040px) {
	.explore_container .svg-anime {
	width: 26px
}
.explore_container .airballon {
	height: 200px;
	left: 40px
}
.explore_container .cloud_wrap {
	top: 15px;
	width: 550px;
	height: 166px
}
.explore_container .cloud_wrap .cld {
	background-size: 110px;
	width: 110px;
	height: 66px
}
.explore_container .cloud_wrap .cld .type {
	flex-direction: row;
	bottom: 10px
}
.explore_container .cloud_wrap .cld .type>img {
	width: 22px
}
.explore_container .cloud_wrap .cld .type>p {
	margin-left: 5px
}
.explore_container .cloud_wrap .cloud1 {
	left: 0;
	bottom: 10px
}
.explore_container .cloud_wrap .cloud2 {
	left: 110px;
	bottom: 0
}
.explore_container .cloud_wrap .cloud3 {
	left: 220px;
	top: 70px
}
.explore_container .cloud_wrap .cloud4 {
	right: 110px;
	top: 10px
}
.explore_container .cloud_wrap .cloud5 {
	right: 0;
	bottom: 0
}
.explore_container .explore_cta>h1 {
	font-size: 28px
}
}@media(max-width: 768px) {
	.explore_container .cloud_wrap {
	top: 10px;
	width: 510px;
	height: 166px
}
.explore_container .cloud_wrap .cld {
	background-size: 110px;
	width: 110px;
	height: 66px
}
.explore_container .cloud_wrap .cloud1 {
	left: 0;
	bottom: 10px
}
.explore_container .cloud_wrap .cloud2 {
	left: 100px;
	bottom: 0
}
.explore_container .cloud_wrap .cloud3 {
	left: 200px;
	top: 70px
}
.explore_container .cloud_wrap .cloud4 {
	right: 100px;
	top: 10px
}
.explore_container .cloud_wrap .cloud5 {
	right: 0;
	bottom: 0
}
}@media(max-width: 567px) {
	.explore_container .svg-anime {
	width: 18px;
	display: none
}
.explore_container .sliding-background {
	margin-top: 20px;
	margin-bottom: 90px;
	height: 192px;
	width: 5076px
}
.explore_container .airballon {
	height: 156px;
	left: 30px
}
.explore_container .cloud_wrap {
	top: 15px;
	width: 360px;
	height: 108px
}
.explore_container .cloud_wrap .cld {
	background-size: 80px;
	width: 80px;
	height: 48px
}
.explore_container .cloud_wrap .cld .type {
	bottom: 6px
}
.explore_container .cloud_wrap .cld .type>img {
	width: 20px
}
.explore_container .cloud_wrap .cld .type>p {
	font-size: 15px;
	margin-left: 0px
}
.explore_container .cloud_wrap .cloud1 {
	left: 0;
	bottom: 10px
}
.explore_container .cloud_wrap .cloud2 {
	left: 70px;
	top: 0
}
.explore_container .cloud_wrap .cloud3 {
	left: 140px;
	top: 50px
}
.explore_container .cloud_wrap .cloud4 {
	right: 70px;
	top: 10px
}
.explore_container .cloud_wrap .cloud5 {
	right: 0;
	bottom: 0
}
.explore_container .explore_cta>h1 {
	font-size: 22px;
	margin-bottom: 20px
}
.explore_container .explore_cta .link {
	font-size: 14px;
	width: 160px;
	height: 42px
}
}@keyframes slide {
	0% {
	transform: translate3d(0, 0, 0)
}
100% {
	transform: translate3d(-3000px, 0, 0)
}
}@keyframes float {
	0% {
	transform: translate3d(0, 0, 0)
}
50% {
	transform: translate3d(0, 50px, 0)
}
100% {
	transform: translate3d(0, 0, 0)
}
}.subsidiary-block {
	width: 1000px;
	height: 620px
}
.subsidiary-block.s--biz .js-cover {
	background-image: url("/dist/image/subsidiary/biz-big.png")
}
@media(max-width: 1040px) {
	.subsidiary-block.s--biz .js-cover {
	background-image: url("/dist/image/subsidiary/biz-mid.png")
}
}@media(max-width: 567px) {
	.subsidiary-block.s--biz .js-cover {
	background-image: url("/dist/image/subsidiary/biz-small.png")
}
}.subsidiary-block.s--biz .js-logo {
	background-image: url("/dist/image/subsidiary/logo-biz.svg")
}
.subsidiary-block.s--sat .js-cover {
	background-image: url("/dist/image/subsidiary/sat-big.png")
}
@media(max-width: 1040px) {
	.subsidiary-block.s--sat .js-cover {
	background-image: url("/dist/image/subsidiary/sat-mid.png")
}
}@media(max-width: 567px) {
	.subsidiary-block.s--sat .js-cover {
	background-image: url("/dist/image/subsidiary/sat-small.png")
}
}.subsidiary-block.s--sat .js-logo {
	background-image: url("/dist/image/subsidiary/logo-sat.svg")
}
.subsidiary-block.s--podcast .js-cover {
	background-image: url("/dist/image/subsidiary/podcast-big.png")
}
@media(max-width: 1040px) {
	.subsidiary-block.s--podcast .js-cover {
	background-image: url("/dist/image/subsidiary/podcast-mid.png")
}
}@media(max-width: 567px) {
	.subsidiary-block.s--podcast .js-cover {
	background-image: url("/dist/image/subsidiary/podcast-small.png")
}
}.subsidiary-block.s--podcast .js-logo {
	background-image: url("/dist/image/subsidiary/logo-podcast.svg")
}
@media(max-width: 567px) {
	.subsidiary-block {
	width: 100vw;
	height: 480px
}
}.subsidiary-block .subsidiary__wrapper {
	position: relative
}
.subsidiary-block .subsidiary__cover {
	width: 100%;
	height: 400px;
	position: relative;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.subsidiary-block .subsidiary__cover: : before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: .6
}
@media(max-width: 567px) {
	.subsidiary-block .subsidiary__cover {
	height: 300px
}
}.subsidiary-block .cover__group {
	width: 100%;
	position: absolute;
	top: 105px;
	left: 50%;
	transform: translateX(-50%)
}
@media(max-width: 567px) {
	.subsidiary-block .cover__group {
	top: 60px
}
}.subsidiary-block .subsidiary__title {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	letter-spacing: 4.2px;
	text-align: center;
	margin-bottom: 5px;
	opacity: .6
}
@media(max-width: 567px) {
	.subsidiary-block .subsidiary__title {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 10px
}
}.subsidiary-block .subsidiary__logo {
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%
}
@media(max-width: 567px) {
	.subsidiary-block .subsidiary__logo {
	height: 30px
}
}.subsidiary-block .subsidiary__link {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 50px;
	border: 1px solid #fff;
	border-radius: 4px;
	color: #fff;
	font-weight: 500;
	margin-top: 20px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	transition: all .4s ease-in-out;
	background: rgba(255,255,255,.2)
}
.subsidiary-block .subsidiary__link: hover {
	width: 960px;
	height: 360px;
	margin-top: 0
}
@media(max-width: 567px) {
	.subsidiary-block .subsidiary__link {
	margin-top: 0px;
	height: 42px;
	width: 160px;
	font-size: 14px
}
}.subsidiary-block .subsidiary__cards {
	display: flex;
	position: absolute;
	bottom: -200px;
	width: 100%;
	justify-content: center
}
@media(max-width: 567px) {
	.subsidiary-block .subsidiary__cards {
	bottom: unset;
	top: 220px
}
}.subsidiary-block .slick-track {
	height: 260px
}
.subsidiary-block .slick-slide {
	margin-right: 30px;
	padding-bottom: 30px
}
.subsidiary-block .subsidiary__card {
	width: 220px;
	height: 260px;
	border-radius: 20px;
	padding: 20px 35px;
	display: flex;
	flex-direction: column;
	background: #fff;
	margin-right: 50px;
	transform-style: preserve-3d;
	box-shadow: 0 20px 40px -10px rgba(51,51,51,.3),0 10px 60px 0 rgba(51,51,51,.1);
	cursor: pointer
}
.subsidiary-block .subsidiary__card: last-of-type {
	margin-right: 0
}
.subsidiary-block .subsidiary__card.is--active {
	box-shadow: inset 4px 8px 12px -2px rgba(0,0,0,.2)
}
.subsidiary-block .subsidiary__card.is--active .icon {
	background: #019fde
}
@media(max-width: 1040px) {
	.subsidiary-block .subsidiary__card {
	margin-right: 40px;
	box-shadow: 6px 6px 12px 0 rgba(0,0,0,.12)
}
}@media(max-width: 768px) {
	.subsidiary-block .subsidiary__card {
	width: 180px;
	padding: 20px;
	margin-right: 20px
}
}@media(max-width: 567px) {
	.subsidiary-block .subsidiary__card {
	margin-right: 30px;
	width: 180px;
	height: 230px;
	box-shadow: 6px 6px 12px 0 rgba(0,0,0,.12)
}
}.subsidiary-block .subsidiary__card .icon {
	height: 30px;
	width: 30px;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #909090;
	margin-bottom: 8px
}
@media(max-width: 768px) {
	.subsidiary-block .subsidiary__card .icon {
	margin: 0 auto 8px auto
}
}.subsidiary-block .subsidiary__card .svg-icon {
	height: 18px;
	width: 18px;
	fill: #fff;
	margin: 0
}
.subsidiary-block .subsidiary__card h3 {
	font-size: 22px;
	height: 38px;
	border-bottom: 1px solid #4c545a;
	line-height: 30px;
	box-sizing: border-box;
	margin-bottom: 10px
}
@media(max-width: 768px) {
	.subsidiary-block .subsidiary__card h3 {
	text-align: center
}
}@media(max-width: 567px) {
	.subsidiary-block .subsidiary__card h3 {
	font-size: 20px;
	line-height: 28px;
	width: 100%
}
}.subsidiary-block .subsidiary__card p {
	font-size: 16px;
	line-height: 24px;
	color: #bbb
}
@media(max-width: 567px) {
	.subsidiary-block .subsidiary__card p {
	font-size: 14px;
	line-height: 20px
}
}.article-block {
	margin: 100px 0
}
@media(max-width: 567px) {.article-block{margin:0;padding: 30px 0 0 0;}}

.article-block h1 {
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 15px;
	line-height: 48px;
	color: #0C163A;
}
@media(max-width: 1040px) {
	.article-block h1 {
	height: 55px;
	line-height: 40px;
	font-size: 28px;
	font-weight: 700;
}
}@media(max-width: 567px) {
	.article-block h1 {
	font-size: 20px;
	line-height: 30px;
	padding-bottom: 10px;
	height: 40px;
	font-weight: 700;
}
}.article-block h1 span {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	color: #a0a0a0;
	margin-left: 20px
}
@media(max-width: 1040px) {
	.article-block h1 span {
	font-size: 18px;
	line-height: 1.17
}
}@media(max-width: 567px) {
	.article-block h1 span {
	margin-left: 10px;
	font-size: 14px
}
}.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}
.slick-list: focus {
	outline: none
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-track,.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}
.slick-track: before,.slick-track: after {
	display: table;
	content: ""
}
.slick-track: after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}
[dir=rtl] .slick-slide {
	float: right
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}
.body--explore {
	background-color: #F1F5F8
}
.js-toolbar--explore {
	transition: transform .3s
}
.js-toolbar--explore.s--fixed-explore.s--has-notification {
	transform: translateY(-130px)
}
.js-toolbar--explore.s--fixed-explore {
	transform: translateY(-70px)
}
@media(max-width: 567px) {
	.js-toolbar--explore.s--fixed-explore {
	transform: translateY(-50px)
}
}.s--has-notification .c-mobile-category__panel {
	top: 130px !important
}
@media(max-width: 567px) {
	.s--has-notification .c-mobile-category__panel {
	top: 110px !important
}
}.s--has-notification .l-explore__mobile-category.active {
	transform: translateY(60px)
}
.s--has-notification .s--fixed-explore .l-explore__mobile-category {
	padding-top: 0 !important
}
@media(max-width: 567px) {
	.s--has-notification .s--fixed-explore .l-explore__mobile-category {
	top: -10px
}
}.js-mobile-category__panel.s--fixed-explore {
	top: 0 !important
}
.js-mobile-category__panel.s--fixed-explore .l-explore__mobile-category {
	padding-top: 60px
}
@media(max-width: 567px) {
	.js-mobile-category__panel.s--fixed-explore .l-explore__mobile-category {
	padding-top: 0
}
}.js-toolbar--explore.s--has-notification .c-mobile-category__panel {
	top: 116px
}
.js-toolbar--explore.s--search-active .c-mobile-category__panel {
	display: none
}
@media(max-width: 1040px) {
	.js-toolbar--explore.s--has-notification .l-explore__mobile-category {
	padding: 120px 0 0 0
}
}@media(max-width: 567px) {
	.js-toolbar--explore.s--has-notification .l-explore__mobile-category {
	padding: 120px 30px 0 30px
}
}
.l-explore__list .c-list__msg {
	display: flex;
	justify-content: center;
	padding: 90px 0;
	flex-direction: column;
	align-items: center
}
.l-explore__list .c-list__msg img {
	width: 220px
}
.l-explore__list .c-list__msg.msg--loading img {
	width: 150px
}
@media(max-width: 567px) {
	.l-explore__list .c-list__msg.msg--loading img {
	width: 80px
}
}.l-explore__list .c-list__msg p {
	margin-top: 20px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	text-align: center
}
.l-explore__mask {
	position: fixed;
	display: none;
	top: 0;
	height: 100%;
	left: 0;
	right: 0;
	background: #000;
	z-index: 100;
	transition: opacity .3s ease-in-out
}
.l-explore__mask.show {
	display: block;
	opacity: .6
}
.l-explore__mobile-category {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	padding: 130px 0 0 0;
	background: #fff;
	display: none;
	transform: translateY(-100%);
	transition: .3s transform ease-in-out;
	z-index: -1
}
.l-explore__mobile-category.active {
	transform: translateY(0)
}
@media(max-width: 768px) {
	.l-explore__mobile-category {
	display: block
}
}@media(max-width: 567px) {
	.l-explore__mobile-category {
	padding: 60px 30px 0 30px;
	top: 50px
}
}.l-explore__mobile-category .section--main {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 0 auto;
	width: 568px
}
@media(max-width: 567px) {
	.l-explore__mobile-category .section--main {
	width: 100%
}
}.l-explore__mobile-category .c-category__main {
	border: 1px solid rgba(0,0,0,.16);
	display: inline-flex;
	margin-bottom: 15px;
	margin-right: 20px;
	width: 176px;
	height: 60px;
	align-items: center;
	justify-content: center;
	border-radius: 4px
}
@media(max-width: 567px) {
	.l-explore__mobile-category .c-category__main {
	width: 30%;
	height: 42px;
	margin-right: 5%;
	margin-bottom: 10px
}
}.l-explore__mobile-category .c-category__main: nth-child(3n) {
	margin-right: 0
}
.l-explore__mobile-category .c-category__main.active {
	background: #019fde;
	border-color: #019fde;
	color: #fff
}
.l-explore__mobile-category .c-category__main.active .svg-icon {
	fill: #fff
}
.l-explore__mobile-category .c-category__main .svg-icon {
	height: 28px;
	width: 28px;
	margin-right: 10px
}
@media(max-width: 567px) {
	.l-explore__mobile-category .c-category__main .svg-icon {
	height: 20px;
	width: 20px;
	margin-right: 5px
}
}.l-explore__mobile-category .c-category__main h4 {
	font-size: 18px;
	font-weight: 500
}
@media(max-width: 567px) {
	.l-explore__mobile-category .c-category__main h4 {
	font-size: 14px
}
}.l-explore__list .l-card-list {
	display: flex;
	flex-wrap: wrap
}
@media(max-width: 768px) {
	.l-explore__list .l-card-list {
	display: flex;
	flex-direction: column;
	width: 568px
}
}@media(max-width: 567px) {
	.l-explore__list .l-card-list {
	width: 100%
}
}.l-explore__list .l-card-list .card--explore {
	margin-right: 30px;
	margin-bottom: 60px
}
.l-explore__list .l-card-list .card--explore: nth-of-type(4n) {
	margin-right: 0
}
@media(max-width: 1040px) {
	.l-explore__list .l-card-list .card--explore {
	margin-right: 25px
}
.l-explore__list .l-card-list .card--explore: nth-of-type(4n) {
	margin-right: 25px
}
.l-explore__list .l-card-list .card--explore: nth-of-type(3n) {
	margin-right: 0px
}
.l-explore__list .l-card-list .card--explore: last-of-type {
	border-bottom: none
}
}@media(max-width: 768px) {
	.l-explore__list .l-card-list .card--explore {
	margin-bottom: 10px
}
}@media(max-width: 567px) {
	.l-explore__list .l-card-list .card--explore: nth-of-type(4n) {
	margin-right: 0
}
}.l-explore__list .l-list__header {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	margin-bottom: 30px
}
@media(max-width: 567px) {
	.l-explore__list .l-list__header {
	font-size: 14px
}
}.l-explore__list .l-list__header .c-explore__total {
	margin-left: auto;
	display: flex;
	align-items: center
}
.l-explore__list .l-list__header .c-explore__total span {
	font-size: 22px;
	margin-right: 5px;
	font-weight: 500
}
@media(max-width: 567px) {
	.l-explore__list .l-list__header .c-explore__total span {
	font-size: 14px
}
}.l-explore__list .l-list__header .c-explore__sorter {
	height: 42px;
	width: 156px;
	position: relative
}
.l-explore__list .l-list__header .c-explore__sorter: first-child {
	width: 172px;
	margin-right: 20px
}
@media(max-width: 567px) {
	.l-explore__list .l-list__header .c-explore__sorter {
	width: 99px
}
.l-explore__list .l-list__header .c-explore__sorter: first-child {
	width: 113px;
	margin-right: 10px
}
}.l-explore__list .l-list__header .c-explore__sorter.active .c-sorter__panel {
	border-color: #4c545a
}
.l-explore__list .l-list__header .c-explore__sorter.active .c-sorter__select {
	border-color: #4c545a;
	opacity: 1;
	pointer-events: all;
	margin-top: -4px
}
.l-explore__list .l-list__header .c-explore__sorter.active .left_arrow {
	transform: rotate(90deg)
}
.l-explore__list .l-list__header .c-explore__sorter.s--latest .c-sorter__option.s--latest .svg-icon {
	opacity: 1
}
.l-explore__list .l-list__header .c-explore__sorter.s--lowest .c-sorter__option.s--lowest .svg-icon {
	opacity: 1
}
.l-explore__list .l-list__header .c-explore__sorter.s--best .c-sorter__option.s--best .svg-icon {
	opacity: 1
}
.l-explore__list .l-list__header .c-explore__sorter.s--all .c-sorter__option.s--all .svg-icon {
	opacity: 1
}
.l-explore__list .l-list__header .c-explore__sorter.s--online .c-sorter__option.s--online .svg-icon {
	opacity: 1
}
.l-explore__list .l-list__header .c-explore__sorter.s--fundraising .c-sorter__option.s--fundraising .svg-icon {
	opacity: 1
}
.l-explore__list .l-list__header .c-sorter__select {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	z-index: 111;
	background: #fff;
	width: 100%;
	border-radius: 0 0 4px 4px;
	border: 1px solid rgba(0,0,0,.16)
}
.l-explore__list .l-list__header .c-sorter__panel {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	padding: 10px 15px;
	cursor: pointer;
	border: 1px solid rgba(0,0,0,.16);
	font-weight: 500;
	border-radius: 4px
}
@media(max-width: 567px) {
	.l-explore__list .l-list__header .c-sorter__panel {
	padding: 8px 12px
}
.l-explore__list .l-list__header .c-sorter__panel .svg-icon {
	margin: 0;
	height: 14px;
	width: 14px
}
.l-explore__list .l-list__header .c-sorter__panel .c-sorter__btn {
	display: none
}
}.l-explore__list .l-list__header .c-sorter__option {
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: relative;
	padding: 10px 45px 10px 15px
}
.l-explore__list .l-list__header .c-sorter__option: hover {
	background-color: #e6f4ff
}
@media(max-width: 567px) {
	.l-explore__list .l-list__header .c-sorter__option {
	padding: 8px 12px
}
}.l-explore__list .l-list__header .c-sorter__option .svg-icon {
	fill: #4c545a;
	margin-right: auto;
	margin-left: 0;
	opacity: 0
}
@media(max-width: 567px) {
	.l-explore__list .l-list__header .c-sorter__option .svg-icon {
	margin: 0
}
}.l-explore__list .l-list__header .c-sorter__btn {
	width: 25px;
	position: relative;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center
}
.l-explore__list .l-list__header .c-sorter__btn .svg-icon {
	height: 10px;
	width: 10px;
	transform-origin: center;
	transition: .3s transform ease-in-out;
	transform: rotate(270deg);
	margin: 0
}
.container.main.p-explore {
	width: 1210px;
	padding: 20px 0 40px 0
}
@media(max-width: 1240px) {
	.container.main.p-explore {
	width: 1010px
}
}@media(max-width: 1040px) {
	.container.main.p-explore {
	width: 740px
}
}@media(max-width: 768px) {
	.container.main.p-explore {
	width: 568px
}
}@media(max-width: 567px) {
	.container.main.p-explore {
	width: 100%
}
}@media(max-width: 1040px) {
	.container.main.p-explore {
	padding-top: 10px
}
}@media(max-width: 567px) {
	.container.main.p-explore {
	padding: 20px
}
}
.l-explore__title {
	font-size: 34px;
	font-weight: 500;
	display: flex;
	align-items: center
}
@media(max-width: 1040px) {
	.l-explore__title {
	font-size: 28px;
	margin-bottom: 30px;
	opacity: 0
}
}@media(max-width: 567px) {
	.l-explore__title {
	font-size: 22px
}
}.l-explore__title span {
	font-size: 20px;
	color: #91969a;
	margin-left: 10px
}
@media(max-width: 1040px) {
	.l-explore__title span {
	font-size: 18px
}
}@media(max-width: 567px) {
	.l-explore__title span {
	font-size: 14px
}
}.p-explore {
	position: relative
}
.p-explore .l-explore__list {
	margin-bottom: 80px;
	position: relative;
	width: 100%;
}
@media(max-width: 567px) {.p-explore .l-explore__list{margin: 30px 0;}}
.p-explore.c-mobile-category__panel {
	display: none;
	position: fixed;
	top: 70px;
	left: 0;
	right: 0;
	z-index: 100;
	transition: .3s all;
	background: #fff
}
@media(max-width: 768px) {
	.p-explore.c-mobile-category__panel {
	display: block
}
}@media(max-width: 567px) {
	.p-explore.c-mobile-category__panel {
	top: 50px;
	height: 50px;
	padding: 0 30px
}
}.p-explore.c-mobile-category__panel.s--fixed {
	top: 0
}
.p-explore.c-mobile-category__panel .c-mobile-category__btn {
	margin-left: auto;
	font-size: 14px;
	font-weight: 500;
	border: none;
	background: transparent;
	color: #019fde;
	cursor: pointer;
	display: none
}
@media(max-width: 768px) {
	.p-explore.c-mobile-category__panel .c-mobile-category__btn {
	display: block
}
}.p-explore.c-mobile-category__panel .l-explore__title {
	height: 60px;
	width: 568px;
	margin: 0 auto;
	opacity: 1;
	background: #fff
}
@media(max-width: 567px) {
	.p-explore.c-mobile-category__panel .l-explore__title {
	height: 50px;
	width: 100%
}
}.p-explore .l-explore__pagination {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 30px;
}
@media(max-width: 567px) {
	.p-explore .l-explore__pagination {
	position: relative;
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
}.p-explore .l-explore-pagination ul {
	display: flex;
	align-items: center
}
.p-explore .l-explore-pagination ul li {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px
}
.p-explore .l-explore-pagination ul .l-page-ellipsis {
	
}
.p-explore .l-explore-pagination ul a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	color: #BEBFC0;
}
.p-explore .l-explore-pagination ul a .svg-icon {
	height: 30px;
	width: 30px
}
.p-explore .l-explore-pagination ul .l-page-page.active {
	
}
.p-explore .l-explore-pagination ul .l-page-page.active a {
	color: #3175FA
}
.p-explore .l-explore-pagination ul .l-page-next,.p-explore .l-explore-pagination ul .l-page-prev {
	height: 36px;
	width: 36px;
}
.p-explore .l-explore-pagination ul .l-page-prev {
	margin-right: 15px
}
.p-explore .l-explore-pagination ul .l-page-prev: hover .svg-icon {
	fill: #019fde
}
.p-explore .l-explore-pagination ul .l-page-next {
	margin-left: 15px
}
.p-explore .l-explore-pagination ul .l-page-next: hover .svg-icon {
	fill: #019fde
}
.mobile-explore-category {
	display: none
}
.l-explore__info {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e5e5e5
}
@media(max-width: 1040px) {
	.l-explore__info {
	flex-direction: column-reverse;
	align-items: center;
	padding-bottom: 15px
}
}.l-explore__info .l-info__category {
	width: 700px
}
@media(max-width: 1040px) {
	.l-explore__info .l-info__category {
	width: 100%
}
}.l-explore__info .l-info__image {
	width: 320px;
	height: 248px
}
@media(max-width: 1240px) {
	.l-explore__info .l-info__image {
	width: 280px;
	height: 218px
}
}@media(max-width: 567px) {
	.l-explore__info .l-info__image {
	height: 160px;
	width: 206px
}
}.l-explore__info .l-category_section {
	display: flex;
	margin: 30px 0
}
.l-explore__info .l-category_section.section--subcate {
	margin: 0
}
@media(max-width: 1040px) {
	.l-explore__info .l-category_section.section--subcate {
	margin-bottom: 0
}
}@media(max-width: 768px) {
	.l-explore__info .l-category_section.section--subcate {
	margin-top: 30px
}
}.l-explore__info .section--main {
	flex-wrap: nowrap;
	justify-content: space-between
}
@media(max-width: 768px) {
	.l-explore__info .section--main {
	display: none
}
}.l-explore__info .section--subcate {
	flex-wrap: wrap
}
@media(max-width: 1040px) {
	.l-explore__info .section--subcate {
	justify-content: center
}
}@media(max-width: 567px) {
	.l-explore__info .section--subcate {
	justify-content: flex-start
}
}.l-explore__info .c-category__main {
	border-radius: 8px;
	box-shadow: 0 2px 20px 0 rgba(0,0,0,.16);
	cursor: pointer;
	height: 100px;
	width: 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: .4s all ease-in-out
}
.l-explore__info .c-category__main: hover {
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.16);
	background: #019fdf
}
.l-explore__info .c-category__main: hover .svg-icon {
	fill: #fff
}
.l-explore__info .c-category__main: hover h4 {
	color: #fff
}
.l-explore__info .c-category__main.active {
	background: #019fde;
	box-shadow: none
}
.l-explore__info .c-category__main.active h4 {
	color: #fff
}
.l-explore__info .c-category__main.active .svg-icon {
	fill: #fff
}
.l-explore__info .c-category__main: focus,.l-explore__info .c-category__main: active {
	color: unset
}
.l-explore__info .c-category__main .svg-icon {
	height: 32px;
	width: 32px;
	margin: 0 0 5px 0;
	fill: #4c545a;
	transition: .3s all ease-in-out
}
.l-explore__info .c-category__main h4 {
	transition: .1s all ease-in-out;
	font-size: 20px;
	font-weight: 500
}
.l-explore__info .c-capsule {
	margin: 0 15px 10px 0;
	height: 36px;
	display: inline-flex;
	align-items: center;
	border: 1px solid rgba(0,0,0,.16)
}
.l-explore__info .c-capsule: hover {
	color: #019fde
}
.l-explore__info .c-capsule.active {
	border-color: #019fde;
	background-color: #019fde;
	color: #fff
}
.body--account #account-edmSetting {
	margin-bottom: 250px
}
.body--account .l-campaign-description {
	margin-bottom: 50px
}
@media(max-width: 768px) {
	.body--account .l-campaign-description {
	width: 100vw;
	align-self: center;
	margin-bottom: 40px
}
}.body--account .account-container {
	position: relative;
	padding-top: 30px;
	margin: 0 auto
}
.body--account .account-container .u-rounded {
	border-radius: 4px
}
.body--account .account-container .u-box-shadow {
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}
.body--account .account-container .u-p-top {
	padding-top: 15px
}
.body--account .account-container .u-p-bottom {
	padding-bottom: 15px
}
@media(max-width: 1240px) {
	.body--account .account-container {
	width: 1010px;
	padding: 0
}
}@media(max-width: 1040px) {
	.body--account .account-container {
	padding: 0;
	width: 100%
}
}.body--account .account-container .edit-content-container {
	width: 920px;
	border: 1px solid #d3dee5;
	padding: 0px
}
.body--account .account-container .edit-content-container .edit-content-header {
	border-bottom: 1px solid #d3dee5;
	padding: 24px 30px
}
.body--account .account-container .edit-content-container .edit-content-header .title {
	font-size: 24px
}
.body--account .account-infobar-desktop {
	height: auto;
	width: 290px;
	position: relative
}
@media(max-width: 1240px) {
	.body--account .account-infobar-desktop {
	width: 270px
}
}@media(max-width: 1040px) {
	.body--account .account-infobar-desktop {
	display: none
}
}.body--account .account-infobar-desktop .account-infobar-desktop__inner {
	position: fixed;
	top: 112px;
	width: 220px;
	padding-top: 85px;
	position: sticky;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: transparent
}
.body--account .account-infobar-desktop__avatar {
	width: 170px;
	height: 170px;
	position: absolute;
	top: 0
}
.body--account .account-infobar-desktop__avatar img {
	width: 100%;
	height: 100%;
	border: 2px solid #fff;
	box-shadow: 0 6px 24px 0 rgba(0,0,0,.12)
}
.body--account .account-infobar-desktop__avatar button {
	width: 36px;
	height: 36px;
	transform: translateX(-25%) translateY(-25%);
	background-color: #019fde;
	position: absolute;
	right: 0;
	bottom: 0
}
.body--account .account-infobar-desktop__avatar button .svg-icon {
	fill: #fff;
	height: 20px;
	width: 20px
}
.body--account .account-infobar-desktop__content {
	width: 100%;
	padding-top: 95px;
	border-radius: 8px
}
.body--account .account-infobar-desktop .my-nickname {
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 50px;
	font-weight: 500
}
.body--account .account-infobar-desktop__section {
	padding-bottom: 0;
	overflow: hidden
}
.body--account .account-infobar-desktop__section: last-of-type {
	padding-bottom: 15px
}
.body--account .account-infobar-desktop__section li {
	padding: 0 25px;
	position: relative
}
.body--account .account-infobar-desktop__section .account-infobar-desktop__item: not(.active): hover a {
	color: #019fde
}
.body--account .account-infobar-desktop__section .account-infobar-desktop__item: not(.active): hover a .svg-icon {
	fill: #019fde
}
.body--account .account-infobar-desktop__section .account-infobar-desktop__item.active a {
	color: #fff;
	background: #019fde
}
.body--account .account-infobar-desktop__section .account-infobar-desktop__item.active .svg-icon {
	fill: #fff
}
.body--account .account-infobar-desktop__section h4 {
	padding-bottom: 5px;
	font-size: 18px;
	color: #000;
	border-bottom: 1px solid rgba(0,0,0,.16)
}
.body--account .account-infobar-desktop__section a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 500;
	color: #bbb
}
.body--account .account-infobar-desktop__section .svg-icon {
	margin-right: 15px;
	fill: #bbb
}
.body--account .account-infobar-pad {
	display: none;
	background: #fff;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	height: 60px;
	z-index: 90;
	box-sizing: border-box;
	transform: translateY(-100%);
	transition: transform .3s ease
}
.body--account .account-infobar-pad.active {
	transform: translateY(70px);
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}
@media(max-width: 567px) {
	.body--account .account-infobar-pad.active {
	transform: translateY(50px)
}
}@media(max-width: 1040px) {
	.body--account .account-infobar-pad {
	display: flex;
	justify-content: center;
	align-items: center
}
}@media(max-width: 567px) {
	.body--account .account-infobar-pad {
	height: 42px
}
}.body--account .account-infobar-pad .svg-icon {
	fill: #4c545a
}
.body--account .account-infobar-pad__panel {
	display: flex;
	height: 100%;
	position: relative;
	overflow: hidden
}
@media(max-width: 567px) {
	.body--account .account-infobar-pad__panel {
	width: 360px
}
}@media(max-width: 320px) {
	.body--account .account-infobar-pad__panel {
	width: 300px
}
}.body--account .account-infobar-pad__panel li {
	z-index: 1
}
.body--account .account-infobar-pad__panel .js-mask {
	height: 28px;
	width: 28px;
	background: #019fde;
	position: absolute;
	top: 6px;
	transition: transform .3s ease-out;
	transform: translateX(-28px)
}
.body--account .account-infobar-pad__panel__button {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 14px;
	line-height: 1.29;
	font-weight: 500
}
.body--account .account-infobar-pad__panel__button div {
	height: 28px;
	width: 28px;
	background-color: transparent
}
@media(max-width: 567px) {
	.body--account .account-infobar-pad__panel__button div {
	height: 32px;
	width: 32px
}
}.body--account .account-infobar-pad__panel__button span {
	margin-top: 3px
}
.body--account .account-infobar-pad__panel__button .svg-icon {
	height: 18px
}
.body--account .account-infobar-pad__panel__button: focus,.body--account .account-infobar-pad__panel__button: active {
	color: unset
}
.body--account .account-infobar-pad__panel__button.active {
	color: #019fde
}
.body--account .account-infobar-pad__panel__button.active .svg-icon {
	fill: #fff
}
@media(max-width: 1040px) {
	.body--account .account-infobar-pad__panel__button {
	width: 100px
}
}@media(max-width: 567px) {
	.body--account .account-infobar-pad__panel__button {
	width: 60px
}
.body--account .account-infobar-pad__panel__button span {
	display: none
}
}@media(max-width: 320px) {
	.body--account .account-infobar-pad__panel__button {
	width: 50px
}
}.body--account .account-content {
	width: 920px;
	color: #707070
}
@media(max-width: 1240px) {
	.body--account .account-content {
	width: 740px
}
}@media(max-width: 1040px) {
	.body--account .account-content {
	margin: 0 auto;
	padding-top: 90px
}
}@media(max-width: 768px) {
	.body--account .account-content {
	padding: 90px 50px;
	width: 100%;
	display: flex;
	flex-direction: column
}
}@media(max-width: 567px) {
	.body--account .account-content {
	width: 100%;
	padding: 72px 20px 0 20px
}
}.body--account .account-content .bg-grey {
	background-color: rgba(0,0,0,.03)
}
.body--account .account-content .form-control {
	font-size: 16px
}
.body--account .account-content .has-error .form-control {
	border-color: #ff5b74
}
.body--account .account-content .svg-icon {
	fill: #4c545a
}
.body--account .account__section {
	padding: 30px 20px;
	border-radius: 8px;
	margin-bottom: 50px;
	background-color: #fff;
	position: relative;
}
@media(max-width: 768px) {
	.body--account .account__section: last-of-type {
	margin-bottom: 80px
}
}@media(max-width: 567px) {
	.body--account .account__section {
	padding: 20px;
	margin-bottom: 40px
}
}.body--account #account-accountInfo {
	margin-top: 50px
}
@media(max-width: 768px) {
	.body--account #account-accountInfo {
	margin-top: 0px
}
}@media(max-width: 567px) {
	.body--account #account-accountInfo .account-title {
	margin-bottom: 0
}
}
.body--account .section__content h4 {
	display: flex;
	font-size: 18px;
	line-height: 1.49;
	color: #0C163A;
	margin-bottom: 20px;
	font-weight: 500;
	border-bottom: 1px solid #DBDBDB;
	padding: 0 0 20px;
}
.body--account .section__content h4 span {
	font-size: 20px;
	font-weight: 500;
	line-height: 2.08;
	color: #bbb;
	margin-left: 10px
}
@media(max-width: 567px) {
	.body--account .section__content h4 span {
	font-size: 16px
}
}@media(max-width: 567px) {
	.body--account .section__content h4 {
	font-size: 14px;
	font-weight: 700;
	padding: 0 0 10px;
}
.body--account .section__content h5 {
	display: flex;
	font-size: 14px;
	line-height: 1.49;
	color: #0C163A;
	margin-bottom: 0;
	font-weight: 700;
	border-bottom: 0;
	padding: 20px 0 10px;
}
.body--account .section__content h5 span {
	font-size: 20px;
	font-weight: 500;
	line-height: 2.08;
	color: #bbb;
	margin-left: 10px
}
}
.body--account .section__content a.cancel {
	position: absolute;
	right: 90px;
	top: 30px;
}
@media(max-width: 567px) {.body--account .section__content a.cancel{font-size: 14px;top: 17px;right: 80px;display: inline-flex;align-items: center;justify-content: center;}}
@media(max-width: 567px) {.body--account .section__content a.cancel i{font-size: 18px;}}

.body--account .section__content .title__note {
	display: block;
	margin-bottom: 20px
}
.body--account .section__content .account--send-button {
	height: 50px;
	color: #fff;
	background-color: #F3B94B;
	border: none;
	padding: 12px 5px;
	font-weight: 500;
	width: 200px;
	margin: 0 auto;
	border-radius: 4px
}
.body--account .section__content .account--send-button: hover {
	background-color: #018dc5
}
.children-add-button {
	/* height: 50px; */
	color: #F3B94B;
	/* background-color: #F3B94B; */
	border: none;
	/* padding: 12px 5px; */
	font-weight: 700;
	width: 200px;
	margin: 0 auto;
	border-radius: 4px;
	justify-content: center;
	align-items: center;
	display: flex;
	font-size: 16px;
}
.children-add-button::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("/upload/children-add.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
}
@media(max-width: 567px) {
	.body--account .section__content .account--send-button {
	font-size: 14px;
	height: 42px;
	padding: 0 10px;
	width: 120px
}
}.body--account .section__content .content__first-p {
	margin-bottom: 20px
}
.body--account .section__title {
	display: flex;
	flex-direction: column;
	align-items: center
}
.body--account .section__title h3 {
	font-size: 28px;
	line-height: 1.73;
	color: #000;
	margin-bottom: 15px
}
@media(max-width: 567px) {
	.body--account .section__title h3 {
	margin-bottom: 10px
}
}.body--account .title__subtitle {
	font-size: 16px;
	line-height: 2.97;
	color: #019fde;
	display: flex;
	width: 100%;
	align-items: center;
	height: 20px
}
@media(max-width: 567px) {
	.body--account .title__subtitle {
	height: auto
}
}.body--account .title__subtitle span {
	padding: 0 15px
}
.body--account .title__subtitle span br {
	display: none
}
@media(max-width: 567px) {
	.body--account .title__subtitle span br {
	display: unset
}
}@media(max-width: 567px) {
	.body--account .title__subtitle span {
	line-height: 1.6;
	text-align: center;
	padding: 0 5px;
	font-size: 14px
}
}.body--account .title__subtitle .line {
	flex-grow: 1;
	height: 1px;
	background-color: #019fde
}
.body--account .sns-box {
	margin-bottom: 40px
}
.body--account .sns-box: last-of-type {
	margin-bottom: 0
}
@media(max-width: 567px) {
	.body--account .sns-box {
	margin-bottom: 0;
	padding-top: 20px
}
.body--account .sns-box: last-of-type .sns-link {
	border-bottom: none
}
.body--account .sns-box: last-of-type button {
	margin-bottom: 0
}
}.body--account .sns-box.s--not-connected p {
	color: #bbb
}
.body--account .sns-box.s--not-connected button {
	color: #4c545a;
	border-bottom: 1px solid #4c545a
}
.body--account .sns-box.s--connected button {
	color: #bbb
}
.body--account .sns-box.s--not-created p {
	color: #bbb
}
.body--account .sns-box.s--not-created button {
	color: #019fde;
	border-bottom: 1px solid #019fde
}
.body--account .sns-box.s--created button {
	color: #4c545a;
	border-bottom: 1px solid #4c545a
}
.body--account .sns-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500
}
.body--account .sns-link p {
	margin-left: 20px;
	color: #4c545a
}
.body--account .sns-link button {
	background-color: transparent;
	border: none;
	font-weight: 500;
	line-height: 1.4;
	padding: 0
}
@media(max-width: 567px) {
	.body--account .sns-link button {
	margin-top: 20px;
	margin-bottom: 10px
}
}.body--account .sns-link.disable {
	cursor: not-allowed
}
@media(max-width: 567px) {
	.body--account .sns-link {
	flex-direction: column;
	align-items: flex-start;
	border-bottom: 1px solid rgba(0,0,0,.16);
	font-size: 14px
}
}.body--account .sns-link__logo {
	position: relative;
	display: flex;
	align-items: center
}
.body--account .sns-link__logo img {
	height: 50px;
	width: 50px
}
.body--account .sns-link__logo .svg-icon {
	height: 24px;
	width: 24px;
	fill: #4c545a
}
.body--account .l-email {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0;
	height: 48px;
	border-radius: 4px 0 0 4px
}
.body--account .l-email .email__status {
	flex-shrink: 0;
	line-height: 50px;
	padding: 0 20px;
	font-weight: 500
}
@media(max-width: 567px) {
	.body--account .l-email .email__status {
	font-size: 14px;
	padding: 0 10px;
}
}.body--account .l-email .email__input-group {
	display: flex;
	height: 48px;
	align-items: center;
	background: #F1F5F8;
	padding: 0;
	flex-grow: 1;
	border-radius: 6px 0 0 6px
}
@media(max-width: 567px) {
	.body--account .l-email .email__input-group {
	height: 42px
}
}.body--account .l-email .email-form__input {
	height: 100%;
	flex-basis: calc(85% - 20px);
	flex-shrink: 1;
	font-size: 16px;
	border: none;
	flex-grow: 1;
	background: transparent;
	color: #2D3648
}
@media(max-width: 567px) {
	.body--account .l-email .email-form__input {
	height: 42px;
	flex-basis: unset;
	font-size: 14px
}
}.body--account .l-email .email-form__button {
	height: 100%;
	flex-shrink: 0;
	flex-basis: 90px;
	border-radius: 0 6px 6px 0
}
@media(max-width: 567px) {
	.body--account .l-email .email-form__button {
	height: 42px;
	flex-basis: unset;
	width: 60px;
	align-self: center;
	border-radius: 4px
}
}@media(max-width: 567px) {
	.body--account .l-email {
	flex-direction: row;
	height: fit-content;
	width: 100%;
}
}.body--account .l-email.s--not-validated .email__status {
	color: #ff5b74
}
.body--account .l-email.s--validated .email__status {
	color: #019fde
}
.body--account .l-password {
	padding: 20px
}
.body--account .l-password .l-password__title {
	color: #4c545a;
	font-size: 16px;
	margin-bottom: 20px
}
.body--account .l-password__form {
	display: flex;
	flex-direction: column
}
.body--account .l-password__form .account--send-button {
	align-self: center
}
.body--account .l-password__form .l-password__save-msg {
	display: none
}
.body--account .l-password__form.save .l-password__save-msg {
	display: unset
}
.body--account .l-password__form__input-group {
	margin-bottom: 30px;
	position: relative
}
.body--account .l-password__form__input-group label {
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translateY(130%)
}
.body--account .l-password__form__input-group.last {
	margin-bottom: 20px
}
.body--account .l-password__form__input {
	width: 100%;
	height: 100%;
	position: relative
}
.body--account .l-password__form__input input {
	height: 56px
}
.body--account .l-password__form__input button {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%)
}
.body--account .l-password__form__input button .svg-icon {
	fill: #8b9195
}
.body--account .edmsetting-panel {
	height: 50px;
	width: 100%;
	background: #f7f7f7;
	border-radius: 4px;
	display: flex;
	align-items: center;
	padding: 0 20px;
	font-size: 16px
}
@media(max-width: 567px) {
	.body--account .edmsetting-panel {
	padding: 0 10px 0 20px;
	font-size: 14px
}
}.body--account .edmsetting-panel .is--on {
	display: none
}
.body--account .edmsetting-panel.is--on .is--on {
	display: flex
}
.body--account .edmsetting-panel.is--on .is--off {
	display: none
}
.body--account .edmsetting-panel.is--on .panel__status {
	color: #019fde
}
.body--account .edmsetting-panel.is--on .panel__toggle {
	background: #019fde
}
.body--account .edmsetting-panel.is--on .toggle__btn {
	left: 3px
}
.body--account .edmsetting-panel.is--off .toggle__btn {
	left: calc(100% - 27px)
}
.body--account .edmsetting-panel .panel__status {
	font-weight: 500;
	line-height: 22px;
	color: #ff5b74;
	margin-right: 20px
}
@media(max-width: 567px) {
	.body--account .edmsetting-panel .panel__status {
	margin-right: 10px
}
}.body--account .edmsetting-panel .panel__description {
	font-weight: 500;
	color: #bbb
}
.body--account .edmsetting-panel .panel__toggle {
	width: 58px;
	height: 30px;
	background-color: #d6d6d6;
	border-radius: 15px;
	margin-left: auto;
	position: relative;
	cursor: pointer
}
@media(max-width: 567px) {
	.body--account .edmsetting-panel .panel__toggle {
	width: 49px;
	height: 26px
}
}.body--account .edmsetting-panel .toggle__btn {
	border-radius: 50%;
	height: 24px;
	width: 24px;
	background: #fff;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all .2s ease-in;
	pointer-events: none
}
@media(max-width: 567px) {
	.body--account .edmsetting-panel .toggle__btn {
	height: 20px;
	width: 20px
}
}.body--account .c-profile {
	display: flex;
	flex-direction: column
}
.body--account .c-profile select.form-control {
	background-color: #fff;
	color: #4c545a
}
.body--account .c-profile .error-msg {
	position: absolute;
	padding-left: 10px;
	bottom: calc(0% - 30px);
	font-size: 12px;
	color: #ff5b74
}
.body--account .c-profile select {

	background-repeat: no-repeat;
	background-position-x: calc(100% - 3px);
	background-position-y: 50%
}
.body--account .c-profile input, .body--account .c-profile select, .body--account .c-profile .tw-zipcode-input {
	width: 100%;
	border-radius: 6px;
	height: 48px;
	font-size: 16px;
	font-weight: 400;
	color: #2D3648;
}
.body--account .c-profile input: focus,.body--account .c-profile select: focus,.body--account .c-profile .tw-zipcode-input: focus {
	outline: none
}
@media(max-width: 567px) {
	.body--account .c-profile input,.body--account .c-profile select,.body--account .c-profile .tw-zipcode-input {
	height: 42px;
	font-size: 14px;
}
}
.body--account .c-profile label {
	font-size: 16px;
	color: #2D3648;
	font-weight: 600
}
@media(max-width: 567px) {
	.body--account .c-profile label {
	margin-bottom: 0;
	flex-shrink: 0;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	width: 100%;
}
}
.body--account .c-profile label input{
	width: auto;
	height: auto;
}
.body--account .c-profile .input-group-set {
	display: flex;
	width: 100%;
	margin-bottom: 15px
}
@media(max-width: 567px) {
	.body--account .c-profile .input-group-set {
	flex-direction: column;
	margin-bottom: 0
}
}
.body--account .c-profile .input-group-set .input-group {
	margin-right: 40px;
	width: 50%
}
.body--account .c-profile .input-group-set .input-group: last-of-type {
	margin-right: 0
}
@media(max-width: 567px) {
	.body--account .c-profile .input-group-set .input-group {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
	align-items: center
}
}
.body--account .c-profile .input-group {
	flex-grow: 1;
	display: flex;
	flex-direction: column
}
@media(max-width: 567px) {
	.body--account .c-profile .input-group__input {
	height: fit-content;
	flex-grow: 1;
	width: 100%;
}
}
.body--account .c-profile .input__limit-box {
	height: 36px;
	width: 36px;
	position: absolute;
	z-index: 5;
	border-radius: 4px;
	background: rgba(0,0,0,.05);
	color: #91969a;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	right: 10px
}
@media(max-width: 567px) {
	.body--account .c-profile .input__limit-box {
	height: 32px;
	width: 32px;
	right: 5px
}
}
.body--account .c-profile .form-group {
	margin-bottom: 0
}
.body--account .c-profile .input-group--birthday {
	margin-bottom: 40px
}
@media(max-width: 567px) {
	.body--account .c-profile .input-group--birthday {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 30px
}
}
body--account .c-profile .input-group--birthday.has-error select {
	border-color: #ff5b74
}
.body--account .c-profile .input-group--birthday.has-error .error-msg {
	display: block
}
.body--account .c-profile .account--send-button {
	align-self: center;
}
.body--account .c-date-selector {
	flex-grow: 1;
	display: flex;
	align-items: center
}
.body--account .c-date-selector label {
	display: none
}
@media(max-width: 567px) {
	.body--account .c-date-selector label {
	display: block
}
}
.body--account .c-date-selector .date-selector__part {
	width: calc(33.33333% - 20px);
	margin-right: 20px
}
.body--account .c-date-selector .date-selector__part: last-of-type {
	width: 33.33333%;
	margin-right: 0
}
@media(max-width: 567px) {
	.body--account .c-date-selector .date-selector__part {
	width: 33.33333%;
	margin-right: 10px;
	display: flex;
	align-items: center
}
}
.body--account .c-date-selector .date-selector__part label {
	margin-left: 10px;
	margin-right: 0
}
.body--account .c-date-selector select {
	width: 100%;
	padding-left: 10px
}
.body--account .c-date-selector select: disabled {
	opacity: unset;
	background-color: #f7f7f7
}
.body--account .c-gender-selector {
	flex-grow: 1
}
.body--account .c-gender-selector .gender-selector__option {
	height: 56px;
	width: 56px;
	border-radius: 2px;
	border: 2px solid rgba(0,0,0,.16);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	background-color: #fff;
	color: #bbb
}
.body--account .c-gender-selector .gender-selector__option: hover {
	cursor: pointer
}
@media(max-width: 567px) {
	.body--account .c-gender-selector .gender-selector__option {
	height: 42px;
	width: 42px;
	font-size: 14px
}
}.body--account .c-gender-selector div {
	display: flex
}
.body--account .c-gender-selector .svg-icon {
	display: none;
	height: 24px;
	fill: #bbb
}
.body--account .c-gender-selector input {
	display: none
}
.body--account .c-gender-selector .gender-selector__option[data-value=male]: hover {
	border: 2px solid #019fde
}
.body--account .c-gender-selector .gender-selector__option[data-value=male]: hover .svg-icon {
	fill: #019fde
}
.body--account .c-gender-selector .gender-selector__option[data-value=male]: hover: hover .svg-icon {
	display: block
}
.body--account .c-gender-selector .gender-selector__option[data-value=male]: hover: hover span {
	display: none
}
.body--account .c-gender-selector .gender-selector__option[data-value=female]: hover .svg-icon {
	fill: #ff5b74
}
.body--account .c-gender-selector .gender-selector__option[data-value=female]: hover: hover {
	border: 2px solid #ff5b74
}
.body--account .c-gender-selector .gender-selector__option[data-value=female]: hover: hover .svg-icon {
	display: block
}
.body--account .c-gender-selector .gender-selector__option[data-value=female]: hover: hover span {
	display: none
}
.body--account .c-gender-selector .gender-selector__option[data-value=diverse]: hover: hover {
	border: 2px solid #000
}
.body--account .c-gender-selector .gender-selector__option[data-value=diverse]: hover: hover span {
	color: #000
}
@media(max-width: 567px) {
	.body--account .input-group--address label {
	margin-bottom: auto
}
}.body--account .c-address-selector {
	display: flex;
	flex-wrap: wrap
}
.body--account .c-address-selector .form-group {
	margin: 0;
	position: relative
}
.body--account .c-address-selector .form-group.has-error input,.body--account .c-address-selector .form-group.has-error select {
	border-color: #ff5b74
}
.body--account .c-address-selector select,.body--account .c-address-selector input {
	padding-left: 10px
}
.body--account .c-address-selector .address__select-group {
	margin-bottom: 40px
}
@media(max-width: 567px) {
	.body--account .c-address-selector .address__select-group {
	align-items: center
}
}.body--account .c-address-selector .address__select-group,.body--account .c-address-selector .address__input-group {
	height: 56px;
	display: flex;
	width: 100%
}
@media(max-width: 567px) {
	.body--account .c-address-selector .address__select-group,.body--account .c-address-selector .address__input-group {
	flex-direction: column;
	height: fit-content;
	margin-bottom: 0
}
}.body--account .c-address-selector .address__select-group input,.body--account .c-address-selector .address__select-group select,.body--account .c-address-selector .address__input-group input,.body--account .c-address-selector .address__input-group select {
	width: 100%
}
@media(max-width: 567px) {
	.body--account .c-address-selector .address__select-group input,.body--account .c-address-selector .address__select-group select,.body--account .c-address-selector .address__input-group input,.body--account .c-address-selector .address__input-group select {
	height: 42px;
	width: 100%;
	margin-bottom: 20px
}
}.body--account .c-address-selector .address__select-group div[data-role=zipcode],.body--account .c-address-selector .address__input-group div[data-role=zipcode] {
	cursor: not-allowed
}
.body--account .c-address-selector .address__select-group div[data-role=zipcode] input,.body--account .c-address-selector .address__input-group div[data-role=zipcode] input {
	pointer-events: none
}
.body--account .c-address-selector .address__select {
	width: calc(33.33333% - 20px);
	margin-right: 20px;
	height: 100%
}
@media(max-width: 567px) {
	.body--account .c-address-selector .address__select {
	width: 100%;
	margin-right: 0;
	display: flex;
	justify-content: space-between
}
}@media(max-width: 567px) {
	.body--account .c-address-selector .address__select--first {
	display: flex;
	align-items: center
}
}.body--account .c-address-selector .address__select--last {
	width: 33.33333%;
	margin-right: 0
}
@media(max-width: 567px) {
	.body--account .c-address-selector .address__select--last {
	width: 100%
}
}.body--account .c-address-selector .address__input-group .input--zip {
	width: 16%;
	margin-right: 20px;
	cursor: not-allowed
}
.body--account .c-address-selector .address__input-group .input--zip input {
	background-color: #f7f7f7
}
@media(max-width: 768px) {
	.body--account .c-address-selector .address__input-group .input--zip {
	width: 22%
}
}@media(max-width: 567px) {
	.body--account .c-address-selector .address__input-group .input--zip {
	width: 50%
}
}.body--account .c-address-selector .address__input-group .inoput--address {
	flex-grow: 1
}
.body--account .c-address-selector .address__input-group .inoput--address input {
	width: 100%
}
.body--account .c-address-selector .tw-zipcode-selector {
	width: 100%
}
.body--account .c-identity-form {
	display: flex;
	flex-direction: column
}
.body--account .c-identity-form .identity-form__option-group {
	display: flex;
	justify-content: space-between
}
.body--account .c-identity-form .identity-form__option {
	width: calc(50% - 20px);
	height: 80px;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,.16);
	font-size: 22px;
	font-weight: 500;
	line-height: 1.73;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background: #fff
}
.body--account .c-identity-form .identity-form__option: hover {
	cursor: pointer
}
.body--account .c-identity-form .identity-form__option .svg-icon {
	fill: #bbb;
	margin-right: 10px;
	width: 26px;
	height: 26px
}
@media(max-width: 567px) {
	.body--account .c-identity-form .identity-form__option .svg-icon {
	display: none
}
}.body--account .c-identity-form .identity-form__option input {
	display: none
}
@media(max-width: 768px) {
	.body--account .c-identity-form .identity-form__option {
	font-size: 22px;
	width: calc(50% - 10px)
}
}@media(max-width: 567px) {
	.body--account .c-identity-form .identity-form__option {
	font-size: 16px;
	padding-bottom: 0px
}
}.body--account .c-identity-form .account--send-button {
	margin-top: 40px;
	flex-grow: 0;
	align-self: flex-end
}
.body--account .c-job-selector {
	margin-top: 30px;
	color: #8b9195;
	display: flex;
	align-items: center
}
@media(max-width: 567px) {
	.body--account .c-job-selector {
	margin-top: 20px
}
}.body--account .c-job-selector .job-selector__label {
	display: none
}
.body--account .c-job-selector .job-selector__select {
	height: 56px;
	flex-grow: 1;
	color: #8b9195;
	padding: 0;
	margin: 0
}
.body--account .c-job-selector .job-selector__select select {
	height: 100%;
	width: 100%;
	border: none;
	padding-left: 15px
}
.body--account .c-job-selector .job-selector__select select: focus {
	outline: none
}
@media(max-width: 567px) {
	.body--account .c-job-selector .job-selector__select select {
	font-size: 14px
}
}.body--account .c-job-selector .job-selector__select.has-error {
	border-color: #ff5b74
}
.body--account .c-job-selector .job-selector__select.has-error .error-msg {
	margin-top: 4px
}
.body--account .c-interest__description {
	margin-bottom: 20px
}
.body--account .js-empty {
	display: inline-flex
}
.body--account .c-interest-field {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: -10px
}
.body--account .c-interest-field .interest__input {
	display: flex;
	flex-wrap: wrap
}
.body--account .c-interest-field .input__title {
	display: flex;
	align-items: center;
	height: 56px
}
@media(max-width: 567px) {
	.body--account .c-interest-field .input__title {
	display: flex
}
}.body--account .c-interest-field .c-capsule {
	display: flex;
	align-items: center;
	margin: 0 10px 10px 0;
	height: 36px
}
.body--account .c-interest-form {
	background-color: rgba(0,0,0,.03);
	color: #4c545a;
	padding: 20px;
	border-radius: 4px;
	display: flex;
	flex-direction: column
}
.body--account .c-interest-form .svg-icon {
	fill: #4c545a
}
.body--account .c-interest-form .account--send-button {
	align-self: center;
	margin-top: 40px
}
.body--account .js-interest-box {
	display: none
}
.body--account .interest-form__header {
	display: flex;
	justify-content: space-between
}
.body--account .interest-form__header button .svg-icon {
	fill: #000;
	height: 25px;
	opacity: 1;
	margin: 0
}
.body--account .interest-form__header .form__close-btn {
	border-radius: 50%;
	padding: 0;
	height: 25px;
	width: 25px;
	display: flex;
	align-items: center;
	justify-content: center
}
.body--account .interest-form__header .form__close-btn: hover {
	background: #019fde
}
.body--account .interest-form__header .form__close-btn: hover .svg-icon {
	fill: #fff
}
.body--account .c-interest-form__p {
	margin-bottom: 20px
}
.body--account .c-interest-form__input-group {
	position: relative;
	margin-bottom: 0
}
.body--account .c-interest-form__input-group .input-group__button {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) translateX(50%);
	display: flex;
	align-items: center
}
.body--account .c-interest-form__input-group .input-group__button .svg-icon {
	fill: #8b9195;
	margin: 0;
	height: 20px
}
.body--account .c-interest-form__input-group .input-group__input {
	border-radius: 30px;
	padding-left: 50px;
	color: #8b9195;
	font-size: 16px;
	height: 56px
}
.body--account .account__avatar {
	display: none;
	align-items: center;
	flex-direction: column;
	margin-bottom: 40px
}
@media(max-width: 1040px) {
	.body--account .account__avatar {
	display: flex
}
}.body--account .account__avatar .l-avatar {
	height: 150px;
	width: 150px;
	position: relative
}
.body--account .account__avatar .avatar__img {
	border-radius: 50%;
	height: 100%;
	width: 100%;
	border: 2px solid #fff;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}
.body--account .account__avatar .avatar__button {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 36px;
	width: 36px;
	border: none;
	background: #019fde;
	border-radius: 50%;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0
}
.body--account .account__avatar .avatar__button .svg-icon {
	height: 16px;
	width: 16px;
	fill: #fff
}
.body--account .account__avatar .l-nickname {
	font-size: 18px;
	font-weight: 500;
	line-height: 2.31;
	color: #4c545a;
	margin-top: 10px
}
@media(max-width: 567px) {
	.body--account #account-personalInfo {
	padding: 20px
}
}.body--account .sns-box.s--connected .s--connected {
	display: flex
}
.body--account .sns-box.s--connected .s--not-connected {
	display: none
}
.body--account .sns-box.s--not-connected .s--connected {
	display: none
}
.body--account .sns-box.s--not-connected .s--not-connected {
	display: flex
}
.body--account .sns-box .s--connected {
	display: none
}
.body--account .js-edmSetting-box.system .edm-option.system {
	background: #019fde;
	color: #fff;
	border-color: transparent
}
.body--account .js-edmSetting-box.system .edm-option.system button {
	box-shadow: none
}
.body--account .js-edmSetting-box.system .edm-option.system .svg-icon.add {
	display: none
}
.body--account .js-edmSetting-box.system .edm-option.system .svg-icon.check {
	display: block
}
.body--account .js-edmSetting-box.promotion .edm-option.promotion {
	background: #019fde;
	color: #fff;
	border-color: transparent
}
.body--account .js-edmSetting-box.promotion .edm-option.promotion button {
	box-shadow: none
}
.body--account .js-edmSetting-box.promotion .edm-option.promotion .svg-icon.add {
	display: none
}
.body--account .js-edmSetting-box.promotion .edm-option.promotion .svg-icon.check {
	display: block
}
.body--account .js-edmSetting-box.edm .edm-option.edm {
	background: #019fde;
	color: #fff;
	border-color: transparent
}
.body--account .js-edmSetting-box.edm .edm-option.edm button {
	box-shadow: none
}
.body--account .js-edmSetting-box.edm .edm-option.edm .svg-icon.add {
	display: none
}
.body--account .js-edmSetting-box.edm .edm-option.edm .svg-icon.check {
	display: block
}
.body--account .c-identity-form.s--work .identity-form__option.work {
	background: #019fde;
	border: transparent;
	color: #fff
}
.body--account .c-identity-form.s--work .identity-form__option.work .svg-icon {
	fill: #fff
}
.body--account .c-identity-form.s--work .account--send-button {
	margin-top: 40px
}
.body--account .c-identity-form.s--work .js-job-detail {
	display: flex;
	pointer-events: initial
}
.body--account .c-identity-form.s--student .identity-form__option.student {
	background: #019fde;
	border: transparent;
	color: #fff
}
.body--account .c-identity-form.s--student .identity-form__option.student .svg-icon {
	fill: #fff
}
.body--account .c-identity-form.s--student .account--send-button {
	margin-top: 80px
}
.body--account .c-identity-form.s--student .js-job-detail {
	opacity: 0;
	pointer-events: none
}
.body--account .c-gender-selector.s--diverse .gender-selector__option.js-diverse {
	font-weight: 500;
	border: 2px solid #4c545a;
	color: #000
}
.body--account .c-gender-selector.s--male .gender-selector__option.js-male {
	border: 2px solid #019fde;
	color: #019fde;
	font-weight: 500
}
.body--account .c-gender-selector.s--female .gender-selector__option.js-female {
	border: 2px solid #ff5b74;
	color: #ff5b74;
	font-weight: 500
}
.body--account .c-profile .profile__send-area .save-msg {
	opacity: 0;
	display: flex;
	margin: 10px 0;
	color: #019fde;
	transition: opacity .3s
}
.body--account .saved .c-profile .profile__send-area .save-msg {
	opacity: 1
}
.body--change-password .page {
	display: flex;
	align-items: center;
	justify-content: center
}
.body--change-password .change-password {
	width: 440px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 40px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	top: 50%;
	padding-top: 25px
}
.body--change-password .banner {
	height: 110px
}
.body--change-password .title {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.75;
	color: #000;
	margin-bottom: 16px
}
.body--change-password .form {
	margin-top: 10px;
	width: 100%
}
.body--change-password .form__input-group {
	height: 50px;
	margin-bottom: 30px;
	display: flex;
	position: relative;
	box-sizing: border-box;
	background: rgba(0,0,0,.03);
	border-radius: 4px
}
.body--change-password .form__input-group label {
	margin-bottom: 0;
	margin-right: 10px;
	height: 100%;
	display: inline-flex;
	align-items: center;
	padding: 0 5px 0 10px
}
.body--change-password .form__input-group: last-of-type {
	margin-bottom: 40px
}
.body--change-password .form__input-group .error-msg {
	display: none
}
.body--change-password .form__input-group .visibility-btn {
	display: none;
	align-items: center;
	margin-right: 20px
}
.body--change-password .form__input-group.has-input .form__clear-btn,.body--change-password .form__input-group.has-input .visibility-btn {
	display: flex
}
.body--change-password .form__input-group.has-input.is-blurring .form__clear-btn,.body--change-password .form__input-group.has-input.is-blurring .visibility-btn {
	display: flex
}
.body--change-password .form__input-group.is-blurring .form__clear-btn,.body--change-password .form__input-group.is-blurring .visibility-btn {
	display: none
}
.body--change-password .input-group__input {
	border: none;
	background: transparent;
	height: 100%;
	width: 100%;
	padding: 0
}
.body--change-password .form__btn {
	display: block;
	width: 100%;
	height: 50px;
	background: #019fde;
	color: #fff;
	border: none;
	border-radius: 4px
}
.body--change-password .form__btn.btn--transparent {
	background: transparent;
	color: #019fde
}
.body--change-password .form__btn a {
	color: #019fde
}
.body--change-password .form-group .form-control-feedback {
	position: absolute;
	top: 50%;
	transform: TranslateY(-50%);
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #019fde;
	align-items: center;
	justify-content: center;
	right: 20px;
	display: none
}
.body--change-password .form-group .form-control-feedback .svg-icon {
	fill: #fff
}
.body--change-password .form-group .error-icon {
	display: none
}
.body--change-password .form-group.has-error {
	border: 2px solid #ff5b74
}
.body--change-password .form-group.has-error .error-msg {
	bottom: -18px;
	margin: 3px 0;
	text-align: left;
	position: absolute;
	height: 16px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	top: calc(100% + 4px);
	left: 15px;
	display: block
}
.body--change-password .form-group.has-error .error-icon {
	margin: 3px 0;
	display: block;
	position: absolute;
	height: 16px;
	line-height: 16px;
	top: calc(100% + 4px)
}
@media(max-width: 567px) {
	.body--change-password .form-group.has-error .error-icon {
	height: 14px;
	line-height: 14px
}
}.body--change-password .form-group.has-pass .form-control-feedback {
	display: flex
}
.body--change-password .form-group.has-feedbacl .form-control-feedback {
	display: flex
}
.classroomv3.guidebcg {
	padding-top: 0;
	position: fixed;
	width: 100vw
}
.classroomv3.guidebcg .player-toolbar {
	position: relative;
	z-index: initial
}
.classroomv3.guidebcg .player-sidebar {
	position: relative;
	top: 0
}
.classroomv3 .unit-block.js-first-unit-block .unit-menu-icon.guide {
	border: 3px dashed #019fdf;
	background-color: #fff;
	z-index: 50;
	position: relative;
	pointer-events: none;
	box-sizing: content-box
}
.classroomv3 .unit-block.js-first-unit-block .checkbox.guide {
	height: fit-content;
	border: 3px dashed #fff;
	background-color: #019fdf;
	z-index: 50;
	position: relative;
	pointer-events: none;
	box-sizing: content-box
}
.classroomv3 .unit-block.js-first-unit-block+.unit-block .checkbox.guide {
	height: fit-content;
	border: 3px dashed #019fdf;
	background-color: #fff;
	z-index: 50;
	position: relative;
	pointer-events: none;
	box-sizing: content-box
}
.classroomv3 .player-guide-container {
	height: 100vh
}
.classroomv3 .player-guide-container .guide__card {
	position: relative;
	text-align: center;
	min-width: 440px;
	min-height: 350px;
	padding: 20px 40px
}
.classroomv3 .player-guide-container .guide__card .close-btn-wrap {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer
}
.classroomv3 .player-guide-container .guide__card .c-close-btn {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: none;
	background-color: rgba(0,0,0,.2);
	position: relative
}
.classroomv3 .player-guide-container .guide__card .c-close-btn .close {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	opacity: 1;
	height: 30px
}
.classroomv3 .player-guide-container .guide__card .guide__images {
	width: 100px;
	height: 90px;
	margin: 0 0 20px 0
}
.classroomv3 .player-guide-container .guide__card .guide__images img {
	width: 100%;
	height: auto
}
.classroomv3 .player-guide-container .guide__pages {
	display: none
}
.classroomv3 .player-guide-container .guide__container {
	align-items: center;
	flex-direction: column;
	justify-content: center
}
.classroomv3 .player-guide-container .guide__container .guide__title {
	justify-content: center
}
.classroomv3 .player-guide-container .pageDots {
	display: flex;
	justify-content: center
}
.classroomv3 .player-guide-container .pageDots .dotEach {
	width: 8px;
	height: 8px;
	margin: 0 10px 0 0;
	background-color: rgba(0,0,0,.16);
	border-radius: 50%
}
.classroomv3 .player-guide-container .pageDots .dotEach.active {
	background-color: #019fdf
}
.classroomv3 .player-guide-container .guide__btnGroups {
	margin-top: 10px
}
.classroomv3 .player-guide-container .guide__btnGroups .yotta__btn {
	flex-grow: 1;
	flex-shrink: 1;
	margin-left: 0
}
.classroomv3 .player-guide-container .guide__btnGroups .yotta__btn: first-child {
	display: none
}
.classroomv3 .player-guide-container .guide__btnGroups .yotta__btn.isBack {
	display: block;
	background-color: #fff;
	border: 1px solid #019fdf;
	color: #019fdf;
	margin-right: 16px
}
.classroomv3 .guide.player__footer,.classroomv3 .guide.classroom-tab-container,.classroomv3 .guide.js-all-notes,.classroomv3 .guide#liteLink,.classroomv3 .guide.themes-toggle-btn,.classroomv3 .guide.get_certificate_status,.classroomv3 .guide.themes_btn[data-gene="click: showRatingListModal"] {
	border: 3px dashed #019fdf;
	z-index: 50;
	position: relative;
	pointer-events: none;
	box-sizing: content-box
}
.classroomv3 .guide.classroom-header {
	width: auto
}
.classroomv3 .guide.js-all-notes {
	border: 3px dashed #fff
}
.classroomv3 .player-page {
	height: auto
}
.classroomv3 .player-page-left {
	flex-grow: 1;
	position: relative
}
.classroomv3 .player-container .player {
	height: auto
}
.classroomv3 .player-bg {
	background-color: #fff
}
.classroomv3 .note {
	display: none
}
.classroomv3 .classroom-header {
	padding: 0 20px
}
.classroomv3 .classroom-header .classroom-tab-container .nav-tabs li a>span: first-of-type {
	display: flex;
	justify-content: center
}
.classroomv3 .empty-view .new-icon-padding {
	margin-bottom: 20px;
	width: 100px;
	height: auto
}
.classroomv3 .empty-view .new-icon-padding~h6 {
	color: #4c545a
}
.classroomv3.day .classroom-header .classroom-tab-container {
	background-color: #fff
}
.classroomv3.night {
	background-color: #1a1a1a
}
.classroomv3.night .player-page-left,.classroomv3.night .container-fluid,.classroomv3.night .player-title {
	background-color: #1a1a1a
}
.classroomv3.night .player-title {
	color: #fff
}
.classroomv3.night .classroom-header .classroom-tab-container {
	background-color: #1a1a1a
}
.classroomv3.night .classroom-header .classroom-tab-container .nav-tabs {
	color: #909090
}
.classroomv3.night .classroom-header .classroom-tab-container .nav-tabs li.active a {
	color: #fff
}
.classroomv3.night .empty-view {
	background-color: transparent
}
.classroomv3.night .empty-view .new-icon-padding~h6 {
	color: #fff
}
.classroomv3.night .bulletin-list .board-header {
	background-color: #019fdf;
	color: #fff
}
.classroomv3.night .bulletin-list .board-header .private-btn i {
	color: #fff
}
.classroomv3.night .bulletin-list .board-full-block-inner {
	border: 0
}
.classroomv3.night .bulletin-list .board-container {
	background-color: #4c545a;
	color: #019fdf
}
.classroomv3.night .bulletin-list .board-container p,.classroomv3.night .bulletin-list .board-container h1,.classroomv3.night .bulletin-list .board-container h2,.classroomv3.night .bulletin-list .board-container h3,.classroomv3.night .bulletin-list .board-container h4,.classroomv3.night .bulletin-list .board-container h5,.classroomv3.night .bulletin-list .board-container h6,.classroomv3.night .bulletin-list .board-container span,.classroomv3.night .bulletin-list .board-container a {
	color: #fff !important;
	background-color: transparent !important
}
.classroomv3.night .bulletin-list .board-container a: hover,.classroomv3.night .bulletin-list .board-container u: hover {
	color: #019fdf !important
}
.classroomv3 .container {
	width: 100%
}
.classroomv3 .classroom-container .course-classroom-content.tab-content .tab-loading.fromCourseCard {
	height: 100vh
}
.classroomv3 .classroom-container .comment-help-info h1 {
	font-size: 20px
}
.classroomv3 .classroom-container .comment-help-info p {
	font-size: 16px
}
.classroomv3 .classroom-container .tab-pane {
	padding: 60px 20px
}
.classroomv3 .classroom-container .tab-pane .row {
	margin: 0 auto
}
.classroomv3 .classroom-container .tab-pane.sidebar-container {
	padding: 40px 0 0
}
.classroomv3 .classroom-container .tab-pane.issue {
	padding: 42px 16px 60px 16px
}
.classroomv3 .classroom-container .tab-pane.issue .comment-help-info {
	margin-bottom: 20px
}
.classroomv3 .classroom-container .course-classroom-content .tab-loading {
	z-index: 20
}
.classroomv3 .issue .comment-list-header .comment-count,.classroomv3 .issue .comment .nickname,.classroomv3 .issue .comment .has-nickname,.classroomv3 .issue .comment-body .comment-title {
	color: #4c545a
}
.classroomv3 .issue .comment-list-header .sorter-group {
	padding-left: 0
}
.classroomv3 .issue .comment-list-header .search-bar {
	padding-right: 20px
}
.classroomv3 .issue .chapter_title_set {
	color: #019fdf
}
.classroomv3 .issue .time-flex-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center
}
.classroomv3 .issue .timestamp {
	display: flex;
	align-items: center
}
.classroomv3 .issue .comment-form input,.classroomv3 .issue .comment-form textarea,.classroomv3 .issue .comment-form select {
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,.2);
	resize: none
}
.classroomv3 .issue .comment-form input: focus,.classroomv3 .issue .comment-form input: focus-visible,.classroomv3 .issue .comment-form textarea: focus,.classroomv3 .issue .comment-form textarea: focus-visible,.classroomv3 .issue .comment-form select: focus,.classroomv3 .issue .comment-form select: focus-visible {
	outline: none;
	border-color: #019fde
}
.classroomv3 .issue .comment-form .has-error .form-control {
	border: 1px solid #ff5b74
}
.classroomv3 .issue .comment-form .reset-margin {
	margin-bottom: 0
}
.classroomv3 .issue .comment-form .no-nickname .form-control {
	width: 100%
}
.classroomv3 .issue .comment-body .content {
	display: flex;
	align-items: center
}
.classroomv3 .issue .comment .comment-block .startTime {
	margin-top: 0px;
	margin-left: 10px;
	display: flex;
	align-items: center;
	fill: #bbb;
	color: #bbb
}
.classroomv3 .issue .comment .comment-block .startTime {
	cursor: pointer
}
.classroomv3 .issue .comment .comment-block .startTime span {
	color: #bbb
}
.classroomv3 .issue .comment .comment-block .startTime svg {
	fill: #bbb
}
.classroomv3 .issue .comment .comment-block .startTime: hover span {
	color: #019fde;
	text-decoration: underline
}
.classroomv3 .issue .comment .comment-block .startTime: hover svg {
	fill: #019fde
}
.classroomv3 .issue .comment .comment-info {
	display: flex
}
.classroomv3 .issue .comment .comment-info span {
	margin-right: auto
}
.classroomv3 .issue .tooltip-inner {
	color: #fff;
	background-color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px
}
.classroomv3 .issue .tooltip-arrow: after {
	background-color: #000
}
.classroomv3 .issue .reply,.classroomv3 .issue .reply-form-inner {
	background-color: #f5f5f5
}
.classroomv3 .issue .reply-form .popover .popover-content p {
	font-size: 13px
}
@media(max-width: 768px) {
	.classroomv3 .issue .comment-list-header .search-bar {
	padding-right: 0
}
.classroomv3 .issue .comment-body .content .startTime {
	margin-left: 0
}
}.classroomv3 .reply-toggle-box {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	background-color: transparent;
	padding: 12px 0
}
.classroomv3 .reply-toggle-box: : before,.classroomv3 .reply-toggle-box: : after {
	content: "";
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	height: .1px;
	border-top: 1.5px dashed #019fdf
}
.classroomv3 #introduction .course-intro-container img {
	height: auto !important;
	width: 100% !important
}
.classroomv3 .underline-title {
	color: #019fdf
}
@media(max-width: 991px) {
	.classroomv3 .classroom-container .comment-help-info {
	display: block
}
}@media(max-width: 768px) {
	.classroomv3 .classroom-container {
	padding-left: 0;
	padding-right: 0
}
}@media(max-width: 567px) {
	.classroomv3 .classroom-container .comment-help-info h1 {
	font-size: 16px
}
.classroomv3 .classroom-container .comment-help-info p {
	font-size: 15px
}
.classroomv3 .empty-view .new-icon-padding {
	margin-bottom: 10px;
	width: 80px
}
}.classroomv3.night .classroom-container .comment-help-info {
	color: #019fdf
}
.classroomv3.night .classroom-container .comment-help-info p {
	color: #fff
}
.classroomv3.night .classroom-container .tab-loading {
	background-color: #1a1a1a
}
.classroomv3.night .issue: not(.homework) .avatars {
	border: 1px solid #fff;
	box-sizing: content-box
}
.classroomv3.night .issue: not(.homework) .comment-form {
	background-color: rgba(255,255,255,.1);
	border: 0;
	border-radius: 10px;
	box-shadow: 0 3px 10px 0 rgba(0,0,0,.1)
}
.classroomv3.night .issue: not(.homework) .comment-list,.classroomv3.night .issue: not(.homework) .comment-list-header,.classroomv3.night .issue: not(.homework) .comment {
	background-color: #1a1a1a
}
.classroomv3.night .issue: not(.homework) .comment-list-header .comment-count,.classroomv3.night .issue: not(.homework) .comment .nickname,.classroomv3.night .issue: not(.homework) .comment .has-nickname,.classroomv3.night .issue: not(.homework) .comment-body .comment-title {
	color: #fff
}
.classroomv3.night .issue: not(.homework) .comment {
	border-color: #303030
}
.classroomv3.night .issue: not(.homework) .comment-body .content {
	color: #fff
}
.classroomv3.night .issue: not(.homework) .comment-body .comment-block .content {
	color: #019fdf
}
.classroomv3.night .issue: not(.homework) .sorter__anchor {
	background-color: #fff;
	color: #bbb
}
.classroomv3.night .issue: not(.homework) .sorter__anchor p,.classroomv3.night .issue: not(.homework) .sorter__anchor icon {
	color: #4c545a
}
.classroomv3.night .issue: not(.homework) .form-control {
	background-color: #f5f5f5;
	color: #909090
}
.classroomv3.night .issue: not(.homework) .form-control icon {
	color: #909090
}
.classroomv3.night .issue: not(.homework) .reply,.classroomv3.night .issue: not(.homework) .reply-form-inner {
	background-color: #303030;
	border-color: #1a1a1a
}
.classroomv3.night .issue: not(.homework) .reply .content,.classroomv3.night .issue: not(.homework) .reply-form-inner .content {
	color: #fff
}
.classroomv3.night .issue: not(.homework) .reply-toggle-box {
	background-color: #1a1a1a;
	border-color: #1a1a1a
}
.classroomv3.night .homework-spec-block,.classroomv3.night .homework-block,.classroomv3.night .homework-block .cover {
	background-color: #1c1f22;
	box-shadow: 0 0 6px 0 rgba(0,0,0,.16);
	border: 1px solid #4c545a
}
.classroomv3.night .homework-spec-block .info,.classroomv3.night .homework-spec-block .meta .title,.classroomv3.night .homework-block .info,.classroomv3.night .homework-block .meta .title,.classroomv3.night .homework-block .cover .info,.classroomv3.night .homework-block .cover .meta .title {
	color: #fff
}
.classroomv3.night .homework-list .underline-title {
	border-bottom: 1px solid #019fdf;
	color: #019fdf
}
.classroomv3.night .homework-list .white-bg {
	background-color: #191919
}
.classroomv3.night .homework-list .class-manage-info.classroom .homework-intro .format {
	color: #909090 !important
}
.classroomv3.night .homework-list .class-manage-info.classroom .homework-intro .title {
	border-bottom: 1px solid #019fdf;
	color: #019fdf !important
}
.classroomv3.night .homework-list .class-manage-info.classroom .homework-intro p,.classroomv3.night .homework-list .class-manage-info.classroom .homework-intro h1,.classroomv3.night .homework-list .class-manage-info.classroom .homework-intro h2,.classroomv3.night .homework-list .class-manage-info.classroom .homework-intro h3,.classroomv3.night .homework-list .class-manage-info.classroom .homework-intro h4,.classroomv3.night .homework-list .class-manage-info.classroom .homework-intro h5,.classroomv3.night .homework-list .class-manage-info.classroom .homework-intro h6,.classroomv3.night .homework-list .class-manage-info.classroom .homework-intro span,.classroomv3.night .homework-list .class-manage-info.classroom .homework-intro a {
	color: #fff !important;
	background-color: transparent !important
}
.classroomv3.night .homework-list .class-manage-info.classroom .homework-intro a: hover,.classroomv3.night .homework-list .class-manage-info.classroom .homework-intro u: hover {
	color: #019fdf !important
}
.classroomv3.night .homework-list .btn-blue-border {
	background-color: #1a1a1a
}
.classroomv3.night .homework-list-row .comment-count {
	color: #fff
}
.classroomv3.night .homework-list-row a {
	color: #bbb
}
.classroomv3.night .js-homework-spec-list .btn[data-gene="click: loadMoreHwList"] {
	background-color: #1a1a1a
}
.classroomv3.night .js-introduction-active {
	background-color: #fff
}
.classroomv3 .package-tmpl .package-container {
	margin-bottom: 60px
}
.classroomv3 .package-tmpl .title-wrap {
	position: relative
}
.classroomv3 .package-tmpl .title {
	color: #ff5b73;
	padding: 0 20px;
	width: fit-content
}
.classroomv3 .package-tmpl .title: : before,.classroomv3 .package-tmpl .title: : after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background-color: #ff5b73;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}
.classroomv3 .package-tmpl .title: : before {
	right: 100%
}
.classroomv3 .package-tmpl .title: : after {
	left: 100%
}
.classroomv3 .package-tmpl .package-length {
	margin: 20px 0 10px
}
.classroomv3 .package-tmpl .package-length span {
	color: #ff5b73
}
.classroomv3 .visible-sm {
	display: none !important
}
.classroomv3 .visible-xs {
	display: none !important
}
.classroomv3.isTeacher .note {
	display: block;
	background-color: #f5f5f5;
	color: #4c545a;
	padding: 30px 60px;
	text-align: center
}
.classroomv3.isTeacher .note h6 {
	margin: 0 auto
}
.classroomv3.isTeacher .note a {
	color: #019fdf;
	text-decoration: underline;
	cursor: pointer
}
.classroomv3.isTeacher .container-fluid.wrapper {
	display: none
}
.classroomv3.night.isTeacher .note {
	background-color: #1c1f22;
	color: #fff
}
@media(max-width: 1240px) {
	.classroomv3 .hidden-sm {
	display: none !important
}
.classroomv3 .visible-sm {
	display: block !important
}
}@media(max-width: 1040px) {
	.classroomv3 .hidden-xs {
	display: none !important
}
.classroomv3 .visible-xs {
	display: block !important
}
.classroomv3 .classroom-header {
	margin: 0 auto;
	padding: 0
}
.classroomv3 .package-tmpl .package-container {
	margin-bottom: 40px
}
.classroomv3.isTeacher .container-fluid.wrapper {
	display: block;
	padding: 0
}
.classroomv3.isTeacher .classroom-tab-container li {
	display: none
}
.classroomv3.isTeacher .classroom-tab-container li.active {
	display: block
}
.classroomv3.isTeacher .classroom-container .tab-pane {
	display: none
}
.classroomv3.isTeacher .classroom-container .tab-pane.active {
	display: block
}
.classroomv3 .player-guide-container .guide__card {
	min-width: 300px;
	min-height: 340px;
	padding: 20px 20px
}
.classroomv3 .player-guide-container .guide__card .c-close-btn {
	width: 24px;
	height: 24px
}
.classroomv3 .player-guide-container .guide__card .c-close-btn .close {
	height: 15px
}
.classroomv3.guidebcg {
	width: 100vw
}
.classroomv3.guidebcg .js-player-menu-btn {
	z-index: 30;
	position: relative
}
}.classroomv3 {
	padding-top: 56px
}
.classroomv3 .certificate-modal__list__item__icon-container--lightbulb {
	background-color: unset
}
.classroomv3 .modal-close-btn {
	background-color: rgba(0,0,0,.2);
	border-radius: 50%;
	height: 24px;
	width: 24px;
	top: 10px;
	right: 10px
}
.classroomv3 .modal-close-btn .svg-icon {
	opacity: 1;
	fill: #fff;
	float: none;
	height: unset
}
.classroomv3 .classroom-attachment-modal .iframe-body {
	height: auto
}
.classroomv3 .classroom-attachment-modal .iframe-body .iframe-body-inner {
	min-height: auto
}
.classroomv3.night .player-toolbar {
	background: #1a1a1a;
	color: #fff
}
.classroomv3.night .player-toolbar .player-toolbar-inner .logo_icon.night {
	display: block
}
.classroomv3.night .player-toolbar .player-toolbar-inner .logo_icon.day {
	display: none
}
.classroomv3.night .toolbar__btn {
	border-color: #fff
}
.classroomv3.night .themes-toggle-btn .night svg {
	fill: #1a1a1a
}
.classroomv3.night .themes-toggle-btn .night span {
	color: #1a1a1a
}
.classroomv3.night .themes-toggle-btn .day {
	background: #1a1a1a
}
.classroomv3.night .themes_btn {
	background-color: #1a1a1a
}
.classroomv3.night .themes_btn .svg-icon {
	fill: #fff !important
}
.classroomv3.night .themes_btn span {
	color: #fff
}
.classroomv3.night .themes_btn span .svg-icon {
	fill: #fff
}
.classroomv3.night .js-player-menu-btn .player-toolbar_menu {
	background: #1a1a1a
}
.classroomv3.night .js-player-menu-btn .menu-btn {
	background: #1a1a1a
}
.classroomv3.night .js-player-menu-btn .menu-btn svg {
	fill: #fff
}
.classroomv3.night .player-sidebar .chapter-block {
	background: #1a1a1a
}
.classroomv3.night .player-sidebar .chapter-block .player-sidebar＿header .title {
	color: #fff
}
.classroomv3.night .player-sidebar .chapter-block .player-sidebar＿header .title .svg-icon {
	fill: #fff
}
.classroomv3.night .player-sidebar .chapter-block .chapter {
	background: #505050
}
.classroomv3.night .player-sidebar .unit-block {
	background: #1c1f22;
	border-bottom: 1px solid #1a1a1a
}
.classroomv3.night .player-sidebar .unit-block .unit-title {
	color: #fff
}
.classroomv3.night .player-sidebar .unit-block .unit-menu-icon {
	border-color: #019fdf
}
.classroomv3.night .player-sidebar .unit-block .unit-menu-icon svg {
	fill: #019fdf
}
.classroomv3.night .player-sidebar .unit-block .unit-menu-icon span {
	color: #019fdf
}
.classroomv3.night .player-sidebar .unit-block.active {
	background: rgba(1,159,222,.3)
}
.classroomv3.night .player-sidebar .unit-block .checkbox input[type=checkbox]+label {
	background-color: #1a1a1a
}
.classroomv3.night .player-sidebar .unit-block .checkbox input[type=checkbox]: disabled+label {
	background-color: #1a1a1a;
	border-color: #1a1a1a
}
.classroomv3.night .player-sidebar .unit-block .unit-title__area svg {
	fill: #fff
}
.classroomv3.night .player-sidebar .unit-container {
	background: #1a1a1a
}
.classroomv3.night .player-sidebar .all__note {
	color: #fff
}
.classroomv3.night .player-sidebar .all__note .svg-icon.back {
	fill: #fff
}
.classroomv3.night .player-sidebar .unit-manage-container .center-message {
	color: #fff;
	background: #1a1a1a
}
.classroomv3.night .player-sidebar .note-list-container .note-list: : -webkit-scrollbar-thumb {
	background-color: #019fde
}
.classroomv3.night .player-sidebar .note-list-container .note-block {
	background: #fff
}
.classroomv3.night .player-sidebar: : -webkit-scrollbar-thumb {
	background-color: #019fde
}
.classroomv3.night .player-sidebar .chapter_remind {
	background-color: #1c1f22
}
.classroomv3.night .homework-block .author .name {
	color: #bbb
}
.classroomv3.night .homework-block .comment-count-total {
	color: #fff
}
.classroomv3.night .homework-block .meta--inner .date {
	color: #bbb
}
.classroomv3.fundraising .icon-fill {
	fill: #ff5b74
}
.classroomv3 .logo-img--mobile {
	display: block
}
.classroomv3 .icon-fill {
	fill: #019fde
}
.classroomv3 .form-control: focus {
	border-width: 1px;
	border-style: solid
}
.classroomv3 .player-toolbar {
	display: flex;
	background: #fff;
	color: #4c545a;
	position: relative;
	height: 56px;
	top: 0;
	position: fixed;
	z-index: 1050;
	width: 100%
}
.classroomv3 .player-toolbar .player-toolbar-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%
}
.classroomv3 .player-toolbar .player-toolbar-inner .logo_icon {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0)
}
.classroomv3 .player-toolbar .player-toolbar-inner .logo_icon.night {
	display: none
}
.classroomv3 .player-toolbar .player-toolbar-inner .logo_icon svg {
	height: 30px;
	width: 106px
}
.classroomv3 .player-toolbar .player-toolbar_sider {
	display: none
}
.classroomv3 .player-toolbar .player-toolbar_sider .js-certificate-btn span {
	display: block !important
}
.classroomv3 .themes_btn .svg-icon {
	fill: #4c545a !important
}
.classroomv3 .themes_btn span {
	color: #4c545a;
	display: flex;
	justify-content: center;
	align-items: center
}
.classroomv3 .toolbar__btn {
	display: none;
	justify-content: center;
	align-items: center;
	padding: 0;
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	background-color: transparent;
	border-color: #4c545a;
	height: 40px;
	width: 120px;
	background: #fff;
	cursor: pointer
}
.classroomv3 .toolbar__btn .night {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: #4c545a
}
.classroomv3 .toolbar__btn .night .svg-icon {
	fill: #4c545a
}
.classroomv3 .toolbar__btn .day {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
	height: 100%;
	background: #4c545a
}
.classroomv3 .toolbar__btn .day span {
	color: #fff
}
.classroomv3 .toolbar__btn .close-btn {
	display: none
}
.classroomv3 .toolbar__btn.open {
	display: flex
}
.classroomv3 .js-player-menu-btn {
	z-index: 1050;
	position: fixed;
	width: 100%
}
.classroomv3 .js-player-menu-btn .menu-btn {
	z-index: 1050;
	position: fixed;
	top: 0;
	right: 0;
	background: #fff;
	border: none
}
.classroomv3 .js-player-menu-btn .menu-btn .svg-icon {
	height: 24px;
	width: 24px;
	margin-top: 16px;
	margin-right: 20px;
	fill: #4c545a;
	opacity: 1
}
.classroomv3 .js-player-menu-btn .menu-btn.close-btn {
	z-index: 1050;
	display: none
}
.classroomv3 .js-player-menu-btn .player-toolbar_menu {
	background: #fff;
	padding: 20px;
	display: none
}
.classroomv3 .js-player-menu-btn .player-toolbar_menu .menu_list {
	display: flex;
	justify-content: center;
	width: 100%
}
.classroomv3 .js-player-menu-btn .player-toolbar_menu .menu_list: nth-child(3) {
	margin-top: 20px
}
.classroomv3 .js-player-menu-btn .player-toolbar_menu .menu_list .js-certificate-btn span {
	display: block !important
}
.classroomv3 .js-player-menu-btn .player-toolbar_menu .toolbar__btn {
	width: 100%
}
.classroomv3 .js-player-menu-btn .player-toolbar_menu .themes_btn: first-child {
	margin-right: 20px
}
.classroomv3 .js-player-menu-btn .player-toolbar_menu .themes_btn.btn__switch {
	margin-right: 0px;
	margin-bottom: 20px;
	width: 100%;
	display: flex
}
.classroomv3 .js-player-menu-btn.open .player-toolbar_menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}
.classroomv3 .js-player-menu-btn.open .menu-btn {
	display: none
}
.classroomv3 .js-player-menu-btn.open .menu-btn.close-btn {
	display: block
}
.classroomv3 .player-title {
	padding: 5px 20px;
	font-size: 18px;
	line-height: 21px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.classroomv3 .player-sidebar {
	overflow-x: hidden;
	overflow-y: auto;
	margin: auto;
	height: calc(100vh - 65px) !important;
	background: unset;
	padding-right: 1px
}
.classroomv3 .player-sidebar: : -webkit-scrollbar {
	display: none
}
.classroomv3 .player-sidebar .chapter-list {
	height: calc(100vh - 110px) !important;
	overflow-x: hidden;
	overflow-y: auto;
	position: sticky;
	top: 155px;
	padding-right: 1px
}
.classroomv3 .player-sidebar .chapter-list: : -webkit-scrollbar {
	width: 5px
}
.classroomv3 .player-sidebar .chapter-list: : -webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #909090
}
.classroomv3 .player-sidebar .chapter-block {
	background: #fff;
	color: #4c545a
}
.classroomv3 .player-sidebar .chapter-block .player-sidebar＿header {
	display: flex;
	justify-content: space-between;
	margin: 10px
}
.classroomv3 .player-sidebar .chapter-block .player-sidebar＿header .title {
	display: flex;
	align-items: center
}
.classroomv3 .player-sidebar .chapter-block .player-sidebar＿header .title .svg-icon {
	height: 1.8rem;
	fill: #4c545a
}
.classroomv3 .player-sidebar .chapter-block .player-sidebar＿header .title span {
	margin: 0 0 0 4px;
	font-family: HelveticaNeue;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.33
}
.classroomv3 .player-sidebar .chapter-block .player-sidebar＿header button {
	width: 100px;
	font-size: 14px
}
.classroomv3 .player-sidebar .chapter-block .chapter {
	z-index: 10;
	background: #4c545a;
	padding: 15px 10px;
	cursor: pointer
}
.classroomv3 .player-sidebar .chapter-block .chapter .chapter_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-height: 40px;
	height: auto
}
.classroomv3 .player-sidebar .chapter-block .chapter .chapter_detail {
	font-family: HelveticaNeue;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.17;
	text-align: left;
	color: #ddd;
	margin-top: 10px;
	display: flex
}
.classroomv3 .player-sidebar .chapter-block .chapter .back {
	fill: #fff;
	transform: rotate(90deg);
	height: 24px
}
.classroomv3 .player-sidebar .chapter-block .chapter.is--close {
	margin-bottom: 1px
}
.classroomv3 .player-sidebar .chapter-block .chapter.is--close .back {
	transform: rotate(-90deg)
}
.classroomv3 .player-sidebar .chapter-block.hide {
	display: none !important
}
.classroomv3 .player-sidebar .chapter-title {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	font-family: HelveticaNeue;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	color: #fff;
	padding: 0;
	line-height: 20px;
	width: 90%;
	height: auto
}
.classroomv3 .player-sidebar .chapter_remind {
	color: #019fde;
	border: 1px solid #019fde;
	background-color: #f5f5f5;
	height: 28px;
	display: flex;
	align-items: center
}
.classroomv3 .player-sidebar .chapter_remind .svg-icon {
	fill: #019fde;
	margin: 0 10px
}
.classroomv3 .player-sidebar .chapter_remind span {
	font-size: 12px;
	cursor: default
}
.classroomv3 .player-sidebar .unit-block {
	background: #f5f5f5;
	color: #4c545a;
	font-size: 16px;
	padding: 8px 0;
	border-bottom: 1px solid #fff;
	transition: all .5s ease;
	cursor: pointer
}
.classroomv3 .player-sidebar .unit-block: hover {
	color: #4c545a
}
.classroomv3 .player-sidebar .unit-block: hover .unit-menu-icon {
	color: #4c545a
}
.classroomv3 .player-sidebar .unit-block.active {
	background: #ddd;
	color: #4c545a
}
.classroomv3 .player-sidebar .unit-block.active .unit-menu-icon {
	color: #4c545a
}
.classroomv3 .player-sidebar .unit-block.active .play_now {
	display: flex
}
.classroomv3 .player-sidebar .unit-block.is--restricted {
	cursor: not-allowed
}
.classroomv3 .player-sidebar .unit-block.is--restricted *[func="lecture/play"],.classroomv3 .player-sidebar .unit-block.is--restricted *[func="lecture/status"] {
	pointer-events: none
}
.classroomv3 .player-sidebar .unit-block .checkbox {
	margin: 0 10px 0 11px;
	text-align: center;
	height: auto;
	display: flex;
	justify-content: center;
	margin-top: 3px
}
.classroomv3 .player-sidebar .unit-block .checkbox input[type=checkbox] {
	opacity: 0;
	position: absolute;
	right: 0;
	height: 16px;
	width: 16px;
	margin: 0
}
.classroomv3 .player-sidebar .unit-block .checkbox input[type=checkbox]+label {
	padding-left: 0px;
	min-height: auto;
	border: 1px solid #909090;
	user-select: none;
	border-radius: 2px;
	height: 16px;
	width: 16px;
	cursor: pointer
}
.classroomv3 .player-sidebar .unit-block .checkbox input[type=checkbox]+label .svg-icon {
	display: none
}
.classroomv3 .player-sidebar .unit-block .checkbox input[type=checkbox]: disabled+label {
	background-color: #ddd;
	border-color: #ddd;
	cursor: not-allowed
}
.classroomv3 .player-sidebar .unit-block .checkbox input[type=checkbox]: checked+label {
	background-color: #019fde
}
.classroomv3 .player-sidebar .unit-block .checkbox input[type=checkbox]: checked+label .svg-icon {
	display: block;
	fill: #fff;
	margin: 0;
	height: auto;
	width: auto
}
.classroomv3 .player-sidebar .unit-block .unit-info {
	line-height: normal;
	width: 100%
}
.classroomv3 .player-sidebar .unit-block .unit-info .unit-tag {
	display: inline-block;
	width: 48px
}
.classroomv3 .player-sidebar .unit-block .unit-title__area {
	display: flex;
	margin-bottom: 14px;
	justify-content: space-between
}
.classroomv3 .player-sidebar .unit-block .unit-title__area .unit-title {
	margin-bottom: 0px;
	margin-right: 16px;
	font-size: 14px;
	padding-right: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}
.classroomv3 .player-sidebar .unit-block .unit-title__area .unit-title .title__play,.classroomv3 .player-sidebar .unit-block .unit-title__area .unit-title .title__pause {
	vertical-align: sub
}
.classroomv3 .player-sidebar .unit-block .unit-title__area svg {
	height: 18px;
	margin: 0;
	fill: #4c545a
}
.classroomv3 .player-sidebar .unit-block .play_now {
	display: none;
	color: #ff5b74;
	font-family: HelveticaNeue;
	font-size: 12px
}
.classroomv3 .player-sidebar .unit-block .last_view {
	color: #ff5b74;
	font-family: HelveticaNeue;
	font-size: 12px
}
.classroomv3 .player-sidebar .unit-block .unit-detial {
	height: 20px;
	line-height: 20px
}
.classroomv3 .player-sidebar .unit-block .unit-detial .lock {
	color: #909090;
	font-size: 14px
}
.classroomv3 .player-sidebar .unit-block .unit-time {
	margin-right: 10px;
	color: #909090;
	font-size: 14px
}
.classroomv3 .player-sidebar .unit-block .unit-menu-group {
	display: inline-flex;
	margin-right: 16px;
	width: 210px;
	justify-content: flex-end
}
.classroomv3 .player-sidebar .unit-block .unit-menu-group.unit-menu-group__noVideo {
	width: auto
}
.classroomv3 .player-sidebar .unit-block .unit-menu-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #4c545a;
	margin-left: 8px;
	position: relative;
	height: 25px;
	width: 65px;
	cursor: pointer;
	transition: all .5s ease;
	background-color: unset
}
.classroomv3 .player-sidebar .unit-block .unit-menu-icon svg {
	fill: #4c545a
}
.classroomv3 .player-sidebar .unit-block .unit-menu-icon span {
	font-size: 14px
}
.classroomv3 .player-sidebar .unit-block .download_note {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #bbb;
	position: relative;
	height: 25px;
	font-size: 14px;
	cursor: pointer;
	transition: all .5s ease;
	background-color: #bbb;
	color: #019fde
}
.classroomv3 .player-sidebar .unit-block .download_note span {
	color: #fff
}
.classroomv3 .player-sidebar .unit-block .download_note.active {
	border-color: #019fde;
	background-color: unset
}
.classroomv3 .player-sidebar .unit-block .download_note.active span {
	color: #019fde
}
.classroomv3 .player-sidebar .unit-block .tag {
	border: 1px solid #999;
	padding: 0 4px;
	line-height: normal;
	text-align: center;
	font-size: 12px;
	background: transparent;
	cursor: pointer
}
.classroomv3 .player-sidebar .unit-block .tag.complete {
	color: #019fde;
	border-color: #019fde
}
.classroomv3 .player-sidebar .unit-block .tag.complete-confirm {
	color: #019fde;
	border-color: #019fde
}
.classroomv3 .player-sidebar .unit-block .tag.play {
	color: #ff5b74;
	border-color: #ff5b74
}
.classroomv3 .player-sidebar .unit-container {
	position: absolute;
	top: 0;
	right: -1000px;
	height: 100%;
	background: #fff;
	z-index: 50
}
.classroomv3 .player-sidebar .unit-container .chapter-title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	height: 40px;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	color: #fff
}
.classroomv3 .player-sidebar .unit-container .unit-block {
	padding: 16px
}
.classroomv3 .player-sidebar .unit-container .unit-block .no {
	display: none
}
.classroomv3 .player-sidebar .unit-container .unit-title {
	padding-right: 0px
}
.classroomv3 .player-sidebar .unit-container .unit-menu-group {
	margin-right: 0
}
.classroomv3 .player-sidebar .unit-manage-container {
	position: relative
}
.classroomv3 .player-sidebar .unit-manage-container .center-message {
	height: 100%;
	font-size: 14px;
	text-align: center;
	color: #5f5f5f
}
.classroomv3 .player-sidebar .unit-manage-container .center-message.note {
	display: flex;
	height: auto;
	margin-top: 40px
}
.classroomv3 .player-sidebar .unit-manage-container .center-message.note p {
	display: flex;
	flex-direction: column
}
.classroomv3 .player-sidebar .unit-manage-container .center-message.note p svg {
	width: 140px;
	height: 140px;
	margin-bottom: 20px
}
.classroomv3 .player-sidebar .unit-manage-container .center-message img {
	display: block
}
.classroomv3 .player-sidebar .unit-manage-container .center-message button {
	margin: 16px auto
}
.classroomv3 .player-sidebar .attachment-list .attachment-block {
	padding: 16px;
	border-bottom: 1px solid #d3dee5
}
.classroomv3 .player-sidebar .attachment-list .attachment-block .title {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #4c545a;
	font-size: 13px
}
.classroomv3 .player-sidebar .attachment-list .attachment-block .btn {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	color: #019fde
}
.classroomv3 .player-sidebar .attachment-list .attachment-block .btn i {
	font-size: 16px
}
.classroomv3 .player-sidebar .attachment-list .attachment-block .btn: hover {
	color: #007fb1
}
.classroomv3 .player-sidebar .quiz-containter .btn-open {
	display: block
}
.classroomv3 .player-sidebar .quiz-containter .btn-close {
	display: none
}
.classroomv3 .player-sidebar .quiz-containter.open .btn-open {
	display: none
}
.classroomv3 .player-sidebar .quiz-containter.open .btn-close {
	display: block
}
.classroomv3 .player-sidebar .note-list-container {
	position: relative
}
.classroomv3 .player-sidebar .note-list-container .note-list {
	height: calc(100vh - 205px);
	overflow-y: auto
}
.classroomv3 .player-sidebar .note-list-container .note-list: : -webkit-scrollbar {
	width: 5px
}
.classroomv3 .player-sidebar .note-list-container .note-list: : -webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #909090
}
.classroomv3 .player-sidebar .note-list-container .note-block {
	position: relative;
	padding: 10px;
	margin: 10px;
	border-radius: 4px;
	transition: all .5s ease;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.2)
}
.classroomv3 .player-sidebar .note-list-container .note-block: hover .content {
	color: #019fde
}
.classroomv3 .player-sidebar .note-list-container .note-block.is-delete .note-block__delete {
	display: flex
}
.classroomv3 .player-sidebar .note-list-container .note-block .info {
	line-height: 30px
}
.classroomv3 .player-sidebar .note-list-container .note-block .time {
	font-size: 14px;
	color: #019fde;
	background: unset;
	padding: 4px;
	line-height: 16px;
	height: 24px;
	margin-bottom: 8px
}
.classroomv3 .player-sidebar .note-list-container .note-block .time.editing {
	padding: 10px 0
}
.classroomv3 .player-sidebar .note-list-container .note-block .goto-btn {
	padding: 0px;
	color: #019fde;
	font-size: 14px;
	line-height: 14px;
	height: 24px;
	display: flex;
	align-items: center;
	margin-left: 0px;
	visibility: visible;
	opacity: 1
}
.classroomv3 .player-sidebar .note-list-container .note-block .goto-btn .goto-icon {
	width: 16px;
	height: 16px
}
.classroomv3 .player-sidebar .note-list-container .note-block .goto-btn .svg-icon {
	fill: #019fde;
	height: 14px
}
.classroomv3 .player-sidebar .note-list-container .note-block .manage-btn {
	margin-left: 8px;
	font-size: 16px;
	color: #d3dee5;
	height: 20px;
	transition: all .5s ease;
	padding: 0 4px
}
.classroomv3 .player-sidebar .note-list-container .note-block .manage-btn .svg-icon {
	height: 100%
}
.classroomv3 .player-sidebar .note-list-container .note-block .manage-btn: hover {
	color: #019fde
}
.classroomv3 .player-sidebar .note-list-container .note-block .manage-btn .icon-edit: hover: : before {
	background-color: #019fde
}
.classroomv3 .player-sidebar .note-list-container .note-block .manage-btn .icon-edit: : before {
	content: "";
	mask-image: url(../image/icon/icon-edit.svg);
	-webkit-mask-image: url(../image/icon/icon-edit.svg);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #d3dee5
}
.classroomv3 .player-sidebar .note-list-container .note-block .content {
	color: #4c545a;
	line-height: normal;
	font-size: 16px;
	word-break: break-word;
	border: none;
	transition: all .5s ease
}
.classroomv3 .player-sidebar .note-list-container .note-block .edit-note-block textarea {
	width: 100%;
	border: 1px solid #d3dee5;
	margin-bottom: 8px;
	padding: 8px;
	font-size: 16px;
	line-height: normal
}
.classroomv3 .player-sidebar .note-list-container .note-block .edit-note-block .btn {
	margin-left: 8px;
	width: 80px;
	height: 30px;
	border-radius: 4px
}
.classroomv3 .player-sidebar .note-list-container .note-block .note-block__delete {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: rgba(0,0,0,.7);
	backdrop-filter: blur(3px);
	border-radius: 4px
}
.classroomv3 .player-sidebar .note-list-container .note-block .note-block__delete .btn {
	width: 80px;
	height: 30px;
	margin: 10px 5px 0px 5px
}
.classroomv3 .player-sidebar .note-list-container .note-block .note-block__delete .btn-blue-border {
	border: none
}
.classroomv3 .player-sidebar .all__note {
	display: flex;
	align-items: center;
	position: relative;
	width: calc(100% - 40px);
	height: 30px;
	line-height: 1.28;
	text-align: initial;
	background-color: unset;
	border: none;
	font-family: HelveticaNeue;
	font-size: 14px;
	background-color: unset;
	padding: 0 10px
}
.classroomv3 .player-sidebar .all__note a {
	display: inline-flex;
	align-items: center
}
.classroomv3 .player-sidebar .all__note .svg-icon.back {
	fill: #4c545a;
	height: 26px
}
.classroomv3 .player-sidebar .all__note span {
	font-size: 14px
}
.classroomv3 .player-sidebar .tab__note {
	position: relative
}
.classroomv3 .sidebar_desktop {
	display: none
}
.classroomv3 .player-preview-picture {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	z-index: 1
}
.classroomv3 .player-content-container .btn-icon,.classroomv3 .player-pause-container .btn-icon,.classroomv3 .player-end-container .btn-icon {
	margin: 0 10px;
	padding: 0
}
.classroomv3 .player-content-container .img-icon,.classroomv3 .player-pause-container .img-icon,.classroomv3 .player-end-container .img-icon {
	height: 42px
}
.classroomv3 .player-content-container .video-play,.classroomv3 .player-content-container .video-pause,.classroomv3 .player-pause-container .video-play,.classroomv3 .player-pause-container .video-pause,.classroomv3 .player-end-container .video-play,.classroomv3 .player-end-container .video-pause {
	height: 60px
}
.classroomv3 .player-content-container.is--making {
	backdrop-filter: blur(5px)
}
.classroomv3 .player-content-container .making-mask .btn {
	cursor: default
}
.classroomv3 .player-content-container .making-text {
	font-size: 16px;
	font-weight: 500;
	line-height: 19px;
	color: #fff;
	margin-top: 10px
}
.classroomv3 .player-content-container .svg-icon {
	margin: 0;
	height: 60px
}
.classroomv3 .player-pause-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	display: none
}
.classroomv3 .player-pause-container .is-disable {
	pointer-events: none;
	opacity: 0
}
.classroomv3 .vjs-paused.vjs-has-started .vjs-big-play-button {
	display: none !important
}
.classroomv3 .player-end-container {
	display: flex;
	justify-content: center;
	align-items: center
}
.classroomv3 .player-end-container .svg-icon {
	margin: 0;
	height: 60px
}
.classroomv3.day .player__footer {
	background-color: #fff
}
.classroomv3.day .player__footer--note textarea {
	color: #4c545a
}
.classroomv3.day .player__footer--note .note__save {
	border-color: #909090;
	background-color: #f5f5f5
}
.classroomv3.day .player__footer--note .note__save: focus {
	border: 1px solid #019fdf
}
.classroomv3.day .player__footer--btn {
	color: #909090
}
.classroomv3.day .player__footer--btn: hover {
	color: #019fde
}
.classroomv3 .player__footer {
	height: auto;
	padding: 20px;
	font-size: 14px
}
.classroomv3 .player__footer--note {
	height: 40px;
	min-height: 40px;
	margin-right: 20px
}
.classroomv3 .player__footer--note: : after {
	display: none;
	top: 18px
}
.classroomv3 .player__footer--note .note__save {
	height: 40px;
	min-height: 40px;
	padding: 9px 8px;
	font-size: 16px
}
.classroomv3 .player__footer--btn {
	border-radius: 30px;
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: normal;
	height: 40px;
	padding: 10px
}
.classroomv3 .player__footer--btn: last-child {
	margin-left: 0
}
.classroomv3 .player__footer--btn .player__footer--mark {
	padding-right: 6px;
	font-size: 16px;
	font-weight: 500;
	color: #909090
}
.classroomv3 .player__footer--btn: hover .player__footer--mark {
	color: #019fde
}
.classroomv3 .vjs-logo img {
	width: 150px
}
.classroomv3 .player-quiz-container {
	background-color: rgba(0,0,0,.9);
	overscroll-behavior: contain;
	z-index: 1070;
	position: fixed;
	height: 100%;
	top: 0
}
.classroomv3 .player-quiz-container .quiz-container {
	height: 100%
}
.classroomv3 .player-quiz-container .quiz-container .quiz-list {
	overflow-y: scroll;
	overscroll-behavior: contain
}
.classroomv3 .player-quiz-container .quiz-container .quiz-container-header h2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	line-height: 25px;
	height: 65px
}
.classroomv3 .video-js .vjs-big-play-button {
	background: none
}
.classroomv3 .video-js .vjs-big-play-button: : before {
	display: none
}
.classroomv3 .video-js .vjs-big-play-button .video-play,.classroomv3 .video-js .vjs-big-play-button .video-pause {
	height: 60px
}
.classroomv3 .video-js .vjs-replay-button {
	display: none
}
.classroomv3 .video-js .vjs-control-bar {
	display: flex;
	justify-content: center;
	align-content: center;
	height: 35px
}
.classroomv3 .video-js .vjs-control-bar .img-icon {
	height: 20px;
	vertical-align: middle;
	filter: drop-shadow(1px 1px 1px #000)
}
.classroomv3 .video-js .vjs-control-bar .vjs-progress-control {
	bottom: 30px;
	z-index: 2
}
.classroomv3 .video-js .vjs-menu-button .vjs-menu {
	z-index: 2
}
.classroomv3 .video-js .vjs-menu-settings {
	z-index: 2
}
.classroomv3 .video-js .vjs-text-track-display.top .vjs-text-track-cue {
	top: 10px !important
}
.classroomv3 .video-js .progress-tag {
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 12px;
	padding: 0 5px;
	line-height: normal;
	text-align: center;
	z-index: 1
}
.classroomv3 .video-js .progress-tag: after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 5px;
	margin-left: -5px
}
.classroomv3 .video-js .progress-tag.last,.classroomv3 .video-js .progress-tag.jump-last {
	-webkit-animation: updown ease 1.5s infinite;
	-moz-animation: updown ease 1.5s infinite;
	-o-animation: updown ease 1.5s infinite;
	animation: updown ease 1.5s infinite;
	background: #ffc669;
	color: #fff;
	z-index: 1
}
.classroomv3 .video-js .progress-tag.last: after,.classroomv3 .video-js .progress-tag.jump-last: after {
	border-top-color: #ffc669
}
.classroomv3 .video-js .progress-tag.current,.classroomv3 .video-js .progress-tag.note,.classroomv3 .video-js .progress-tag.discuss {
	background: #019fde;
	color: #fff
}
.classroomv3 .video-js .progress-tag.current: after,.classroomv3 .video-js .progress-tag.note: after,.classroomv3 .video-js .progress-tag.discuss: after {
	border-top-color: #019fde
}
.classroomv3 .video-js .progress-tag.is-front: after {
	left: calc(0% + 20px)
}
.classroomv3 .video-js .progress-tag.is-back: after {
	left: calc(100% - 20px)
}
.classroomv3 .vjs-pause-container .vjs-button {
	margin: 0 10px;
	padding: 0;
	width: fit-content
}
.classroomv3 .vjs-subtitle-position .vjs-menu {
	position: absolute;
	bottom: 40px;
	color: #222;
	background-color: #fff;
	display: block !important;
	right: 0;
	margin: 0;
	padding: 0;
	width: auto;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	transform-origin: bottom right;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.classroomv3 .vjs-title-bar {
	padding: 0 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 82px;
	line-height: 82px;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
	font-size: 16px;
	z-index: 2;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.classroomv3 .vjs-has-started.vjs-user-inactive.vjs-paused .vjs-title-bar,.classroomv3 .vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar,.classroomv3 .vjs-has-started.vjs-user-inactive.vjs-paused .vjs-pause-container,.classroomv3 .vjs-has-started.vjs-user-inactive.vjs-playing: not(.vjs-ad-playing) .vjs-title-bar {
	visibility: hidden;
	opacity: 0
}
.classroomv3 .vjs-has-started.vjs-user-active .vjs-pause-container {
	display: flex
}
.classroomv3 .vjs-has-started.vjs-user-active.vjs-ended .vjs-pause-container {
	display: none
}
.classroomv3 .vjs-has-started.vjs-user-active.vjs-paused .vjs-pause-container .vjs-play-button {
	display: block
}
.classroomv3 .vjs-has-started.vjs-user-active.vjs-paused .vjs-pause-container .vjs-pause-button {
	display: none
}
.classroomv3 .vjs-has-started.vjs-user-active.vjs-playing .vjs-pause-container .vjs-play-button {
	display: none
}
.classroomv3 .vjs-has-started.vjs-user-active.vjs-playing .vjs-pause-container .vjs-pause-button {
	display: block
}
.classroomv3 .vjs-marker--note {
	position: absolute;
	top: 5px;
	padding: 5px;
	margin-left: -7px
}
.classroomv3 .vjs-marker--note .vjs-marker-inn {
	width: 4px;
	height: 3px;
	background-color: #019fde
}
.classroomv3 .class-manage-info,.classroomv3 .manage-content-container {
	padding-right: 0;
	padding-left: 0
}
.classroomv3 .homework-intro img {
	width: 100%
}
.classroomv3 .homework-intro .format img {
	width: auto
}
.classroomv3 .homework-list-row.mine .edit-block .editor-link {
	font-size: 16px
}
.classroomv3 .homework-list-row.mine .homework-block {
	width: 100%;
	margin-right: 0;
	margin-left: 0
}
.classroomv3 .homework-list-row .homework-block .author {
	padding: 12px 20px;
	position: relative;
	margin-bottom: 0
}
.classroomv3 .homework-list-row .homework-block .cover {
	border-radius: 0
}
.classroomv3 .homework-list-row .private-btn {
	top: -15px;
	border-radius: 50%;
	width: 24px;
	height: auto;
	background-color: #019fde
}
.classroomv3 .homework-list-row .private-btn svg {
	margin: 0px;
	fill: #fff
}
.classroomv3 .homework-list-row .title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 40px;
	line-height: 20px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.classroomv3 .homework-list-row .comment-count {
	color: #707070
}
.classroomv3 .js-homework-spec-list .btn[data-gene="click: loadMoreHwList"] {
	margin-top: 30px
}
.classroomv3 .homework-list .underline-title {
	color: #019fde
}
.classroomv3 .homework-spec-block {
	width: 100%;
	margin-left: 0;
	margin-right: 0
}
.classroomv3 .homework-spec-block .title {
	font-size: 14px;
	margin-bottom: 12.6px
}
.classroomv3 .homework-spec-block .info {
	font-size: 18px;
	height: 60px;
	line-height: 28px
}
.classroomv3 .homework-spec-block .btn {
	padding: 12px 16px;
	margin-top: 24.4px
}
.classroomv3 .modal--rating-list .comment__author h5 {
	color: #707070;
	font-size: 16px
}
.classroomv3 .report-bug-form.modal__body {
	padding: 10px;
	align-items: stretch;
	text-align: left
}
.classroomv3 .report-bug-form .modal__title {
	text-align: center
}
.classroomv3 .report-bug-form .modal__subtitle {
	margin: 5px 0 20px;
	text-align: center;
	color: #019fde
}
.classroomv3 .report-bug-form .form-group {
	margin-bottom: 20px
}
.classroomv3 .report-bug-form .form-group h5 {
	margin-bottom: 10px
}
.classroomv3 .report-bug-form .form-group .form-control {
	border-radius: 4px
}
.classroomv3 .report-bug-form .form-group .form-control[name=type] {
	cursor: pointer
}
.classroomv3 .report-bug-form .form-group.has-error {
	position: relative
}
.classroomv3 .report-bug-form .form-group.has-error .error-msg {
	position: absolute;
	right: 0;
	margin-bottom: 0
}
.classroomv3 .report-bug-form .form-scroll {
	margin: 0 -10px;
	height: 300px;
	overflow-y: scroll
}
.classroomv3 .report-bug-form .form-step {
	display: none
}
.classroomv3 .report-bug-form .form-step.is-current {
	display: flex;
	flex-direction: column
}
.classroomv3 .report-bug-form .form-step: first-child .step-content {
	min-height: 400px
}
.classroomv3 .report-bug-form .form-step .step-content {
	margin: 0 10px
}
.classroomv3 .report-bug-form .btn-area {
	margin-top: 20px;
	display: flex
}
.classroomv3 .report-bug-form .btn-area .btn {
	margin-left: 16px;
	flex: 1
}
.classroomv3 .report-bug-form .btn-area .btn: first-child {
	margin-left: 0
}
.classroomv3 .report-bug-form .form__title {
	display: flex;
	justify-content: space-between
}
.classroomv3 .report-bug-form .checkbox-sum {
	font-weight: 500
}
.classroomv3 .report-bug-form .checkbox-sum span {
	color: #019fdf
}
.classroomv3 .report-bug-form .checkbox-group {
	display: flex;
	flex-wrap: wrap
}
.classroomv3 .report-bug-form .checkbox-group__item {
	margin: 0 15px 10px 0
}
.classroomv3 .report-bug-form .checkbox-group__item input {
	display: none
}
.classroomv3 .report-bug-form .checkbox-group__item label {
	margin-bottom: 0
}
.classroomv3 .report-bug-success-div {
	padding: 60px 40px
}
.classroomv3 .d-lg-block,.classroomv3 .d-lg-flex {
	display: none
}
@media(min-width: 568px) {
	.classroomv3 .modal-close-btn {
	height: 36px;
	width: 36px
}
.classroomv3 .modal-close-btn .svg-icon {
	height: 3rem
}
.classroomv3 .player-sidebar {
	width: 568px
}
.classroomv3 .player-sidebar .unit-block .unit-title__area .unit-title {
	font-size: 16px
}
.classroomv3 .player-sidebar .all__note {
	padding: 0 16px
}
.classroomv3 .player-sidebar .all__note .svg-icon.back {
	height: 28px
}
.classroomv3 .player-sidebar .all__note span {
	font-size: 16px
}
.classroomv3 .player-sidebar .chapter-block .player-sidebar＿header .title span {
	font-size: 18px
}
.classroomv3 .player-sidebar .chapter-title {
	font-size: 16px
}
.classroomv3 .nav-tabs_sidebar {
	width: 568px
}
.classroomv3 .homework-list-row {
	font-size: 0
}
.classroomv3 .homework-list-row.manage .homework-block {
	width: calc(50% - 20px);
	margin-right: 25px;
	margin-left: 0
}
.classroomv3 .homework-list-row.manage .homework-block: nth-child(2n) {
	margin-right: 0
}
.classroomv3 .js-homework-spec-list .btn[data-gene="click: loadMoreHwList"] {
	margin-top: 50px
}
.classroomv3 .homework-spec-block {
	width: calc(50% - 10px);
	margin-left: 0;
	margin-right: 10px
}
.classroomv3 .homework-spec-block: nth-child(2n) {
	margin-right: 0
}
.classroomv3 .homework-spec-block .title {
	font-size: 16px
}
.classroomv3 .homework-spec-block .info {
	font-size: 20px;
	height: 60px
}
.classroomv3 .homework-spec-block .btn {
	padding: 12px 16px;
	margin-top: 52.4px
}
.classroomv3 .report-bug-form.modal__body {
	padding: 20px
}
.classroomv3 .report-bug-form .modal__subtitle {
	margin: 10px 0 20px
}
}@media(min-width: 769px) {
	.classroomv3 {
	padding-top: 70px
}
.classroomv3 .player-sidebar {
	width: 740px
}
.classroomv3 .player-sidebar .unit-block .checkbox input[type=checkbox] {
	height: 18px;
	width: 18px
}
.classroomv3 .player-sidebar .unit-block .checkbox input[type=checkbox]+label {
	height: 18px;
	width: 18px
}
.classroomv3 .player-toolbar {
	height: 70px
}
.classroomv3 .player-toolbar .player-toolbar-inner {
	justify-content: space-between
}
.classroomv3 .player-toolbar .player-toolbar-inner .toolbar__btn {
	display: flex;
	margin: 0 0 0 10px;
	width: 95px
}
.classroomv3 .player-toolbar .player-toolbar-inner .toolbar__btn.themes-toggle-btn {
	margin-right: 10px
}
.classroomv3 .player-toolbar .player-toolbar_sider {
	display: flex;
	align-items: center
}
.classroomv3 .menu-btn {
	display: none
}
.classroomv3 .player-title {
	padding: 15px 20px;
	font-size: 22px;
	line-height: 27px
}
.classroomv3 .js-player-menu-btn.open .player-toolbar_menu {
	display: none
}
.classroomv3 .js-player-menu-btn.open .menu-btn {
	display: none
}
.classroomv3 .js-player-menu-btn.open .menu-btn.close-btn {
	display: none
}
.classroomv3 .homework-list-row {
	font-size: 0
}
.classroomv3 .homework-list-row.manage .homework-block {
	width: calc(25% - 18.75px);
	margin-right: 25px;
	margin-left: 0
}
.classroomv3 .homework-list-row.manage .homework-block: nth-child(2n) {
	margin-right: 25px
}
.classroomv3 .homework-list-row.manage .homework-block: nth-child(4n) {
	margin-right: 0
}
}@media(min-width: 991px) {
	.classroomv3 .homework-spec-block {
	width: calc(33% - 20px);
	margin-right: 10px
}
.classroomv3 .homework-spec-block: nth-child(3n) {
	margin-right: 0
}
.classroomv3 .homework-spec-block: nth-child(2n) {
	margin-right: 10px
}
}@media(min-width: 1041px) {
	.classroomv3 .player-sidebar {
	height: calc(100vh - 85px) !important;
	margin: 0;
	width: 320px;
	position: sticky;
	top: 80px
}
.classroomv3 .player-sidebar .unit-container {
	height: calc(100vh - 120px)
}
.classroomv3 .player-sidebar .note-list-container .note-list {
	overscroll-behavior: contain;
	height: calc(100vh - 310px);
	overflow-y: auto
}
.classroomv3 .player-sidebar .chapter-list {
	height: calc(100vh - 120px) !important
}
.classroomv3 .player-container {
	margin: 0 20px;
	position: relative
}
.classroomv3 .player-content-container .btn-icon,.classroomv3 .player-pause-container .btn-icon,.classroomv3 .player-end-container .btn-icon {
	margin: 0 40px
}
.classroomv3 .player-content-container .video-play,.classroomv3 .player-content-container .video-pause,.classroomv3 .player-pause-container .video-play,.classroomv3 .player-pause-container .video-pause,.classroomv3 .player-end-container .video-play,.classroomv3 .player-end-container .video-pause {
	height: 100px
}
.classroomv3 .player-content-container .making-text {
	font-size: 20px;
	margin-top: 20px
}
.classroomv3 .player-toolbar .player-toolbar-inner .toolbar__btn {
	margin: 0 0 0 20px;
	width: 120px
}
.classroomv3 .player-toolbar .player-toolbar-inner .toolbar__btn.themes-toggle-btn {
	margin-right: 20px
}
.classroomv3 .player__footer {
	font-size: 16px
}
.classroomv3 .player__footer--note {
	height: 50px;
	min-height: 50px
}
.classroomv3 .player__footer--note: : after {
	display: block
}
.classroomv3 .player__footer--note .note__save {
	height: 50px;
	min-height: 50px;
	padding: 14px 29px 14px 34px
}
.classroomv3 .player__footer--note .note__save: focus {
	padding: 14px 29px
}
.classroomv3 .player__footer--btn {
	font-size: 16px;
	height: 50px;
	padding: 14px 29px
}
.classroomv3 .nav-tabs_sidebar {
	display: none
}
.classroomv3 .classroom-container .tab-pane#video {
	display: none
}
.classroomv3 .classroom-container .tab-pane.sidebar-container {
	display: none
}
.classroomv3 .player-quiz-container {
	position: absolute
}
.classroomv3 .player-quiz-container .quiz-container .quiz-list {
	height: 85%
}
.classroomv3 .sidebar_desktop {
	display: flex;
	padding: 0 20px 0 0;
	margin: 0
}
.classroomv3 .video-js .vjs-big-play-button .video-play {
	height: 100px
}
.classroomv3 .vjs-pause-container .vjs-button {
	margin: 0 40px
}
.classroomv3 .d-lg-none {
	display: none
}
.classroomv3 .d-lg-block {
	display: block
}
.classroomv3 .d-lg-flex {
	display: flex
}
.classroomv3 .homework-list-row.manage .homework-block {
	width: calc(50% - 20px);
	margin-right: 25px;
	margin-left: 0
}
.classroomv3 .homework-list-row.manage .homework-block: nth-child(2n) {
	margin-right: 0
}
}@media(min-width: 1240px) {
	.classroomv3 .player-sidebar {
	width: 420px
}
.classroomv3 .player-sidebar .note-list-container .note-list {
	height: calc(100vh - 250px)
}
.classroomv3 .player-sidebar .unit-block .unit-menu-icon.unit_exam {
	display: flex
}
.classroomv3 .player-sidebar .unit-block .download_note {
	height: 28px
}
.classroomv3 .player-sidebar .all__note {
	font-size: 18px
}
.classroomv3 .homework-list-row {
	font-size: 0
}
.classroomv3 .homework-list-row.manage .homework-block {
	width: calc(25% - 18.75px);
	margin-right: 25px;
	margin-left: 0
}
.classroomv3 .homework-list-row.manage .homework-block: nth-child(2n) {
	margin-right: 25px
}
.classroomv3 .homework-list-row.manage .homework-block: nth-child(4n) {
	margin-right: 0
}
}
.video-js .vjs-poster {
	background-size: cover
}
.c-title-box {
	background-size: cover
}
.introv2.modal-static .preview-player-modal button.modal-close-btn {
	display: block
}
.introv2 .player.js-demo-player {
	width: 100%
}
.introv2 .course-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}
.introv2 .intro-player-container {
	display: flex;
	justify-content: center
}
.introv2 .intro-player-container .course-info {
	display: flex;
	margin-top: 20px;
	justify-content: center
}
.introv2 .intro-player-container .intro-player-inner,.introv2 .intro-player-container .player {
	display: flex;
	flex-direction: column
}
.introv2 .course__info {
	display: flex;
	flex-direction: column
}
.introv2 .star-group .star-fill {
	fill: #019fde
}
.introv2 .share-btn,.introv2 .play-btn,.introv2 .like-btn {
	cursor: pointer;
	display: flex;
	align-items: center;
	color: #4c545a;
	font-weight: 500;
	border: none;
	background: unset;
	margin-right: 40px;
	position: relative;
	margin-left: 0
}
.introv2 .share-btn: last-child,.introv2 .play-btn: last-child,.introv2 .like-btn: last-child {
	margin-right: unset
}
.introv2 .share-btn .icon-outer,.introv2 .play-btn .icon-outer,.introv2 .like-btn .icon-outer {
	display: flex;
	margin-right: 8px
}
.introv2 .share-btn .icon-outer .svg-icon,.introv2 .play-btn .icon-outer .svg-icon,.introv2 .like-btn .icon-outer .svg-icon {
	height: 18px;
	margin: 8px;
	fill: #4c545a
}
.introv2 .share-btn .icon-outer .svg-icon.fav_fill,.introv2 .play-btn .icon-outer .svg-icon.fav_fill,.introv2 .like-btn .icon-outer .svg-icon.fav_fill {
	height: 18px;
	margin: 8px;
	fill: #019fde
}
.introv2 .share-btn .icon-border,.introv2 .play-btn .icon-border,.introv2 .like-btn .icon-border {
	position: absolute;
	border-radius: 20px;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.16);
	width: 34px;
	height: 100%;
	transition: width .3s ease-in-out
}
.introv2 .share-btn: hover,.introv2 .play-btn: hover,.introv2 .like-btn: hover {
	color: #019fde
}
.introv2 .share-btn: hover .icon-outer,.introv2 .play-btn: hover .icon-outer,.introv2 .like-btn: hover .icon-outer {
	box-shadow: none
}
.introv2 .share-btn: hover .icon-outer .svg-icon.share,.introv2 .share-btn: hover .icon-outer .svg-icon.fav,.introv2 .share-btn: hover .icon-outer .svg-icon.play,.introv2 .play-btn: hover .icon-outer .svg-icon.share,.introv2 .play-btn: hover .icon-outer .svg-icon.fav,.introv2 .play-btn: hover .icon-outer .svg-icon.play,.introv2 .like-btn: hover .icon-outer .svg-icon.share,.introv2 .like-btn: hover .icon-outer .svg-icon.fav,.introv2 .like-btn: hover .icon-outer .svg-icon.play {
	fill: #019fde
}
.introv2 .share-btn: hover .icon-border,.introv2 .play-btn: hover .icon-border,.introv2 .like-btn: hover .icon-border {
	width: 100%
}
.introv2 .share-btn.fav_add,.introv2 .play-btn.fav_add,.introv2 .like-btn.fav_add {
	color: #019fde;
	border-radius: 20px;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.16)
}
.introv2 .share-btn.fav_add .icon-outer,.introv2 .play-btn.fav_add .icon-outer,.introv2 .like-btn.fav_add .icon-outer {
	box-shadow: none
}
.introv2 .share-btn.fav_add .icon-outer .svg-icon,.introv2 .play-btn.fav_add .icon-outer .svg-icon,.introv2 .like-btn.fav_add .icon-outer .svg-icon {
	fill: #019fde
}
.introv2 .share-btn span,.introv2 .play-btn span,.introv2 .like-btn span {
	font-size: 16px
}
.introv2 .player,.introv2 .course-video {
	float: left;
	width: 780px;
	margin-right: 40px;
	border-radius: 8px
}
.introv2 .player .flexbox,.introv2 .course-video .flexbox {
	justify-content: center
}
.introv2 .player #video,.introv2 .course-video #video {
	border-radius: 8px
}
.introv2 .player img,.introv2 .course-video img {
	border-radius: 8px
}
.introv2 .course-sidebar .crowdfund-num svg {
	fill: #4c545a
}
.introv2 .course-sidebar .crowdfund-num .count {
	margin-right: 4px
}
.introv2 .course-sidebar .time-info {
	font-size: 20px;
	color: #4c545a;
	margin-bottom: 10px
}
.introv2 .course-sidebar .time-info span {
	color: #ff5b74
}
.introv2 .course-sidebar .time-info.online span {
	color: #019fde
}
.introv2 .course-sidebar .time-info.offline span {
	color: #6c9
}
.introv2 .course-sidebar .course-info {
	border: none;
	display: none
}
.course-sidebar .cart-action {
	display: flex;
	position: relative;
	margin-top: 8px
}
.introv2 .course-sidebar .promotion__area {
	display: flex;
	flex-direction: column
}
.introv2 .course-sidebar .promotion__area .js-promotion-tag {
	margin-right: unset
}
.introv2 .course-sidebar .c-promotion-tag {
	background: none;
	color: #019fde;
	height: 30px;
	font-size: 16px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: unset;
	margin-bottom: 10px;
	content: "";
	display: block;
	clear: both
}
.introv2 .course-sidebar .c-promotion-tag .promotion-container {
	display: flex
}
.introv2 .course-sidebar .c-promotion-tag .promotion-container .svg-icon {
	background-color: #019fde;
	fill: #fff;
	padding: 4px 5px;
	height: 30px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	margin: 0
}
.introv2 .course-sidebar .c-promotion-tag .promotion-container span {
	padding: 0 5px;
	font-size: 16px;
	background: #f7f7f7;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}
.introv2 .course-sidebar .c-promotion-tag.all {
	color: #ff5b74
}
.introv2 .course-sidebar .c-promotion-tag.all .svg-icon {
	background-color: #ff5b74
}
.introv2 .course-sidebar .crowdfunding-user {
	margin-right: 4px;
	font-size: 20px
}
.introv2 .course-sidebar .progress-info .crowdfunding-status {
	width: 100%;
	display: flex;
	color: #4c545a
}
.introv2 .course-sidebar .progress-info .crowdfunding-status.success {
	color: #4c545a
}
.introv2 .course-sidebar .progress-info .crowdfunding-status.fail,.introv2 .course-sidebar .progress-info .crowdfunding-status.error {
	color: #8b9195
}
.introv2 .course-sidebar .progress-info .crowdfunding-status .progress-title {
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 16px
}
.introv2 .course-sidebar .progress-info .crowdfunding-status svg {
	fill: #4c545a
}
.introv2 .course-sidebar .progress-info .progress-div .progress {
	width: 100%;
	padding: 0;
	box-shadow: none;
	background: #f5f5f5;
	height: 10px;
	margin-top: 5px;
	margin-bottom: 0
}
.introv2 .course-sidebar .progress-info .progress-div .progress-bar {
	border-radius: 5px;
	background: #019fde;
	box-shadow: none
}
.introv2 .course-sidebar .progress-info .progress-div .progress-bar.isBacker {
	background: #ff5b74
}
.introv2 .course-sidebar .progress-info .progress-div .progress-bar.expired,.introv2 .course-sidebar .progress-info .progress-div .my-course-card .cover .progress-bar.private,.my-course-card .cover .introv2 .course-sidebar .progress-info .progress-div .progress-bar.private,.introv2 .course-sidebar .progress-info .progress-div .my-course-card .cover .progress-bar.expired-xs,.my-course-card .cover .introv2 .course-sidebar .progress-info .progress-div .progress-bar.expired-xs {
	background: #8b9195
}
.introv2 .course-sidebar .progress-info .progress-div .progress-bar.expired.isBacker,.introv2 .course-sidebar .progress-info .progress-div .my-course-card .cover .progress-bar.isBacker.private,.my-course-card .cover .introv2 .course-sidebar .progress-info .progress-div .progress-bar.isBacker.private,.introv2 .course-sidebar .progress-info .progress-div .my-course-card .cover .progress-bar.isBacker.expired-xs,.my-course-card .cover .introv2 .course-sidebar .progress-info .progress-div .progress-bar.isBacker.expired-xs {
	background: #8b9195
}
.introv2 .course-sidebar .progress-info .progress-div .info {
	text-align: center;
	padding: 0;
	font-size: 12px
}
.introv2 .course-sidebar .progress-info .progress-course__detail {
	font-size: 16px;
	margin: 10px 0 0;
	padding: 10px 13px;
	border-radius: 8px;
	background-color: #f7f7f7;
	position: relative
}
.introv2 .course-sidebar .progress-info .progress-course__detail .svg-icon.question-fill {
	cursor: pointer
}
.introv2 .course-sidebar .progress-info .progress-course__detail .progress-course__detail__icon {
	display: none
}
.introv2 .course-sidebar .progress-info .progress-course__detail .progress-course__detail__icon.detail__icon__hover {
	display: flex
}
.introv2 .course-sidebar .progress-info .progress-course__detail .progress-course__detail__icon.detail__icon__hover .progress-course__detail__info {
	display: none
}
.introv2 .course-sidebar .progress-info .progress-course__detail .progress-course__detail__icon.detail__icon__hover: hover .progress-course__detail__info {
	display: flex;
	flex-direction: column
}
.introv2 .course-sidebar .progress-info .progress-course__detail .progress-course__date .progress-course__detail__icon.detail__icon__hover {
	display: none
}
.introv2 .course-sidebar .progress-info .progress-course__detail p {
	display: flex;
	align-items: center
}
.introv2 .course-sidebar .progress-info .progress-course__detail p: nth-child(2) {
	margin-top: 10px;
	align-items: unset
}
.introv2 .course-sidebar .progress-info .progress-course__detail .progress-course__date {
	display: flex
}
.introv2 .course-sidebar .progress-info .progress-course__detail .progress-course__date__detail {
	display: flex;
	align-items: center
}
.introv2 .course-sidebar .progress-info .progress-course__detail__info {
	font-size: 13px;
	position: absolute;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.16);
	background-color: #f7f7f7;
	padding: 6px 0;
	width: 100%;
	bottom: -65px;
	left: 1px;
	text-align: center;
	color: #909090
}
.introv2 .course-sidebar .share-block {
	width: 100%;
	padding: 6px 10px;
	overflow: hidden
}
.introv2 .course-sidebar .type-tag-list .type-class-info {
	padding: 8px;
	width: 324px;
	margin-top: 12px;
	box-shadow: none;
	border: 1px solid #d3dee5
}
.introv2 .course-sidebar .type-tag-list .type-class-info: after,.introv2 .course-sidebar .type-tag-list .type-class-info: before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}
.introv2 .course-sidebar .type-tag-list .type-class-info: after {
	border-color: rgba(255,255,255,0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -143px
}
.introv2 .course-sidebar .type-tag-list .type-class-info: before {
	border-color: rgba(238,238,238,0);
	border-bottom-color: #d3dee5;
	border-width: 11px;
	margin-left: -144px
}
.introv2 .course-sidebar .type-tag-list .type-class-info.offline-class .title {
	color: #6c9
}
.introv2 .course-sidebar .type-tag-list .type-class-info li {
	margin: 0;
	line-height: 1.58
}
.introv2 .course-sidebar .type-tag-list .type-class-info li.title {
	color: #019fde;
	font-size: 16px
}
.introv2 .course-sidebar .tag-type {
	font-size: 16px;
	line-height: normal
}
.introv2 .course-sidebar .tag-type.online {
	color: #019fde
}
.introv2 .course-sidebar .tag-type.isBacker {
	color: #ff5b74
}
.introv2 .course-sidebar .tag-type.isBacker.fail {
	color: #4c545a
}
.introv2 .course-sidebar .tag-type.offline {
	color: #6c9
}
.introv2 .course-sidebar .course-title {
	font-size: 28px;
	line-height: 1.33;
	margin: 10px 0
}
.introv2 .course-sidebar .course-price {
	color: #4c545a;
	margin: 10px 0;
	line-height: 1.33;
	font-size: 28px;
	font-weight: bold
}
.introv2 .course-sidebar .course-price s {
	font-size: 18px;
	color: #8b9195;
	margin-left: 10px
}
.introv2 .course-sidebar .course-num {
	display: flex;
	align-items: center
}
.introv2 .course-sidebar .course-num .count {
	float: right
}
.introv2 .course-sidebar .course-info-list {
	padding: 10px 13px;
	background-color: #f7f7f7;
	border-radius: 8px
}
.introv2 .course-sidebar ul li {
	margin-top: 8px;
	line-height: 1.5;
	font-weight: 500
}
.introv2 .course-sidebar ul li.course-rating {
	cursor: pointer
}
.introv2 .course-sidebar ul li.course-rating .rating-area {
	vertical-align: top
}
.introv2 .course-sidebar ul li.course-rating .star-num {
	color: #707070;
	font-size: 14px
}
.introv2 .course-sidebar ul li.course-rating: not(.disabled) .star-num: hover {
	text-decoration: underline;
	color: #019fde
}
.introv2 .course-sidebar ul li a {
	font-size: 14px;
	margin-right: 3px;
	color: #4c545a
}
.introv2 .course-sidebar ul li a.tag {
	color: #8b9195;
	padding: 1px 5px;
	border-radius: 4px;
	border: solid 1.5px #909090;
	margin: 5px 10px 8px 0
}
.introv2 .course-sidebar ul li a: last-child {
	margin-right: 0
}
.introv2 .course-sidebar ul li a: hover {
	text-decoration: underline;
	color: #019fde
}
.introv2 .course-sidebar ul li.tag-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}
.introv2 .course-sidebar ul li.tag-list svg {
	margin: 5px 10px 8px 0
}
.introv2 .course-sidebar ul li.tag-list .bs-tip-show-icon {
	display: flex;
	align-items: center
}
.introv2 .course-sidebar ul li.tag-list .tag-list__icon {
	display: flex;
	align-items: center
}
.introv2 .course-sidebar ul.course-info-list li {
	display: flex;
	flex-direction: column
}
.introv2 .course-sidebar .teacher-info {
	margin-top: 10px
}
.introv2 .course-sidebar .teacher-info: first-child {
	margin-top: 30px
}
.introv2 .course-sidebar .teacher-info .name {
	text-indent: 10px;
	font-size: 16px;
	color: #4c545a;
	display: inline-block;
	max-width: 60%;
	line-height: 30px
}
.introv2 .course-sidebar .cart-action__border {
	height: 1.1px;
	margin: 20px 0;
	background-image: linear-gradient(to right, rgba(24, 26, 28, 0) 0%, rgba(57, 59, 61, 0.2) 48%, rgba(100, 102, 103, 0))
}
.introv2 .course-sidebar .student-info.isOnline,.introv2 .course-sidebar .student-info.isOffline,.introv2 .course-sidebar .student-info.isBacker {
	margin-top: 32px
}
.introv2 .course-sidebar-intro {
	width: 380px
}
.introv2 .course-intro-tab {
	display: flex;
	flex: 1;
	margin-top: 16px;
	background: #fff;
	border: none;
	border-bottom: solid 1px #d3dee5
}
.introv2 .course-intro-tab.active {
	margin-top: 0px;
	box-shadow: 0 2px 0 0 rgba(167,169,172,.2),inset 0 -1px 0 0 #d3dee5
}
.introv2 .course-intro-tab li {
	display: flex;
	justify-content: center;
	width: 16.5%;
	flex-grow: 1
}
.introv2 .course-intro-tab li.active a {
	border-radius: 0px;
	background: transparent;
	color: #019fde;
	font-weight: 500;
	border: none;
	border-bottom: 5px solid #019fde;
	display: inline-flex
}
.introv2 .course-intro-tab li.active a: hover,.introv2 .course-intro-tab li.active a: focus {
	border-radius: 0px;
	font-weight: 500;
	color: #019fde;
	border: none;
	border-bottom: 5px solid #019fde;
	background: transparent
}
.introv2 .course-intro-tab li a {
	border-radius: 0px;
	display: block;
	margin-right: 0px;
	text-align: center;
	color: #8b9195;
	font-size: 18px;
	border: none;
	border-bottom: 5px solid transparent;
	transition: all .3s;
	background: transparent
}
.introv2 .course-intro-tab li a: hover,.introv2 .course-intro-tab li a: focus {
	border-radius: 0px;
	color: #019fde;
	font-weight: 500;
	background: #fff;
	border: none;
	border-bottom: 5px solid #019fde;
	background: transparent
}
.introv2 .course-intro-content {
	width: 100%;
	max-width: 960px;
	padding: 90px 0 40px;
	border: none;
	position: relative;
	min-height: 450px
}
.introv2 .course-intro-content .btn-blue-border: focus {
	border: 1px solid #1794d0;
	color: #1794d0
}
.introv2 .course-intro-content.offset {
	margin-top: 26px;
	padding-top: 70px
}
.introv2 .course-intro-content.loading .tab-loading {
	display: block;
	top: -53px
}
.introv2 .course-intro-content .tab-loading {
	background: url(../image/loading.gif) no-repeat 50% 100px;
	background-size: 100px 100px;
	width: 100%;
	height: 100%;
	padding: 220px 0;
	background-color: #fff;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	display: none
}
.introv2 .course-intro-content .tab-loading.show {
	display: block
}
.introv2 .course-intro-content .comment-list {
	position: relative;
	min-height: 523px
}
.introv2 .course-intro-content .comment-content.loading {
	position: absolute;
	top: 83px;
	left: 0;
	right: 0
}
.introv2 .course-intro-content .comment-content .tab-loading {
	z-index: 9
}
.introv2 .course-intro-content .comment-container .empty-view {
	background: #fff;
	padding: 40px 0;
	min-height: 380px
}
.introv2 .course-intro-content .comment-container.faq .comment-help-info__faq {
	margin-bottom: 40px
}
.introv2 .course-intro-content .comment-container.faq .comment-help-info__faq p {
	font-weight: normal
}
.introv2 .cart-action {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.introv2 .cart-action .btn {
	border-width: 2px;
	font-weight: 500;
	border-radius: 4px;
	padding: 6px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: auto;
	color: #fff
}
.introv2 .cart-action .btn .btn-txt {
	font-size: 20px
}
.introv2 .cart-action .btn .btn-txt svg-icon {
	width: 20px;
	height: 20px;
	margin: auto
}
.introv2 .cart-action .btn[func=direct2Cart] {
	margin-left: auto
}
.introv2 .cart-action .btn: nth-child(2) {
	margin-left: 10px
}
.introv2 .cart-action .btn .btn-txt: nth-child(2) {
	display: none
}
.introv2 .cart-action .btn.add2cart-btn {
	width: 50px;
	gap: 10px;
	right: 0;
	transition: width .3s ease-in-out
}
.introv2 .cart-action .btn.add2cart-btn .btn-txt: first-child {
	display: none;
	opacity: 0
}
.introv2 .cart-action .btn.add2cart-btn .btn-txt: nth-child(2) {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 22px;
	width: 22px
}
.introv2 .cart-action .btn.add2cart-btn: hover {
	color: #019fde;
	position: absolute;
	margin: auto;
	width: 100%;
	height: 50px;
	box-shadow: none;
	flex-direction: row-reverse;
	right: 0;
	transition: all .6s
}
.introv2 .cart-action .btn.add2cart-btn: hover .btn-txt: first-child {
	display: block;
	opacity: 1
}
.introv2 .cart-action .btn: focus {
	box-shadow: none
}
.introv2 .cart-action .btn.active {
	height: 100%
}
.introv2 .cart-action.isBacker .btn {
	background: #ff5b74;
	border: 1px solid #ff5b74
}
.introv2 .cart-action.isBacker .btn.add2cart-btn {
	background: #fff;
	color: #ff5b74
}
.introv2 .cart-action.isBacker .btn.add2cart-btn svg {
	fill: #ff5b74 !important
}
.introv2 .cart-action.isBacker .btn: hover {
	color: #ff5b74
}
.introv2 .cart-action.isBacker .btn: hover: first-child {
	color: #fff;
	background: #ff6a80
}
.introv2 .cart-action.isBacker .btn: focus: first-child {
	color: #fff;
	background: #f0556b
}
.introv2 .cart-action.offline .btn {
	background: #6c9;
	border: 1px solid #6c9
}
.introv2 .cart-action.offline .btn.add2cart-btn {
	background: #fff;
	color: #6c9
}
.introv2 .cart-action.offline .btn.add2cart-btn svg {
	fill: #6c9 !important
}
.introv2 .cart-action.offline .btn: hover {
	color: #6c9
}
.introv2 .cart-action.offline .btn: hover: first-child {
	color: #fff;
	background: #76d3a4
}
.introv2 .cart-action.offline .btn: focus: first-child {
	color: #fff;
	background: #63bf91
}
.introv2 .cart-action.offline .btn-disable,.introv2 .cart-action.isBacker .btn-disable {
	cursor: unset;
	background: #d3dee5;
	border: 1px solid #d3dee5;
	color: #fff;
	cursor: default
}
.introv2 .cart-action.offline .btn-disable: hover,.introv2 .cart-action.isBacker .btn-disable: hover {
	background: #d3dee5
}
.introv2 .cart-action.offline .btn-disable: hover: first-child,.introv2 .cart-action.isBacker .btn-disable: hover: first-child {
	background: #d3dee5
}
.introv2 .cart-action.offline .btn-disable: focus,.introv2 .cart-action.isBacker .btn-disable: focus {
	background: #d3dee5
}
.introv2 .cart-action.offline .btn-disable: focus: first-child,.introv2 .cart-action.isBacker .btn-disable: focus: first-child {
	background: #d3dee5
}
.introv2 .btn-blue: hover {
	background: #20aee5
}
.introv2 .btn-blue: focus {
	background: #1794d0
}
.introv2 .course-intro-tab-sticky {
	width: 1170px
}
.introv2 .course-intro-tab-sticky .cart-action {
	display: none
}
.introv2 .course-intro-tab-sticky.fixed {
	display: flex;
	z-index: 11;
	position: fixed;
	background: #fff;
	padding: 10px 0
}
.introv2 .course-intro-tab-sticky.fixed .course-intro-tab {
	border: none;
	box-shadow: none
}
.introv2 .course-intro-tab-sticky.fixed .cart-action {
	position: relative;
	display: flex;
	width: 280px
}
.introv2 .course-intro-tab-sticky.fixed .cart-action .btn.add2cart-btn {
	width: 50px
}
.introv2 .course-intro-tab-sticky.fixed .cart-action .btn.add2cart-btn: hover {
	position: absolute;
	width: 100%
}
.introv2 .course-intro-tab-sticky.fixed .cart-action .btn: first-child {
	width: 230px
}
.introv2 .course-intro-tab-sticky.fixed .cart-action .btn: first-child[func=direct2Cart] {
	width: 280px
}
.introv2 .mobile-fixed-course-info {
	display: none
}
.introv2 .intro-load-package .course-intro-package-bg {
	background-color: #fcfcfc;
	width: 100vw;
	top: unset;
	left: unset;
	height: 288px
}
.introv2 .intro-load-package .package-main {
	width: 860px;
	flex-direction: initial
}
.introv2 .underline-title {
	color: #019fdf
}
.introv2 .homework-list-row {
	font-size: 0
}
.introv2 .homework-list-row .homework-block {
	width: calc(25% - 18.75px);
	margin-right: 25px;
	margin-left: 0;
	margin-bottom: 24px;
	float: unset
}
.introv2 .homework-list-row .homework-block: nth-child(2n) {
	margin-right: 25px
}
.introv2 .homework-list-row .homework-block: nth-child(4n) {
	margin-right: 0
}
.introv2 .homework-list-row .homework-block .author {
	padding: 12px 20px;
	position: relative;
	margin-bottom: 0
}
.introv2 .homework-list-row .homework-block .author p {
	display: flex;
	align-items: center
}
.introv2 .homework-list-row .homework-block .cover {
	border-radius: 0;
	height: 154px
}
.introv2 .homework-list-row .homework-block .meta {
	padding: 10px 16px 20px 16px
}
.introv2 .homework-list-row .homework-block .meta .title {
	margin: 10px 0;
	font-size: 20px
}
.introv2 .homework-list-row .homework-block .private-btn {
	position: absolute;
	right: 16px;
	top: -15px;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	background-color: #019fde
}
.introv2 .homework-list-row .homework-block .private-btn svg {
	margin: 0px;
	fill: #fff
}
.introv2 .homework-list-row .title {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	height: 40px;
	line-height: 20px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all
}
.introv2 .homework-list-row .comment-count {
	color: #707070
}
.introv2 .homework-list h3.title {
	color: #019fde;
	font-size: 28px;
	padding-bottom: 10px
}
.introv2 .js-homework-list-row {
	border-top: 1px solid #d3dee5
}
.introv2 .tag-main-wrap .package-tag-wrap {
	height: 66px
}
.introv2 .btn__loadMore {
	margin-bottom: 25px;
	display: flex;
	justify-content: center
}
.introv2 .btn__loadMore button {
	display: flex;
	align-items: center;
	background: #019fde;
	color: #fff;
	border-radius: 25px;
	height: 50px;
	width: 120px
}
.introv2 .btn__loadMore__hws {
	height: 100px
}
.introv2 .btn__loadMore__hws button {
	height: 50px;
	width: 100%
}
.introv2 .newFooter-inner .company__detail p {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.7em
}
.introv2 .empty-view {
	font-size: 20px;
	padding: 60px 0
}
.introv2 .empty-view .icon-no-padding {
	margin: 0
}
.introv2 .empty-view .new-icon-padding {
	margin-bottom: 20px;
	width: 100px;
	height: auto
}
.introv2 .empty-view .new-icon-padding~h6 {
	color: #4c545a;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px
}
@media(min-width: 568px) {
	.introv2 .empty-view .new-icon-padding~h6 {
	font-size: 18px;
	line-height: 24px
}
}.introv2 .homework-list-row .title span {
	font-size: 18px
}
.introv2 .board-full-block {
	position: relative
}
.introv2 .board-full-block .board-header {
	padding: 9px 16px
}
.introv2 .board-full-block .board-header .board-header__detail {
	display: flex
}
.introv2 .board-full-block .board-header .board-header__detail .create,.introv2 .board-full-block .board-header .board-header__detail .title {
	font-size: 16px
}
.introv2 .board-full-block .board-header .board-header__detail .title {
	flex: 1
}
.introv2 .board-full-block .board-header .board-header__detail .create {
	width: auto
}
.introv2 .board-full-block.private .board-header {
	background: #bbb
}
.introv2 .board-full-block.private .private-btn {
	display: block;
	height: 24px;
	width: 24px
}
.introv2 .board-full-block.private .private-btn svg {
	font-size: 16px;
	height: 24px
}
.introv2 .board-full-block.is-close .intro-block__more,.introv2 .board-full-block.is-open .intro-block__more {
	display: flex
}
.introv2 .board-full-block.is-open .intro-block__more.intro-block__bulletin {
	position: inherit
}
.introv2 .board-full-block .intro-block__more {
	display: none
}
.introv2 .board-full-block .intro-block__more.is-close .s--close {
	display: none
}
.introv2 .board-full-block .intro-block__more.is-close .s--open {
	display: block
}
.introv2 .board-full-block .intro-block__more.is-close svg.sort-asc {
	transform: unset
}
.introv2 .board-full-block .intro-block__more.intro-block__bulletin {
	position: absolute
}
.introv2 .comment-help-info {
	margin-bottom: 40px
}
.introv2 .comment-help-info p {
	font-weight: normal
}
.introv2 .forums-comment2 .reply-list .nickname .teacher-tag,.introv2 .forums-comment2 .reply-list .nickname .gallery-modal .author-box .author .author-link span,.gallery-modal .author-box .author .author-link .introv2 .forums-comment2 .reply-list .nickname span,.introv2 .forums-comment2 .reply-list .nickname .checkin-info-div .author-div .tag,.checkin-info-div .author-div .introv2 .forums-comment2 .reply-list .nickname .tag,.introv2 .forums-comment2 .reply-list .nickname .course-sidebar .teacher-info .tag,.course-sidebar .teacher-info .introv2 .forums-comment2 .reply-list .nickname .tag,.introv2 .forums-comment2 .reply-list .nickname .classroom-header .course-header-block .teacher-info .tag,.classroom-header .course-header-block .teacher-info .introv2 .forums-comment2 .reply-list .nickname .tag {
	white-space: nowrap
}
@media(max-width: 1240px) {
	.introv2 .player,.introv2 .course-video {
	width: 680px
}
.introv2 .course-sidebar-intro {
	width: 280px
}
.introv2 .course-intro-tab-sticky {
	width: 95vw
}
.introv2 .course-sidebar .progress-info .progress-course__detail .progress-course__date .progress-course__detail__icon.detail__icon__hover {
	display: flex
}
.introv2 .course-sidebar .progress-info .progress-course__detail .progress-course__detail__icon.detail__icon__hover {
	display: none
}
.introv2 .course-sidebar .progress-info .progress-course__detail .progress-course__date {
	justify-content: flex-start;
	align-items: center
}
.introv2 .course-sidebar .progress-info .progress-course__detail p: nth-child(2) {
	margin-top: 10px;
	flex-direction: column;
	align-items: unset
}
}@media(max-width: 1040px) {
	.introv2 .player,.introv2 .course-video {
	float: unset;
	margin: auto;
	width: 100%;
	height: 100%
}
.introv2 .course__info {
	flex-direction: unset;
	justify-content: space-between;
	align-items: center
}
.introv2 .course__info ul li {
	margin: 0
}
.introv2 .course__info.course__info__flex {
	flex-direction: row-reverse
}
.introv2 .course-sidebar {
	width: auto;
	margin-top: 20px
}
.introv2 .course-sidebar .time-info {
	font-size: 18px
}
.introv2 .course-sidebar .promotion__area .js-promotion-tag {
	margin-right: 20px
}
.introv2 .course-sidebar .c-promotion-tag: first-child {
	margin-right: 20px
}
.introv2 .course-sidebar .course-info {
	margin-top: 20px;
	display: flex;
	justify-content: flex-start
}
.introv2 .course-sidebar : not(.mobile-fixed-course-info) .cart-action {
	display: none
}
.introv2 .course-sidebar .progress-info .progress-course__detail .progress-course__detail__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}
.introv2 .course-sidebar .progress-info .progress-course__detail .progress-course__detail__icon.detail__icon__hover {
	display: none
}
.introv2 .course-sidebar .progress-info .progress-course__detail p: nth-child(2) {
	flex-direction: inherit
}
.introv2 .course-sidebar .progress-info .progress-course__detail .progress-course__date .progress-course__detail__icon.detail__icon__hover {
	display: none
}
.introv2 .course-sidebar .progress-info .progress-course__detail__info {
	bottom: -45px
}
.introv2 .intro-player-container {
	flex-direction: column;
	width: 720px
}
.introv2 .course-sidebar-intro {
	width: 100%
}
.introv2 .intro-player-inner .course-info,.introv2 .player .course-info {
	display: none
}
.introv2 .course-intro-tab-sticky.fixed .cart-action {
	display: none
}
.introv2 .mobile-fixed-course-info {
	display: block
}
.introv2 .mobile-fixed-course-info .cart-action .btn-full[func=direct2Cart] {
	flex: 1 0 0;
	margin: auto
}
.introv2 .mobile-fixed-course-info .cart-action .btn-full[func=add_to_cart] {
	flex: auto
}
.introv2 .mobile-fixed-course-info .cart-action .btn-full[func=add_to_cart]: nth-child(2n) {
	flex: 0 0 80px;
	height: 100%
}
.introv2 .intro-load-package .course-intro-package-bg {
	height: 423px
}
.introv2 .intro-load-package .package-main {
	width: 560px;
	flex-direction: column
}
.introv2 .course-intro-content {
	max-width: 720px
}
.introv2 .cart-action .btn .btn-txt {
	font-size: 16px
}
.introv2 .board-full-block .board-header {
	display: flex
}
.introv2 .board-full-block .board-header .board-header__detail {
	flex-direction: column
}
}@media(max-width: 768px) {
	.introv2 .intro-player-container {
	width: 100%
}
.introv2 .course-sidebar {
	padding: 0 60px
}
.introv2 .course-sidebar .promotion__area {
	flex-direction: column;
	margin-top: 10px
}
.introv2 .course-intro-content {
	padding: 90px 60px 40px
}
.introv2 .cart-action .btn.add2cart-btn {
	width: 70px
}
.introv2 .player,.introv2 .course-video {
	border-radius: unset
}
.introv2 .player #video,.introv2 .course-video #video {
	border-radius: unset
}
.introv2 .player img,.introv2 .course-video img {
	border-radius: unset
}
.introv2 .homework-list-row {
	font-size: 0
}
.introv2 .homework-list-row .homework-block {
	width: calc(50% - 20px);
	margin-right: 25px;
	margin-left: 0;
	margin-bottom: 30px
}
.introv2 .homework-list-row .homework-block: nth-child(2n) {
	margin-right: 0
}
}@media(max-width: 567px) {
	.introv2 .course-sidebar {
	padding: 0 20px
}
.introv2 .course-sidebar .course-info {
	justify-content: center
}
.introv2 .course-sidebar .tag-type {
	font-size: 14px
}
.introv2 .course-sidebar .c-promotion-tag: first-child {
	margin-right: 0px
}
.introv2 .course-sidebar .time-info {
	font-size: 16px
}
.introv2 .course-sidebar .progress-info .progress-course__detail {
	font-size: 14px
}
.introv2 .course-sidebar .progress-info .crowdfunding-status .progress-title {
	font-size: 14px
}
.introv2 .course-sidebar .progress-info .progress-course__detail__info {
	display: flex;
	flex-direction: column;
	bottom: -60px
}
.introv2 .course-sidebar .student-info.isBacker,.introv2 .course-sidebar .student-info.isOnline,.introv2 .course-sidebar .student-info.isOffline {
	margin-top: 20px
}
.introv2 .course-sidebar .course-title {
	font-size: 22px
}
.introv2 .course-sidebar .course-price {
	font-size: 22px
}
.introv2 .course-sidebar .course-price s {
	font-size: 16px
}
.introv2 .course-sidebar .teacher-info .name {
	font-size: 14px
}
.introv2 .course-sidebar .c-promotion-tag .promotion-container span {
	font-size: 14px
}
.introv2 .share-btn,.introv2 .play-btn,.introv2 .like-btn {
	margin-right: 10px
}
.introv2 .share-btn: focus,.introv2 .play-btn: focus,.introv2 .like-btn: focus {
	color: #019fde
}
.introv2 .share-btn: focus .icon-outer .svg-icon.share,.introv2 .share-btn: focus .icon-outer .svg-icon.fav,.introv2 .share-btn: focus .icon-outer .svg-icon.play,.introv2 .play-btn: focus .icon-outer .svg-icon.share,.introv2 .play-btn: focus .icon-outer .svg-icon.fav,.introv2 .play-btn: focus .icon-outer .svg-icon.play,.introv2 .like-btn: focus .icon-outer .svg-icon.share,.introv2 .like-btn: focus .icon-outer .svg-icon.fav,.introv2 .like-btn: focus .icon-outer .svg-icon.play {
	fill: #019fde
}
.introv2 .share-btn span,.introv2 .play-btn span,.introv2 .like-btn span {
	font-size: 14px
}
.introv2 .intro-load-package .course-intro-package-bg {
	height: 373px
}
.introv2 .intro-load-package .package-main {
	width: 300px
}
.introv2 .course-intro-content {
	padding: 70px 20px 30px
}
.introv2 .cart-action .btn {
	height: 100%
}
.introv2 .cart-action .btn.add2cart-btn {
	width: 40px
}
.introv2 .homework-list-row .edit-block .editor-link {
	font-size: 16px
}
.introv2 .homework-list-row .homework-block {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px
}
.introv2 .homework-list-row .homework-block .meta .date {
	font-size: 15px
}
.introv2 .homework-list-row .homework-block .meta .title {
	font-size: 15px
}
.introv2 .btn__loadMore button {
	height: 44px;
	width: 88px
}
.introv2 .newFooter-inner .company__detail p {
	font-size: 12px
}
.introv2 .course-intro-tab-sticky.fixed {
	padding: 0px 10px 10px
}
.introv2 .empty-view .new-icon-padding~h6 {
	font-size: 18px;
	line-height: 24px
}
.introv2 .homework-list h3.title {
	font-size: 22px
}
.introv2 .homework-list-row .title span {
	font-size: 16px
}
.introv2 .comment-help-info {
	margin-bottom: 30px
}
.introv2 .forums-comment2 .reply-list .nickname .teacher-tag,.introv2 .forums-comment2 .reply-list .nickname .gallery-modal .author-box .author .author-link span,.gallery-modal .author-box .author .author-link .introv2 .forums-comment2 .reply-list .nickname span,.introv2 .forums-comment2 .reply-list .nickname .checkin-info-div .author-div .tag,.checkin-info-div .author-div .introv2 .forums-comment2 .reply-list .nickname .tag,.introv2 .forums-comment2 .reply-list .nickname .course-sidebar .teacher-info .tag,.course-sidebar .teacher-info .introv2 .forums-comment2 .reply-list .nickname .tag,.introv2 .forums-comment2 .reply-list .nickname .classroom-header .course-header-block .teacher-info .tag,.classroom-header .course-header-block .teacher-info .introv2 .forums-comment2 .reply-list .nickname .tag {
	display: -webkit-inline-box;
	width: max-content
}
}.body--apply .s--teacher .js-toggle-role[data-role=teacher],.body--cooperation-manage .s--teacher .js-toggle-role[data-role=teacher] {
	border-color: #019fde
}
.body--apply .s--teacher .js-toggle-role[data-role=teacher] .identity__header,.body--cooperation-manage .s--teacher .js-toggle-role[data-role=teacher] .identity__header {
	color: #019fde
}
.body--apply .s--teacher .js-toggle-role[data-role=teacher] .identity__header: : after,.body--cooperation-manage .s--teacher .js-toggle-role[data-role=teacher] .identity__header: : after {
	background-color: #019fde;
	transform: scaleX(1)
}
.body--apply .s--teacher .js-toggle-role[data-role=teacher] .identity__description,.body--cooperation-manage .s--teacher .js-toggle-role[data-role=teacher] .identity__description {
	color: #4c545a
}
.body--apply .s--teacher .js-toggle-role[data-role=teacher] .svg-anime *,.body--cooperation-manage .s--teacher .js-toggle-role[data-role=teacher] .svg-anime * {
	animation-play-state: running !important
}
.body--apply .s--partner .js-toggle-role[data-role=partner],.body--cooperation-manage .s--partner .js-toggle-role[data-role=partner] {
	border-color: #019fde
}
.body--apply .s--partner .js-toggle-role[data-role=partner] .identity__header,.body--cooperation-manage .s--partner .js-toggle-role[data-role=partner] .identity__header {
	color: #019fde
}
.body--apply .s--partner .js-toggle-role[data-role=partner] .identity__header: : after,.body--cooperation-manage .s--partner .js-toggle-role[data-role=partner] .identity__header: : after {
	background-color: #019fde;
	transform: scaleX(1)
}
.body--apply .s--partner .js-toggle-role[data-role=partner] .identity__description,.body--cooperation-manage .s--partner .js-toggle-role[data-role=partner] .identity__description {
	color: #4c545a
}
.body--apply .s--partner .js-toggle-role[data-role=partner] .svg-anime *,.body--cooperation-manage .s--partner .js-toggle-role[data-role=partner] .svg-anime * {
	animation-play-state: running !important
}
.body--apply .s--author .js-toggle-role[data-role=author],.body--cooperation-manage .s--author .js-toggle-role[data-role=author] {
	border-color: #019fde
}
.body--apply .s--author .js-toggle-role[data-role=author] .identity__header,.body--cooperation-manage .s--author .js-toggle-role[data-role=author] .identity__header {
	color: #019fde
}
.body--apply .s--author .js-toggle-role[data-role=author] .identity__header: : after,.body--cooperation-manage .s--author .js-toggle-role[data-role=author] .identity__header: : after {
	background-color: #019fde;
	transform: scaleX(1)
}
.body--apply .s--author .js-toggle-role[data-role=author] .identity__description,.body--cooperation-manage .s--author .js-toggle-role[data-role=author] .identity__description {
	color: #4c545a
}
.body--apply .s--author .js-toggle-role[data-role=author] .svg-anime *,.body--cooperation-manage .s--author .js-toggle-role[data-role=author] .svg-anime * {
	animation-play-state: running !important
}
.body--apply .apply__container .is--teacher,.body--cooperation-manage .apply__container .is--teacher {
	display: none !important
}
.body--apply .apply__container.s--teacher .is--teacher,.body--cooperation-manage .apply__container.s--teacher .is--teacher {
	display: block !important
}
.body--apply .apply__container .is--partner,.body--cooperation-manage .apply__container .is--partner {
	display: none !important
}
.body--apply .apply__container.s--partner .is--partner,.body--cooperation-manage .apply__container.s--partner .is--partner {
	display: block !important
}
.body--apply .apply__container .is--author,.body--cooperation-manage .apply__container .is--author {
	display: none !important
}
.body--apply .apply__container.s--author .is--author,.body--cooperation-manage .apply__container.s--author .is--author {
	display: block !important
}
.body--apply .form__container .form-group,.body--cooperation-manage .form__container .form-group {
	position: relative
}
.body--apply .form__container .form-group.has-error input,.body--apply .form__container .form-group.has-error select,.body--apply .form__container .form-group.has-error textarea,.body--cooperation-manage .form__container .form-group.has-error input,.body--cooperation-manage .form__container .form-group.has-error select,.body--cooperation-manage .form__container .form-group.has-error textarea {
	border-color: #ff5b74
}
.body--apply .has-error .error-msg,.body--cooperation-manage .has-error .error-msg {
	display: flex;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	margin-bottom: 0;
	top: calc(100% + 3px)
}
.body--apply .has-error .error-msg .svg-icon,.body--cooperation-manage .has-error .error-msg .svg-icon {
	height: 14px;
	width: 14px;
	margin-right: 5px
}
.body--apply .apply__hero,.body--cooperation-manage .apply__hero {
	background-color: #019fde;
	height: calc(250px + 70px);
	padding-top: calc(50px + 70px);
	position: relative
}
@media(max-width: 567px) {
	.body--apply .apply__hero,.body--cooperation-manage .apply__hero {
	padding-top: calc(20px + 50px);
	height: calc(180px + 50px)
}
}.body--apply .hero__header,.body--cooperation-manage .hero__header {
	font-weight: bold;
	line-height: 1.33;
	font-size: 34px;
	text-align: center;
	margin-bottom: 20px;
	color: #fff
}
@media(max-width: 567px) {
	.body--apply .hero__header,.body--cooperation-manage .hero__header {
	font-size: 22px;
	margin-bottom: 30px
}
}.body--apply .apply__progress,.body--cooperation-manage .apply__progress {
	width: 800px;
	height: 140px;
	position: absolute;
	background: #fff;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) translateY(50%);
	border-radius: 20px;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.2);
	padding: 17px 0
}
@media(max-width: 1040px) {
	.body--apply .apply__progress,.body--cooperation-manage .apply__progress {
	width: 600px
}
}@media(max-width: 768px) {
	.body--apply .apply__progress,.body--cooperation-manage .apply__progress {
	width: 568px
}
}@media(max-width: 567px) {
	.body--apply .apply__progress,.body--cooperation-manage .apply__progress {
	height: 120px;
	width: 320px
}
}.body--apply .progress__header,.body--cooperation-manage .progress__header {
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 20px
}
@media(max-width: 567px) {
	.body--apply .progress__header,.body--cooperation-manage .progress__header {
	font-size: 18px
}
}.body--apply .progress__step,.body--cooperation-manage .progress__step {
	width: 600px;
	margin: 0 auto;
	display: flex;
	position: relative;
	height: 52px
}
@media(max-width: 1040px) {
	.body--apply .progress__step,.body--cooperation-manage .progress__step {
	width: 400px
}
}@media(max-width: 567px) {
	.body--apply .progress__step,.body--cooperation-manage .progress__step {
	width: 220px
}
}.body--apply .progress__step: : after,.body--cooperation-manage .progress__step: : after {
	content: "";
	background: #019fde;
	position: absolute;
	left: 0;
	height: 100%;
	height: 2px;
	top: 10px
}
.body--apply .step__line,.body--cooperation-manage .step__line {
	width: 100%;
	height: 2px;
	background: #ddd;
	position: absolute;
	top: 10px;
	transform: translateY(-50%)
}
.body--apply .step__block,.body--cooperation-manage .step__block {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	position: absolute;
	top: 10px;
	z-index: 2
}
.body--apply .step__block[data-step="1"],.body--cooperation-manage .step__block[data-step="1"] {
	left: 0;
	transform: translateX(-50%) translateY(-10px)
}
.body--apply .step__block[data-step="2"],.body--cooperation-manage .step__block[data-step="2"] {
	left: 50%;
	transform: translateX(-50%) translateY(-10px)
}
.body--apply .step__block[data-step="3"],.body--cooperation-manage .step__block[data-step="3"] {
	right: 0;
	transform: translateX(50%) translateY(-10px)
}
.body--apply .step__block p,.body--cooperation-manage .step__block p {
	margin-top: 30px;
	line-height: 22px;
	color: #bbb
}
@media(max-width: 567px) {
	.body--apply .step__block p,.body--cooperation-manage .step__block p {
	font-size: 14px
}
}.body--apply .step__mark,.body--cooperation-manage .step__mark {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 6px solid transparent;
	background: #ddd;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	transform: scale(0.5)
}
.body--apply .step__mark .svg-icon,.body--cooperation-manage .step__mark .svg-icon {
	display: none;
	fill: #fff;
	margin: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}
.body--apply .is--step-1,.body--cooperation-manage .is--step-1 {
	display: none !important
}
.body--apply .is--step-2,.body--cooperation-manage .is--step-2 {
	display: none !important
}
.body--apply .is--step-3,.body--cooperation-manage .is--step-3 {
	display: none !important
}
.body--apply .s--step-1 .is--step-1,.body--cooperation-manage .s--step-1 .is--step-1 {
	display: flex !important
}
.body--apply .s--step-1 .js-step[data-step="1"] p,.body--cooperation-manage .s--step-1 .js-step[data-step="1"] p {
	color: #019fde
}
.body--apply .s--step-1 .js-step[data-step="1"] .step__mark,.body--cooperation-manage .s--step-1 .js-step[data-step="1"] .step__mark {
	transform: scale(1);
	background: #fff;
	border-color: #019fde
}
.body--apply .s--step-1 .js-step[data-step="1"] .svg-icon,.body--cooperation-manage .s--step-1 .js-step[data-step="1"] .svg-icon {
	display: none
}
.body--apply .s--step-1 .js-step[data-step="2"] .svg-icon,.body--cooperation-manage .s--step-1 .js-step[data-step="2"] .svg-icon {
	display: none
}
.body--apply .s--step-1 .js-step[data-step="3"] .svg-icon,.body--cooperation-manage .s--step-1 .js-step[data-step="3"] .svg-icon {
	display: none
}
.body--apply .s--step-2 .progress__step: : after,.body--cooperation-manage .s--step-2 .progress__step: : after {
	width: 50%
}
.body--apply .s--step-2 .is--step-2,.body--cooperation-manage .s--step-2 .is--step-2 {
	display: flex !important
}
.body--apply .s--step-2 .js-step[data-step="2"] p,.body--cooperation-manage .s--step-2 .js-step[data-step="2"] p {
	color: #019fde
}
.body--apply .s--step-2 .js-step[data-step="2"] .step__mark,.body--cooperation-manage .s--step-2 .js-step[data-step="2"] .step__mark {
	transform: scale(1);
	background: #fff;
	border-color: #019fde
}
.body--apply .s--step-2 .js-step[data-step="1"] p,.body--cooperation-manage .s--step-2 .js-step[data-step="1"] p {
	color: #019fde
}
.body--apply .s--step-2 .js-step[data-step="1"] .step__mark,.body--cooperation-manage .s--step-2 .js-step[data-step="1"] .step__mark {
	transform: scale(1);
	background: #019fde
}
.body--apply .s--step-2 .js-step[data-step="1"] .svg-icon,.body--cooperation-manage .s--step-2 .js-step[data-step="1"] .svg-icon {
	display: block
}
.body--apply .s--step-2 .js-step[data-step="2"] .svg-icon,.body--cooperation-manage .s--step-2 .js-step[data-step="2"] .svg-icon {
	display: none
}
.body--apply .s--step-2 .js-step[data-step="3"] .svg-icon,.body--cooperation-manage .s--step-2 .js-step[data-step="3"] .svg-icon {
	display: none
}
.body--apply .s--step-3 .progress__step: : after,.body--cooperation-manage .s--step-3 .progress__step: : after {
	width: 100%
}
.body--apply .s--step-3 .is--step-3,.body--cooperation-manage .s--step-3 .is--step-3 {
	display: flex !important
}
.body--apply .s--step-3 .js-step[data-step="3"] p,.body--cooperation-manage .s--step-3 .js-step[data-step="3"] p {
	color: #019fde
}
.body--apply .s--step-3 .js-step[data-step="3"] .step__mark,.body--cooperation-manage .s--step-3 .js-step[data-step="3"] .step__mark {
	transform: scale(1);
	background: #fff;
	border-color: #019fde
}
.body--apply .s--step-3 .js-step[data-step="1"] p,.body--cooperation-manage .s--step-3 .js-step[data-step="1"] p {
	color: #019fde
}
.body--apply .s--step-3 .js-step[data-step="1"] .step__mark,.body--cooperation-manage .s--step-3 .js-step[data-step="1"] .step__mark {
	transform: scale(1);
	background: #019fde
}
.body--apply .s--step-3 .js-step[data-step="1"] .svg-icon,.body--cooperation-manage .s--step-3 .js-step[data-step="1"] .svg-icon {
	display: block
}
.body--apply .s--step-3 .js-step[data-step="2"] p,.body--cooperation-manage .s--step-3 .js-step[data-step="2"] p {
	color: #019fde
}
.body--apply .s--step-3 .js-step[data-step="2"] .step__mark,.body--cooperation-manage .s--step-3 .js-step[data-step="2"] .step__mark {
	transform: scale(1);
	background: #019fde
}
.body--apply .s--step-3 .js-step[data-step="2"] .svg-icon,.body--cooperation-manage .s--step-3 .js-step[data-step="2"] .svg-icon {
	display: block
}
.body--apply .s--step-3 .js-step[data-step="3"] .svg-icon,.body--cooperation-manage .s--step-3 .js-step[data-step="3"] .svg-icon {
	display: none
}
.body--apply .apply__container,.body--cooperation-manage .apply__container {
	width: 1210px;
	margin: 0 auto
}
@media(max-width: 1240px) {
	.body--apply .apply__container,.body--cooperation-manage .apply__container {
	width: 1010px
}
}@media(max-width: 1040px) {
	.body--apply .apply__container,.body--cooperation-manage .apply__container {
	width: 740px
}
}@media(max-width: 768px) {
	.body--apply .apply__container,.body--cooperation-manage .apply__container {
	width: 568px
}
}@media(max-width: 567px) {
	.body--apply .apply__container,.body--cooperation-manage .apply__container {
	width: 100%
}
}.body--apply .page--identity,.body--cooperation-manage .page--identity {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 120px
}
.body--apply .section--identity,.body--cooperation-manage .section--identity {
	display: flex
}
@media(max-width: 1040px) {
	.body--apply .section--identity,.body--cooperation-manage .section--identity {
	flex-direction: column;
	align-items: center
}
}.body--apply .identity__button,.body--cooperation-manage .identity__button {
	width: 370px;
	height: 260px;
	margin-right: 50px;
	border-radius: 10px;
	border: solid 2px transparent;
	padding: 20px;
	position: relative;
	cursor: pointer;
	background-color: #f4f4f4;
	transition: all .4s ease
}
.body--apply .identity__button: last-of-type,.body--cooperation-manage .identity__button: last-of-type {
	margin-right: 0
}
@media(max-width: 1240px) {
	.body--apply .identity__button,.body--cooperation-manage .identity__button {
	width: 323px;
	margin-right: 20px
}
}@media(max-width: 1040px) {
	.body--apply .identity__button,.body--cooperation-manage .identity__button {
	width: 568px;
	height: 160px;
	padding: 10px 20px;
	margin-right: 0;
	margin-bottom: 20px;
	overflow: hidden
}
.body--apply .identity__button: last-of-type,.body--cooperation-manage .identity__button: last-of-type {
	margin-bottom: 0
}
}@media(max-width: 567px) {
	.body--apply .identity__button,.body--cooperation-manage .identity__button {
	width: 374px;
	padding: 10px
}
}@media(max-width: 400px) {
	.body--apply .identity__button,.body--cooperation-manage .identity__button {
	width: 335px
}
}.body--apply .identity__button: hover,.body--cooperation-manage .identity__button: hover {
	border-color: #019fde
}
.body--apply .identity__button: hover .identity__header,.body--cooperation-manage .identity__button: hover .identity__header {
	color: #019fde
}
.body--apply .identity__button: hover .identity__header: : after,.body--cooperation-manage .identity__button: hover .identity__header: : after {
	background-color: #019fde;
	transform: scaleX(1)
}
.body--apply .identity__button: hover .identity__description,.body--cooperation-manage .identity__button: hover .identity__description {
	color: #4c545a
}
.body--apply .identity__header,.body--cooperation-manage .identity__header {
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
	position: relative;
	width: fit-content
}
@media(max-width: 567px) {
	.body--apply .identity__header,.body--cooperation-manage .identity__header {
	font-size: 18px
}
}.body--apply .identity__header: : after,.body--cooperation-manage .identity__header: : after {
	content: "";
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #4c545a;
	bottom: -14px;
	transform-origin: left;
	transform: scaleX(0);
	transition: transform .2s ease-in-out
}
@media(max-width: 567px) {
	.body--apply .identity__header: : after,.body--cooperation-manage .identity__header: : after {
	bottom: -7px
}
}.body--apply .identity__description,.body--cooperation-manage .identity__description {
	font-size: 16px;
	line-height: 1.38;
	width: 200px;
	color: #bbb;
	margin-top: 24px
}
.body--apply .identity__description p,.body--cooperation-manage .identity__description p {
	position: relative;
	z-index: 2
}
.body--apply .identity__description .svg-anime,.body--cooperation-manage .identity__description .svg-anime {
	width: 200px;
	height: 180px;
	position: absolute;
	bottom: 0;
	right: 0
}
@media(max-width: 1240px) {
	.body--apply .identity__description,.body--cooperation-manage .identity__description {
	width: 160px
}
.body--apply .identity__description .svg-anime,.body--cooperation-manage .identity__description .svg-anime {
	width: 195px;
	height: 180px
}
}@media(max-width: 1040px) {
	.body--apply .identity__description,.body--cooperation-manage .identity__description {
	width: 320px
}
.body--apply .identity__description .svg-anime,.body--cooperation-manage .identity__description .svg-anime {
	width: 200px;
	bottom: -20px
}
}@media(max-width: 567px) {
	.body--apply .identity__description,.body--cooperation-manage .identity__description {
	margin-top: 19px;
	width: 200px;
	font-size: 14px
}
.body--apply .identity__description .svg-anime,.body--cooperation-manage .identity__description .svg-anime {
	width: 136px;
	height: 126px;
	bottom: 0px
}
}.body--apply .identity__submit,.body--cooperation-manage .identity__submit {
	margin: 50px auto 95px auto;
	width: 200px;
	height: 50px;
	background: #019fde;
	color: #fff;
	border-radius: 4px;
	border: none;
	font-weight: 500
}
.body--apply .identity__submit.disabled,.body--cooperation-manage .identity__submit.disabled {
	background-color: #d3dee5;
	border-color: #d3dee5
}
@media(max-width: 567px) {
	.body--apply .identity__submit,.body--cooperation-manage .identity__submit {
	height: 36px;
	font-size: 14px
}
}.body--apply .page--form,.body--cooperation-manage .page--form {
	padding-top: 160px
}
.body--apply .form__container,.body--cooperation-manage .form__container {
	width: 1000px;
	margin: 0 auto;
	padding: 0 100px 100px
}
@media(max-width: 1040px) {
	.body--apply .form__container,.body--cooperation-manage .form__container {
	width: 740px;
	padding: 0 20px 60px
}
}@media(max-width: 768px) {
	.body--apply .form__container,.body--cooperation-manage .form__container {
	width: 540px
}
}@media(max-width: 567px) {
	.body--apply .form__container,.body--cooperation-manage .form__container {
	width: 374px
}
}@media(max-width: 400px) {
	.body--apply .form__container,.body--cooperation-manage .form__container {
	width: 335px
}
}.body--apply .form__header,.body--cooperation-manage .form__header {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 24px;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,.12)
}
@media(max-width: 567px) {
	.body--apply .form__header,.body--cooperation-manage .form__header {
	font-size: 18px
}
}.body--apply .form__content,.body--cooperation-manage .form__content {
	padding-top: 20px
}
.body--apply .js-application-subform.is--teacher,.body--cooperation-manage .js-application-subform.is--teacher {
	display: none !important
}
.body--apply .js-application-subform.is--partner,.body--cooperation-manage .js-application-subform.is--partner {
	display: none !important
}
.body--apply .js-application-subform.is--author,.body--cooperation-manage .js-application-subform.is--author {
	display: none !important
}
.body--apply .s--teacher .js-application-subform.is--teacher,.body--cooperation-manage .s--teacher .js-application-subform.is--teacher {
	display: block !important
}
.body--apply .s--partner .js-application-subform.is--partner,.body--cooperation-manage .s--partner .js-application-subform.is--partner {
	display: block !important
}
.body--apply .s--author .js-application-subform.is--author,.body--cooperation-manage .s--author .js-application-subform.is--author {
	display: block !important
}
.body--apply .form__container .form-group,.body--cooperation-manage .form__container .form-group {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px
}
@media(max-width: 567px) {
	.body--apply .hidden--mobile,.body--cooperation-manage .hidden--mobile {
	display: none
}
}.body--apply label,.body--cooperation-manage label {
	font-size: 16px;
	font-weight: normal
}
@media(max-width: 567px) {
	.body--apply label,.body--cooperation-manage label {
	font-size: 14px
}
}.body--apply input,.body--apply textarea,.body--apply select,.body--cooperation-manage input,.body--cooperation-manage textarea,.body--cooperation-manage select {
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,.2);
	resize: none
}
@media(max-width: 567px) {
	.body--apply input,.body--apply textarea,.body--apply select,.body--cooperation-manage input,.body--cooperation-manage textarea,.body--cooperation-manage select {
	font-size: 14px
}
}.body--apply input: focus,.body--apply input: focus-visible,.body--apply textarea: focus,.body--apply textarea: focus-visible,.body--apply select: focus,.body--apply select: focus-visible,.body--cooperation-manage input: focus,.body--cooperation-manage input: focus-visible,.body--cooperation-manage textarea: focus,.body--cooperation-manage textarea: focus-visible,.body--cooperation-manage select: focus,.body--cooperation-manage select: focus-visible {
	outline: none;
	border-color: #019fde
}
.body--apply input,.body--apply select,.body--cooperation-manage input,.body--cooperation-manage select {
	height: 50px;
	padding-left: 10px
}
@media(max-width: 567px) {
	.body--apply input,.body--apply select,.body--cooperation-manage input,.body--cooperation-manage select {
	height: 36px
}
}.body--apply .form-set--avatar-name-nickname,.body--cooperation-manage .form-set--avatar-name-nickname {
	display: flex
}
@media(max-width: 768px) {
	.body--apply .form-set--avatar-name-nickname,.body--cooperation-manage .form-set--avatar-name-nickname {
	flex-direction: column
}
}.body--apply .form-set--name-nickname,.body--cooperation-manage .form-set--name-nickname {
	flex-grow: 1
}
.body--apply .form__limited-input,.body--cooperation-manage .form__limited-input {
	position: relative
}
.body--apply .form__limited-input .form__limit-box,.body--cooperation-manage .form__limited-input .form__limit-box {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-color: #bbb;
	color: #fff;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center
}
@media(max-width: 567px) {
	.body--apply .form__limited-input .form__limit-box,.body--cooperation-manage .form__limited-input .form__limit-box {
	width: 24px;
	height: 24px;
	right: 6px;
	font-size: 14px
}
}.body--apply .form__limited-input input,.body--cooperation-manage .form__limited-input input {
	width: 100%
}
.body--apply .form--avatar,.body--cooperation-manage .form--avatar {
	height: 180px;
	width: 180px;
	position: relative;
	margin-right: 50px
}
@media(max-width: 768px) {
	.body--apply .form--avatar,.body--cooperation-manage .form--avatar {
	height: 140px;
	width: 140px;
	margin: 0 auto 20px auto
}
}@media(max-width: 567px) {
	.body--apply .form--avatar,.body--cooperation-manage .form--avatar {
	width: 80px;
	height: 80px
}
}.body--apply .form--avatar button,.body--cooperation-manage .form--avatar button {
	height: 56px;
	width: 56px;
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	right: 0;
	border: none;
	outline: none;
	background-color: #019fde;
	display: flex;
	align-items: center;
	justify-content: center
}
@media(max-width: 567px) {
	.body--apply .form--avatar button,.body--cooperation-manage .form--avatar button {
	height: 30px;
	width: 30px
}
}.body--apply .form--avatar img,.body--cooperation-manage .form--avatar img {
	height: 100%;
	width: 100%
}
.body--apply .form--avatar .svg-icon,.body--cooperation-manage .form--avatar .svg-icon {
	height: 24px;
	width: 24px;
	fill: #fff
}
@media(max-width: 567px) {
	.body--apply .form--avatar .svg-icon,.body--cooperation-manage .form--avatar .svg-icon {
	height: 16px;
	width: 16px
}
}.body--apply .form-set--email input,.body--cooperation-manage .form-set--email input {
	background: rgba(0,0,0,.2);
	color: #4c545a;
	font-weight: 500
}
.body--apply .form-set--nation-gender-entity,.body--cooperation-manage .form-set--nation-gender-entity {
	display: flex
}
@media(max-width: 768px) {
	.body--apply .form-set--nation-gender-entity,.body--cooperation-manage .form-set--nation-gender-entity {
	flex-wrap: wrap
}
}.body--apply .form-set--nation-gender-entity .form-group--nation,.body--cooperation-manage .form-set--nation-gender-entity .form-group--nation {
	margin-right: 105px
}
@media(max-width: 1040px) {
	.body--apply .form-set--nation-gender-entity .form-group--nation,.body--cooperation-manage .form-set--nation-gender-entity .form-group--nation {
	margin-right: 55px
}
}@media(max-width: 768px) {
	.body--apply .form-set--nation-gender-entity .form-group--nation,.body--cooperation-manage .form-set--nation-gender-entity .form-group--nation {
	margin-right: 0;
	width: 100%
}
}.body--apply .form-set--nation-gender-entity .form-group--nation select,.body--cooperation-manage .form-set--nation-gender-entity .form-group--nation select {
	width: 200px;
	color: #bbb
}
@media(max-width: 768px) {
	.body--apply .form-set--nation-gender-entity .form-group--nation select,.body--cooperation-manage .form-set--nation-gender-entity .form-group--nation select {
	width: 100%
}
}.body--apply .form-set--gender-entity,.body--cooperation-manage .form-set--gender-entity {
	display: flex
}
.body--apply .form-group--gender,.body--cooperation-manage .form-group--gender {
	margin-right: 105px
}
@media(max-width: 1040px) {
	.body--apply .form-group--gender,.body--cooperation-manage .form-group--gender {
	margin-right: 55px
}
}@media(max-width: 567px) {
	.body--apply .form-group--gender,.body--cooperation-manage .form-group--gender {
	margin-right: 50px
}
}.body--apply .gender__selector,.body--cooperation-manage .gender__selector {
	display: flex
}
.body--apply .gender__selector input[type=radio],.body--cooperation-manage .gender__selector input[type=radio] {
	display: none
}
.body--apply .gender__selector input[value="1"]: checked~.selector__box,.body--cooperation-manage .gender__selector input[value="1"]: checked~.selector__box {
	border-color: #019fde;
	color: #019fde
}
.body--apply .gender__selector input[value="2"]: checked~.selector__box,.body--cooperation-manage .gender__selector input[value="2"]: checked~.selector__box {
	border-color: #ff5b74;
	color: #ff5b74
}
.body--apply .gender__selector input[value="0"]: checked~.selector__box,.body--cooperation-manage .gender__selector input[value="0"]: checked~.selector__box {
	border-color: #000;
	color: #000
}
.body--apply .selector__opt,.body--cooperation-manage .selector__opt {
	margin-right: 20px
}
@media(max-width: 567px) {
	.body--apply .selector__opt,.body--cooperation-manage .selector__opt {
	margin-right: 10px
}
}.body--apply .selector__box,.body--cooperation-manage .selector__box {
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 4px;
	cursor: pointer;
	color: #bbb
}
@media(max-width: 567px) {
	.body--apply .selector__box,.body--cooperation-manage .selector__box {
	height: 36px;
	width: 36px;
	font-size: 14px
}
}.body--apply .selector__box: last-of-type,.body--cooperation-manage .selector__box: last-of-type {
	margin-right: 0
}
.body--apply .selector__box .svg-icon,.body--cooperation-manage .selector__box .svg-icon {
	display: none
}
.body--apply .selector__box.box--male: hover,.body--cooperation-manage .selector__box.box--male: hover {
	border-color: #019fde;
	color: #019fde
}
.body--apply .selector__box.box--male: hover .svg-icon,.body--cooperation-manage .selector__box.box--male: hover .svg-icon {
	fill: #019fde
}
.body--apply .selector__box.box--female: hover,.body--cooperation-manage .selector__box.box--female: hover {
	border-color: #ff5b74;
	color: #ff5b74
}
.body--apply .selector__box.box--female: hover .svg-icon,.body--cooperation-manage .selector__box.box--female: hover .svg-icon {
	fill: #ff5b74
}
.body--apply .selector__box.box--diverse: hover,.body--cooperation-manage .selector__box.box--diverse: hover {
	border-color: #4c545a;
	color: #4c545a
}
.body--apply .selector__box: not(.box--diverse): hover span,.body--cooperation-manage .selector__box: not(.box--diverse): hover span {
	display: none
}
.body--apply .selector__box: not(.box--diverse): hover .svg-icon,.body--cooperation-manage .selector__box: not(.box--diverse): hover .svg-icon {
	display: flex
}
.body--apply .form-group--entity,.body--cooperation-manage .form-group--entity {
	width: 50%
}
.body--apply .form-group--entity .checkbox-set,.body--cooperation-manage .form-group--entity .checkbox-set {
	display: flex;
	justify-content: space-between;
	user-select: none
}
.body--apply .form-group--entity .checkbox-set label,.body--cooperation-manage .form-group--entity .checkbox-set label {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	cursor: pointer
}
.body--apply .form-group--entity .checkbox-set label: first-of-type,.body--cooperation-manage .form-group--entity .checkbox-set label: first-of-type {
	margin-right: 50px
}
@media(max-width: 567px) {
	.body--apply .form-group--entity .checkbox-set label: first-of-type,.body--cooperation-manage .form-group--entity .checkbox-set label: first-of-type {
	margin-right: 20px
}
}.body--apply .form-group--entity .checkbox-set input,.body--cooperation-manage .form-group--entity .checkbox-set input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}
.body--apply .form-group--entity .checkbox-set input,.body--cooperation-manage .form-group--entity .checkbox-set input {
	margin-right: 10px
}
.body--apply .form-group--entity .checkbox-set input: checked~.checkmark: after,.body--cooperation-manage .form-group--entity .checkbox-set input: checked~.checkmark: after {
	display: block
}
.body--apply .form-group--entity .checkbox-set .checkmark,.body--cooperation-manage .form-group--entity .checkbox-set .checkmark {
	position: relative;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 50%;
	margin-right: 10px
}
@media(max-width: 567px) {
	.body--apply .form-group--entity .checkbox-set .checkmark,.body--cooperation-manage .form-group--entity .checkbox-set .checkmark {
	height: 16px;
	width: 16px;
	margin-right: 5px
}
}.body--apply .form-group--entity .checkbox-set .checkmark: after,.body--cooperation-manage .form-group--entity .checkbox-set .checkmark: after {
	content: "";
	position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #019fde
}
@media(max-width: 567px) {
	.body--apply .form-group--entity .checkbox-set .checkmark: after,.body--cooperation-manage .form-group--entity .checkbox-set .checkmark: after {
	width: 10px;
	height: 10px
}
}.body--apply .form-set--phone-workphone,.body--cooperation-manage .form-set--phone-workphone {
	display: flex;
	justify-content: space-between
}
@media(max-width: 567px) {
	.body--apply .form-set--phone-workphone,.body--cooperation-manage .form-set--phone-workphone {
	flex-direction: column
}
}.body--apply .form-set--phone-workphone .form-group,.body--cooperation-manage .form-set--phone-workphone .form-group {
	width: calc(50% - 10px)
}
@media(max-width: 567px) {
	.body--apply .form-set--phone-workphone .form-group,.body--cooperation-manage .form-set--phone-workphone .form-group {
	width: 100%
}
}.body--apply .form-set--nation-city-district,.body--cooperation-manage .form-set--nation-city-district {
	display: flex
}
@media(max-width: 567px) {
	.body--apply .form-set--nation-city-district,.body--cooperation-manage .form-set--nation-city-district {
	flex-direction: column
}
}.body--apply .form-set--nation-city-district .form-group,.body--cooperation-manage .form-set--nation-city-district .form-group {
	width: 33.3333%
}
@media(max-width: 567px) {
	.body--apply .form-set--nation-city-district .form-group,.body--cooperation-manage .form-set--nation-city-district .form-group {
	width: 100%
}
}.body--apply .form-set--nation-city-district .form-group: nth-of-type(1),.body--cooperation-manage .form-set--nation-city-district .form-group: nth-of-type(1) {
	padding-right: 13px
}
@media(max-width: 567px) {
	.body--apply .form-set--nation-city-district .form-group: nth-of-type(1),.body--cooperation-manage .form-set--nation-city-district .form-group: nth-of-type(1) {
	padding-right: 0
}
}.body--apply .form-set--nation-city-district .form-group: nth-of-type(2),.body--cooperation-manage .form-set--nation-city-district .form-group: nth-of-type(2) {
	padding: 0 7px
}
@media(max-width: 567px) {
	.body--apply .form-set--nation-city-district .form-group: nth-of-type(2),.body--cooperation-manage .form-set--nation-city-district .form-group: nth-of-type(2) {
	padding: 0
}
}.body--apply .form-set--nation-city-district .form-group: nth-of-type(3),.body--cooperation-manage .form-set--nation-city-district .form-group: nth-of-type(3) {
	padding-left: 13px
}
@media(max-width: 567px) {
	.body--apply .form-set--nation-city-district .form-group: nth-of-type(3),.body--cooperation-manage .form-set--nation-city-district .form-group: nth-of-type(3) {
	padding-left: 0
}
}.body--apply .form-set--zipcode-address,.body--cooperation-manage .form-set--zipcode-address {
	display: flex
}
@media(max-width: 567px) {
	.body--apply .form-set--zipcode-address,.body--cooperation-manage .form-set--zipcode-address {
	flex-direction: column
}
}.body--apply .form-set--zipcode-address .form-group--zipcode,.body--cooperation-manage .form-set--zipcode-address .form-group--zipcode {
	width: 160px;
	margin-right: 20px
}
@media(max-width: 768px) {
	.body--apply .form-set--zipcode-address .form-group--zipcode,.body--cooperation-manage .form-set--zipcode-address .form-group--zipcode {
	width: 100px
}
}.body--apply .form-set--zipcode-address .form-group--address,.body--cooperation-manage .form-set--zipcode-address .form-group--address {
	flex: 1
}
.body--apply .form-group--zipcode,.body--cooperation-manage .form-group--zipcode {
	cursor: not-allowed
}
.body--apply .form-group--zipcode input,.body--cooperation-manage .form-group--zipcode input {
	background: rgba(0,0,0,.2);
	pointer-events: none
}
.body--apply .form-set--facebook-instagram-blog,.body--cooperation-manage .form-set--facebook-instagram-blog {
	display: flex;
	flex-wrap: wrap
}
@media(max-width: 567px) {
	.body--apply .form-set--facebook-instagram-blog,.body--cooperation-manage .form-set--facebook-instagram-blog {
	flex-direction: column
}
}.body--apply .form-set--facebook-instagram-blog .form-group,.body--cooperation-manage .form-set--facebook-instagram-blog .form-group {
	width: 50%
}
@media(max-width: 567px) {
	.body--apply .form-set--facebook-instagram-blog .form-group,.body--cooperation-manage .form-set--facebook-instagram-blog .form-group {
	width: 100%
}
}.body--apply .form-set--facebook-instagram-blog .form-group: nth-of-type(1),.body--apply .form-set--facebook-instagram-blog .form-group: nth-of-type(3),.body--cooperation-manage .form-set--facebook-instagram-blog .form-group: nth-of-type(1),.body--cooperation-manage .form-set--facebook-instagram-blog .form-group: nth-of-type(3) {
	padding-right: 10px
}
@media(max-width: 567px) {
	.body--apply .form-set--facebook-instagram-blog .form-group: nth-of-type(1),.body--apply .form-set--facebook-instagram-blog .form-group: nth-of-type(3),.body--cooperation-manage .form-set--facebook-instagram-blog .form-group: nth-of-type(1),.body--cooperation-manage .form-set--facebook-instagram-blog .form-group: nth-of-type(3) {
	padding-right: 0
}
}.body--apply .form-set--facebook-instagram-blog .form-group: nth-of-type(2),.body--cooperation-manage .form-set--facebook-instagram-blog .form-group: nth-of-type(2) {
	padding-left: 10px
}
@media(max-width: 567px) {
	.body--apply .form-set--facebook-instagram-blog .form-group: nth-of-type(2),.body--cooperation-manage .form-set--facebook-instagram-blog .form-group: nth-of-type(2) {
	padding-left: 0
}
}.body--apply .form-set--partner-code input,.body--cooperation-manage .form-set--partner-code input {
	width: 100%
}
.body--apply .form-set--partner-code .partner-code__input-set,.body--cooperation-manage .form-set--partner-code .partner-code__input-set {
	position: relative
}
.body--apply .form-set--partner-code .code__status-mark,.body--cooperation-manage .form-set--partner-code .code__status-mark {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	height: 18px;
	width: 18px;
	border-radius: 50%;
	background: #c4c4c4
}
.body--apply .form-set--partner-code .svg-icon,.body--cooperation-manage .form-set--partner-code .svg-icon {
	display: none;
	fill: #fff;
	margin: 0;
	opacity: 1;
	height: 18px;
	width: 18px
}
.body--apply .form-set--partner-code.has-focus input,.body--cooperation-manage .form-set--partner-code.has-focus input {
	border-color: #019fde
}
.body--apply .form-set--partner-code.has-focus .code__status-mark,.body--cooperation-manage .form-set--partner-code.has-focus .code__status-mark {
	background: #019fde
}
.body--apply .form-set--partner-code.has-pass input,.body--cooperation-manage .form-set--partner-code.has-pass input {
	border-color: #019fde
}
.body--apply .form-set--partner-code.has-pass .code__status-mark,.body--cooperation-manage .form-set--partner-code.has-pass .code__status-mark {
	background: #019fde
}
.body--apply .form-set--partner-code.has-pass .check,.body--cooperation-manage .form-set--partner-code.has-pass .check {
	display: block
}
.body--apply .form-set--partner-code.has-pass.has-blur input,.body--cooperation-manage .form-set--partner-code.has-pass.has-blur input {
	border-color: rgba(0,0,0,.2)
}
.body--apply .form-set--partner-code.has-pass.has-blur .code__status-mark,.body--cooperation-manage .form-set--partner-code.has-pass.has-blur .code__status-mark {
	background: #c4c4c4
}
.body--apply .form-set--partner-code.has-error input,.body--cooperation-manage .form-set--partner-code.has-error input {
	border-color: #ff5b74
}
.body--apply .form-set--partner-code.has-error .code__status-mark,.body--cooperation-manage .form-set--partner-code.has-error .code__status-mark {
	background: #ff5b74
}
.body--apply .form-set--partner-code.has-error .exclamation,.body--cooperation-manage .form-set--partner-code.has-error .exclamation {
	display: inline-block
}
.body--apply .form-set--partner-code.has-error .close,.body--cooperation-manage .form-set--partner-code.has-error .close {
	display: block
}
.body--apply .form-set--description textarea,.body--cooperation-manage .form-set--description textarea {
	height: 200px;
	padding: 14px 10px
}
.body--apply .form__consent,.body--cooperation-manage .form__consent {
	display: flex;
	flex-direction: column;
	align-items: center
}
.body--apply .consent__link,.body--cooperation-manage .consent__link {
	height: 50px;
	width: 100%;
	border-radius: 4px;
	border: solid 1px #019fde;
	color: #019fde;
	background-color: rgba(1,159,222,.2);
	display: flex;
	align-items: center;
	justify-content: center
}
@media(max-width: 567px) {
	.body--apply .consent__link,.body--cooperation-manage .consent__link {
	height: 36px;
	font-size: 14px
}
}.body--apply .consent__checkbox-set,.body--cooperation-manage .consent__checkbox-set {
	display: flex;
	align-items: center;
	cursor: pointer;
	margin-top: 10px
}
.body--apply .consent__checkbox-set input[type=checkbox],.body--cooperation-manage .consent__checkbox-set input[type=checkbox] {
	display: none
}
.body--apply .consent__checkbox-set .checkmark,.body--cooperation-manage .consent__checkbox-set .checkmark {
	height: 20px;
	width: 20px;
	border-radius: 4px;
	background-color: #fff;
	margin-right: 10px;
	border: 1px solid #000;
	display: flex;
	align-items: center;
	justify-content: center
}
.body--apply .consent__checkbox-set .checkmark .svg-icon,.body--cooperation-manage .consent__checkbox-set .checkmark .svg-icon {
	opacity: none;
	fill: #fff;
	margin: 0
}
.body--apply .consent__checkbox-set input: checked~.checkmark,.body--cooperation-manage .consent__checkbox-set input: checked~.checkmark {
	background-color: #019fde;
	border-color: transparent
}
.body--apply .form__footer,.body--cooperation-manage .form__footer {
	display: flex;
	margin-top: 20px
}
@media(max-width: 768px) {
	.body--apply .form__footer,.body--cooperation-manage .form__footer {
	flex-direction: column
}
}.body--apply .footer__description,.body--cooperation-manage .footer__description {
	font-size: 14px;
	line-height: 1.4;
	width: 398px
}
@media(max-width: 567px) {
	.body--apply .footer__description,.body--cooperation-manage .footer__description {
	font-size: 12px
}
}.body--apply .footer__button-set,.body--cooperation-manage .footer__button-set {
	margin-left: auto;
	margin-top: auto;
	display: flex
}
@media(max-width: 768px) {
	.body--apply .footer__button-set,.body--cooperation-manage .footer__button-set {
	width: 100%;
	margin-top: 20px;
	justify-content: space-between
}
}.body--apply .footer__button,.body--cooperation-manage .footer__button {
	width: 140px;
	height: 50px;
	background: #019fde;
	border: none;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	font-weight: 500
}
.body--apply .footer__button: first-of-type,.body--cooperation-manage .footer__button: first-of-type {
	margin-right: 20px;
	border: 2px solid #019fde;
	background: #fff;
	color: #019fde
}
@media(max-width: 768px) {
	.body--apply .footer__button,.body--cooperation-manage .footer__button {
	margin: 0;
	width: calc(50% - 10px)
}
.body--apply .footer__button: first-of-type,.body--cooperation-manage .footer__button: first-of-type {
	margin-right: 0
}
}@media(max-width: 567px) {
	.body--apply .footer__button,.body--cooperation-manage .footer__button {
	height: 36px;
	font-size: 14px;
	width: calc(50% - 5px)
}
}.body--apply .page--finish,.body--cooperation-manage .page--finish {
	padding-top: 120px;
	padding-bottom: 136px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}
@media(max-width: 768px) {
	.body--apply .page--finish,.body--cooperation-manage .page--finish {
	padding-top: 100px
}
}.body--apply .page--finish img,.body--cooperation-manage .page--finish img {
	height: 184px;
	width: 200px
}
@media(max-width: 567px) {
	.body--apply .page--finish img,.body--cooperation-manage .page--finish img {
	width: 160px;
	height: 146px
}
}.body--apply .page--finish h4,.body--cooperation-manage .page--finish h4 {
	font-size: 24px;
	font-weight: bold;
	margin: 20px 0
}
@media(max-width: 567px) {
	.body--apply .page--finish h4,.body--cooperation-manage .page--finish h4 {
	margin-bottom: 10px;
	font-size: 20px
}
}.body--apply .page--finish p,.body--cooperation-manage .page--finish p {
	text-align: center;
	line-height: 1.4
}
@media(max-width: 567px) {
	.body--apply .page--finish p,.body--cooperation-manage .page--finish p {
	font-size: 14px
}
}.js-dashboard-container.s--teacher.s--course-manage .tab-control__inner: : after {
	left: 16.6666666667%
}
.js-dashboard-container.s--teacher.s--course-income .tab-control__inner: : after {
	left: 49.9999999999%
}
.js-dashboard-container.s--teacher.s--article-manage .tab-control__inner: : after {
	left: 83.3333333333%
}
.s--teacher .dashboard__course-list {
	display: flex;
	flex-direction: column;
	align-items: center
}
@media(max-width: 1040px) {
	.s--teacher .dashboard__course-list .course-list__item__status__wrap {
	width: 760px
}
}@media(max-width: 768px) {
	.s--teacher .dashboard__course-list .course-list__item__status__wrap {
	width: 740px
}
}@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .course-list__item__status__wrap {
	width: 90%
}
}.s--teacher .dashboard__course-list .course-list__item__status__wrap .course-list__item__status {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold
}
@media(max-width: 1240px) {
	.s--teacher .dashboard__course-list .course-list__item__status__wrap .course-list__item__status {
	width: 760px
}
}@media(max-width: 768px) {
	.s--teacher .dashboard__course-list .course-list__item__status__wrap .course-list__item__status {
	width: 568px
}
}@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .course-list__item__status__wrap .course-list__item__status {
	width: 100%
}
}.s--teacher .dashboard__course-list .course-list__item__status__wrap .course-list__item__status.comingSoon,.s--teacher .dashboard__course-list .course-list__item__status__wrap .course-list__item__status.onlineCourseIsOpen,.s--teacher .dashboard__course-list .course-list__item__status__wrap .course-list__item__status.sort--started,.s--teacher .dashboard__course-list .course-list__item__status__wrap .course-list__item__status.sort--aboutToStart {
	color: #019fde
}
.s--teacher .dashboard__course-list .course-list__item__status__wrap .course-list__item__status.Fundraising,.s--teacher .dashboard__course-list .course-list__item__status__wrap .course-list__item__status.sort--fundraise {
	color: #fc5b74
}
.s--teacher .dashboard__course-list .course-list__item__status__wrap .course-list__item__status.offlineCourseComingSoon,.s--teacher .dashboard__course-list .course-list__item__status__wrap .course-list__item__status.canSignUp,.s--teacher .dashboard__course-list .course-list__item__status__wrap .course-list__item__status.sort--onSiteClose,.s--teacher .dashboard__course-list .course-list__item__status__wrap .course-list__item__status.sort--onSiteOpen,.s--teacher .dashboard__course-list .course-list__item__status__wrap .course-list__item__status.sort--onSiteStartingSoon {
	color: #6cce9d
}
.s--teacher .dashboard__course-list .course-list__item {
	height: auto;
	min-height: 155px;
	margin-bottom: 40px;
	display: flex
}
@media(max-width: 768px) {
	.s--teacher .dashboard__course-list .course-list__item {
	height: 100%;
	display: flex;
	justify-content: center
}
}.s--teacher .dashboard__course-list .course-list__item: first-of-type {
	margin-top: 40px
}
@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .course-list__item: first-of-type {
	margin-top: 30px
}
}.s--teacher .dashboard__course-list .course-list__item.s--backer .status__mark {
	color: #fd5b73
}
.s--teacher .dashboard__course-list .course-list__item.s--backer a.panel__button__text {
	background: #fd5b73
}
.s--teacher .dashboard__course-list .course-list__item.s--backer a.panel__button__text: hover {
	background: #ed546a
}
.s--teacher .dashboard__course-list .course-list__item.s--backer .panel__notification.is--more .notification__number {
	background-color: #fc5b74
}
.s--teacher .dashboard__course-list .course-list__item.s--backer.s--Fundraising .text__fundraising__box.countdown {
	color: #fc5b74
}
.s--teacher .dashboard__course-list .course-list__item.s--backer.s--Fundraising .text__fundraising__box.countdown .svg-icon {
	fill: #fc5b74
}
.s--teacher .dashboard__course-list .course-list__item.s--backer .text__fundraising__box.countdown {
	color: #fc5b74
}
.s--teacher .dashboard__course-list .course-list__item.s--backer .text__fundraising__box.countdown .svg-icon {
	fill: #fc5b74
}
.s--teacher .dashboard__course-list .course-list__item.s--backer.s--aboutToStart .detail__price,.s--teacher .dashboard__course-list .course-list__item.s--backer.s--aboutToStart .text__fundraising__box.date {
	color: #019fde
}
.s--teacher .dashboard__course-list .course-list__item.s--backer.s--aboutToStart .detail__price .svg-icon,.s--teacher .dashboard__course-list .course-list__item.s--backer.s--aboutToStart .text__fundraising__box.date .svg-icon {
	fill: #019fde
}
.s--teacher .dashboard__course-list .course-list__item.s--backer.s--aboutToStart .panel__button__text {
	background-color: #019fde;
	color: #fff
}
.s--teacher .dashboard__course-list .course-list__item.s--online .status__mark {
	color: #019fde
}
.s--teacher .dashboard__course-list .course-list__item.s--online a.panel__button__text {
	background: #019fde
}
.s--teacher .dashboard__course-list .course-list__item.s--online a.panel__button__text: hover {
	background: #1794d0
}
.s--teacher .dashboard__course-list .course-list__item.s--online .panel__notification.is--more .notification__number {
	background-color: #fc5b74
}
.s--teacher .dashboard__course-list .course-list__item.s--online.s--comingSoon .text__fundraising__box.date {
	color: #019fde
}
.s--teacher .dashboard__course-list .course-list__item.s--online.s--comingSoon .text__fundraising__box.date .svg-icon {
	fill: #019fde
}
.s--teacher .dashboard__course-list .course-list__item.s--online.s--aboutToStart .text__fundraising__box.date {
	color: #019fde
}
.s--teacher .dashboard__course-list .course-list__item.s--online.s--aboutToStart .text__fundraising__box.date .svg-icon {
	fill: #019fde
}
.s--teacher .dashboard__course-list .course-list__item.s--offline .status__mark,.s--teacher .dashboard__course-list .course-list__item.s--finish .status__mark {
	color: #6cce9d
}
.s--teacher .dashboard__course-list .course-list__item.s--offline a.panel__button__text,.s--teacher .dashboard__course-list .course-list__item.s--finish a.panel__button__text {
	background: #6cce9d
}
.s--teacher .dashboard__course-list .course-list__item.s--offline a.panel__button__text: hover,.s--teacher .dashboard__course-list .course-list__item.s--finish a.panel__button__text: hover {
	background: #64be91
}
.s--teacher .dashboard__course-list .course-list__item.s--offline .panel__notification.is--more .notification__number,.s--teacher .dashboard__course-list .course-list__item.s--finish .panel__notification.is--more .notification__number {
	background-color: #fc5b74
}
@media(max-width: 1040px) {
	.s--teacher .dashboard__course-list .course-list__item {
	width: 760px
}
}@media(max-width: 768px) {
	.s--teacher .dashboard__course-list .course-list__item {
	width: 740px
}
}@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .course-list__item {
	width: 100%
}
}.s--teacher .dashboard__course-list .course-list__item .misc__text .bs-tip-show-icon {
	margin-right: 0
}
.s--teacher .dashboard__course-list .course-list__item .bs-tip-show-icon+.tooltip .tooltip-arrow: after {
	background: #373d40
}
.s--teacher .dashboard__course-list .course-list__item .bs-tip-show-icon+.tooltip .tooltip-inner {
	text-align: left;
	background: #373d40;
	font-size: 14px;
	color: #fff;
	max-width: unset;
	padding: 4px 8px;
	border-radius: 4px
}
@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .course-list__item .bs-tip-show-icon+.tooltip .tooltip-inner {
	font-size: 10px
}
}.s--teacher .dashboard__course-list .item__info {
	display: flex;
	width: 960px;
	height: auto;
	min-height: 150px;
	margin-right: 20px;
	padding: 10px;
	border-radius: 4px;
	box-shadow: 0 4px 16px 0 rgba(0,0,0,.2)
}
@media(max-width: 1240px) {
	.s--teacher .dashboard__course-list .item__info {
	width: 760px
}
}@media(max-width: 1040px) {
	.s--teacher .dashboard__course-list .item__info {
	margin-right: 0;
	padding: 0;
	flex-direction: column
}
}@media(max-width: 768px) {
	.s--teacher .dashboard__course-list .item__info {
	width: 568px;
	height: auto;
	min-height: 245px
}
}@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .item__info {
	width: 100%;
	margin: 0 20px
}
}@media(max-width: 1040px) {
	.s--teacher .dashboard__course-list .item__info .item__wrapper {
	padding: 10px 10px 20px 10px;
	width: 520px
}
}@media(max-width: 768px) {
	.s--teacher .dashboard__course-list .item__info .item__wrapper {
	padding: 10px;
	width: 100%
}
}.s--teacher .dashboard__course-list .item__image-set {
	display: flex
}
.s--teacher .dashboard__course-list .item__image {
	width: 228px;
	height: 128px;
	position: relative;
	flex-shrink: 0;
	border-radius: 4px;
	overflow: hidden
}
@media(max-width: 1040px) {
	.s--teacher .dashboard__course-list .item__image {
	width: 180px;
	height: 128px
}
.s--teacher .dashboard__course-list .item__image img {
	height: 100%;
	margin: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}
}.s--teacher .dashboard__course-list .item__image img {
	height: 100%
}
@media(max-width: 768px) {
	.s--teacher .dashboard__course-list .item__image {
	width: 230px;
	height: 130px
}
}@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .item__image {
	width: 80px;
	height: 45px
}
}.s--teacher .dashboard__course-list .item__image button {
	height: 40px;
	width: 40px;
	background: rgba(0,0,0,.6);
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 0
}
@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .item__image button {
	height: 18px;
	width: 18px;
	top: 5px;
	left: 5px
}
}.s--teacher .dashboard__course-list .item__image .svg-icon {
	fill: #fff;
	height: 30px;
	width: 30px;
	margin: 0
}
@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .item__image .svg-icon {
	height: 14px;
	width: 14px
}
}.s--teacher .dashboard__course-list .item__detail {
	margin-top: 5px;
	margin-left: 20px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
@media(max-width: 1040px) {
	.s--teacher .dashboard__course-list .item__detail {
	width: 100%
}
}@media(max-width: 768px) {
	.s--teacher .dashboard__course-list .item__detail {
	margin-left: 20px
}
}.s--teacher .dashboard__course-list .item__detail .item__detail__backer {
	display: flex
}
.s--teacher .dashboard__course-list .item__detail .item__detail__backer span {
	color: #707070;
	text-decoration: line-through;
	margin-left: 10px;
	font-size: 14px
}
@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .item__detail .item__detail__backer span {
	font-size: 12px
}
}.s--teacher .dashboard__course-list .item__detail .text__fundraising {
	display: flex;
	justify-content: space-between;
	margin-bottom: 3px
}
.s--teacher .dashboard__course-list .item__detail .text__fundraising .text__fundraising__box: last-of-type {
	display: flex
}
.s--teacher .dashboard__course-list .item__detail .text__fundraising .text__fundraising__box: last-of-type span: first-of-type {
	display: flex;
	justify-content: center;
	align-items: center
}
.s--teacher .dashboard__course-list .item__detail .text__fundraising .text__fundraising__box: last-of-type p {
	display: flex
}
.s--teacher .dashboard__course-list .item__detail .text__fundraising .text__fundraising__box: first-of-type {
	display: flex
}
.s--teacher .dashboard__course-list .item__detail .text__fundraising .text__fundraising__box: first-of-type span: first-of-type {
	display: flex;
	align-items: center;
	margin-left: 0;
	margin-right: 5px
}
.s--teacher .dashboard__course-list .item__detail .text__fundraising .text__fundraising__box: first-of-type .progress-title {
	display: flex;
	justify-content: center;
	align-items: center
}
.s--teacher .dashboard__course-list .item__detail .text__offline {
	display: flex
}
.s--teacher .dashboard__course-list .item__detail .text__offline span {
	display: flex;
	align-items: center;
	margin-left: 0;
	margin-right: 5px
}
.s--teacher .dashboard__course-list .item__detail .text__offline.text__offline__address {
	margin-top: 5px;
	margin-bottom: 10px
}
.s--teacher .dashboard__course-list .item__detail .text__online {
	display: flex;
	margin-top: 5px;
	justify-content: space-between
}
.s--teacher .dashboard__course-list .item__detail .text__online .text__online__box {
	display: flex
}
.s--teacher .dashboard__course-list .item__detail .text__online .text__online__box span {
	display: flex;
	align-items: center;
	margin-left: 0;
	margin-right: 5px
}
.s--teacher .dashboard__course-list .item__detail .text__online .text__online__box div {
	display: inline-flex
}
.s--teacher .dashboard__course-list .item__detail .text__online .text__online__box div: first-of-type {
	margin-right: 20px
}
.s--teacher .dashboard__course-list .item__detail .text__online .text__online__box: first-of-type {
	margin-right: 20px
}
.s--teacher .dashboard__course-list .item__detail .progress {
	height: 5px;
	width: 300px
}
@media(max-width: 1040px) {
	.s--teacher .dashboard__course-list .item__detail .progress {
	width: 100%
}
}.s--teacher .dashboard__course-list .item__detail .progress div.progress__fundraising {
	height: 100%;
	background-color: #fd5b73
}
.s--teacher .dashboard__course-list .item__detail .progress div.progress__fundraising__success {
	height: 100%;
	background-color: #019fde
}
.s--teacher .dashboard__course-list .item__detail .progress div.progress__fundraising.expired,.s--teacher .dashboard__course-list .item__detail .progress .my-course-card .cover div.progress__fundraising.private,.my-course-card .cover .s--teacher .dashboard__course-list .item__detail .progress div.progress__fundraising.private,.s--teacher .dashboard__course-list .item__detail .progress .my-course-card .cover div.progress__fundraising.expired-xs,.my-course-card .cover .s--teacher .dashboard__course-list .item__detail .progress div.progress__fundraising.expired-xs {
	background-color: #8b9195
}
@media(max-width: 768px) {
	.s--teacher .dashboard__course-list .item__detail .progress {
	margin: auto
}
}.s--teacher .dashboard__course-list .detail__title {
	font-size: 18px;
	font-weight: 500;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 682px
}
@media(max-width: 1040px) {
	.s--teacher .dashboard__course-list .detail__title {
	width: 100%
}
}@media(min-width: 1041px)and (max-width: 1240px) {
	.s--teacher .dashboard__course-list .detail__title {
	width: 482px
}
}.s--teacher .dashboard__course-list .detail__price {
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 5px
}
@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .detail__price {
	font-size: 18px;
	line-height: 24px
}
}.s--teacher .dashboard__course-list .detail__status {
	font-size: 16px;
	line-height: 22px;
	display: flex;
	align-items: center
}
.s--teacher .dashboard__course-list .detail__status .status__mark {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ff5b74;
	margin-right: 10px
}
@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .detail__status {
	font-size: 14px;
	line-height: 20px
}
}.s--teacher .dashboard__course-list .detail__misc {
	font-size: 16px;
	margin-left: 2px
}
.s--teacher .dashboard__course-list .detail__misc span {
	display: inline-flex;
	align-items: center
}
.s--teacher .dashboard__course-list .detail__misc span: first-of-type {
	margin-right: 20px
}
.s--teacher .dashboard__course-list .detail__misc .svg-icon {
	height: 16px;
	width: 16px;
	margin-left: 0;
	margin-right: 5px
}
@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .detail__misc .svg-icon {
	height: 14px;
	width: 14px
}
}@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .detail__misc {
	font-size: 14px;
	line-height: 20px
}
}.s--teacher .dashboard__course-list .misc__text {
	display: flex;
	align-items: center
}
.s--teacher .dashboard__course-list .misc__text: first-of-type {
	margin-right: 20px
}
.s--teacher .dashboard__course-list .misc__text svg {
	display: flex;
	align-items: center
}
.s--teacher .dashboard__course-list .detail__address {
	width: 100%;
	line-height: 22px;
	overflow: hidden
}
.s--teacher .dashboard__course-list .item__panel.visible {
	width: 230px;
	min-height: 150px;
	height: auto;
	padding: 10px 15px;
	display: flex;
	flex-direction: column;
	border-radius: 4px;
	box-shadow: 0 4px 16px 0 rgba(0,0,0,.2)
}
@media(max-width: 768px) {
	.s--teacher .dashboard__course-list .item__panel.visible {
	width: 150px
}
}.s--teacher .dashboard__course-list .item__panel.visible .panel__notification-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.s--teacher .dashboard__course-list .item__panel.visible .panel__notification-area .notification__number {
	color: #fff
}
.s--teacher .dashboard__course-list .item__panel.visible .panel__button {
	width: 100%
}
.s--teacher .dashboard__course-list .item__panel.visible .panel__notification: nth-of-type(1),.s--teacher .dashboard__course-list .item__panel.visible .panel__notification: nth-of-type(2) {
	margin-bottom: 15px
}
@media(max-width: 1040px) {
	.s--teacher .dashboard__course-list .item__panel.visible {
	margin-left: 20px;
	width: 300px;
	height: inherit
}
}@media(max-width: 768px) {
	.s--teacher .dashboard__course-list .item__panel.visible {
	display: none
}
}.s--teacher .dashboard__course-list .item__panel.visible p {
	text-overflow: ellipsis;
	overflow: hidden
}
.s--teacher .dashboard__course-list .item__panel.visible--smaller-pad {
	border-top: 1px solid rgba(0,0,0,.1);
	padding: 10px;
	flex-direction: column;
	width: 100%
}
.s--teacher .dashboard__course-list .item__panel.visible--smaller-pad .panel__notification-area {
	display: flex;
	align-items: center
}
@media(max-width: 768px) {
	.s--teacher .dashboard__course-list .item__panel.visible--smaller-pad .panel__notification-area {
	display: flex;
	justify-content: space-around;
	margin-bottom: 10px
}
}.s--teacher .dashboard__course-list .item__panel.visible--smaller-pad .panel__notification-area .notification__number {
	color: #fff
}
.s--teacher .dashboard__course-list .item__panel.visible--smaller-pad .panel__button {
	width: 100%;
	margin-left: auto;
	margin-top: 0;
	height: 40px
}
.s--teacher .dashboard__course-list .item__panel.visible--smaller-pad p {
	margin-bottom: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.s--teacher .dashboard__course-list .panel__notification {
	display: flex
}
.s--teacher .dashboard__course-list .notification__title {
	font-size: 16px;
	line-height: 20px;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center
}
@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .notification__title {
	margin-right: 5px;
	font-size: 14px;
	line-height: 16px
}
}.s--teacher .dashboard__course-list .notification__number {
	border-radius: 16px;
	width: 40px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	background: rgba(0,0,0,.1)
}
@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .notification__number {
	font-size: 14px;
	line-height: 20px;
	height: 20px
}
}.s--teacher .dashboard__course-list .panel__button {
	margin-top: auto;
	height: 50px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	background: #fd5b73;
	border-radius: 4px;
	border: none;
	outline: none;
	display: flex;
	justify-content: center;
	align-items: center
}
.s--teacher .dashboard__course-list .panel__button: hover {
	filter: grayscale(20%)
}
@media(max-width: 567px) {
	.s--teacher .dashboard__course-list .panel__button {
	font-size: 14px
}
}.noCourse img {
	height: 100px;
	width: 100px;
	display: flex;
	margin: auto;
	margin-top: 50px
}
@media(max-width: 567px) {
	.noCourse img {
	height: 80px;
	width: 80px
}
}.noCourse p {
	color: #707070;
	font-family: SFProDisplay;
	font-size: 18px;
	margin-top: 20px
}
@media(max-width: 567px) {
	.noCourse p {
	font-size: 15px
}
}.item__detail--mobile {
	margin-left: 20px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%
}
.item__detail--mobile .item__detail__backer {
	display: flex
}
.item__detail--mobile .item__detail__backer span {
	color: #707070;
	text-decoration: line-through;
	margin-left: 10px;
	font-size: 14px
}
@media(max-width: 567px) {
	.item__detail--mobile .item__detail__backer span {
	font-size: 12px
}
}.item__detail--mobile .text__fundraising {
	display: flex;
	justify-content: space-between;
	margin-bottom: 3px
}
.item__detail--mobile .text__fundraising .text__fundraising__box: last-of-type {
	display: flex
}
.item__detail--mobile .text__fundraising .text__fundraising__box: last-of-type span: first-of-type {
	display: flex;
	justify-content: center;
	align-items: center
}
.item__detail--mobile .text__fundraising .text__fundraising__box: last-of-type p {
	display: flex
}
.item__detail--mobile .text__fundraising .text__fundraising__box: first-of-type {
	display: flex
}
.item__detail--mobile .text__fundraising .text__fundraising__box: first-of-type span {
	display: flex;
	align-items: center;
	margin-left: 0;
	margin-right: 5px
}
.text__info__text {
	margin: 0 10px
}
.text__info__text .text__fundraising {
	display: flex;
	justify-content: space-between;
	margin-bottom: 3px
}
.text__info__text .text__fundraising .text__fundraising__box: last-of-type {
	display: flex
}
.text__info__text .text__fundraising .text__fundraising__box: last-of-type span: first-of-type {
	display: flex;
	justify-content: center;
	align-items: center
}
.text__info__text .text__fundraising .text__fundraising__box: last-of-type p {
	display: flex
}
.text__info__text .text__fundraising .text__fundraising__box: first-of-type {
	display: flex
}
.text__info__text .text__fundraising .text__fundraising__box: first-of-type span: first-of-type {
	display: flex;
	align-items: center;
	margin-left: 0;
	margin-right: 5px

}
.text__info__text .text__online {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px
}
.text__info__text .text__online .text__online__box {
	display: flex
}
.text__info__text .text__online .text__online__box span {
	display: flex;
	align-items: center;
	margin-left: 0;
	margin-right: 5px
}
.text__info__text .text__online .text__online__box div {
	display: inline-flex
}
.text__info__text .text__online .text__online__box div: first-of-type {
	margin-right: 20px
}
.text__info__text .text__online .text__online__box: first-of-type {
	margin-right: 20px
}
.text__info__text .text__offline {
	display: flex;
	margin-bottom: 10px
}
.text__info__text .text__offline span {
	display: flex;
	align-items: center;
	margin-left: 0;
	margin-right: 5px
}
.text__info__text .text__offline: nth-of-type(1) {
	margin-bottom: 0
}
.text__info__text .text__offline: nth-of-type(2) {
	margin-top: 5px
}
.text__info__text .progress {
	height: 5px;
	width: 100%;
	margin-bottom: 10px
}
.text__info__text .progress div.progress__fundraising {
	height: 100%;
	background-color: #fd5b73
}
.text__info__text .progress div.progress__fundraising__success {
	height: 100%;
	background-color: #019fde
}
.text__info__text .progress div.progress__fundraising.expired,.text__info__text .progress .my-course-card .cover div.progress__fundraising.private,.my-course-card .cover .text__info__text .progress div.progress__fundraising.private,.text__info__text .progress .my-course-card .cover div.progress__fundraising.expired-xs,.my-course-card .cover .text__info__text .progress div.progress__fundraising.expired-xs {
	background-color: #8b9195
}
.icon--mobile {
	margin-left: 10px
}
.icon--mobile span {
	margin-right: 20px
}
.icon--mobile span.bs-tip-show-icon {
	margin-right: 0px
}
.item__info--mobile {
	display: none;
	margin: 0 10px;
	width: 100%;
	padding: 0;
	border-radius: 4px;
	box-shadow: 0 4px 16px 0 rgba(0,0,0,.2);
	flex-direction: column
}
@media(max-width: 567px) {
	.item__info--mobile {
	display: flex
}
}.item__info--mobile .item__wrapper {
	padding: 10px;
	width: 100% !important
}
.s--affiliate-manage .tab-control__inner: : after {
	left: 25%
}
.s--affiliate-income .tab-control__inner: : after {
	left: 75%
}
.s--article-manage .tab-control__inner: : after {
	left: 125%
}
.s--partner .dashboard__container {
	position: relative
}
.s--partner .container--affiliate-manage {
	padding-top: 230px
}
@media(max-width: 567px) {
	.s--partner .container--affiliate-manage {
	padding-top: 277px
}
}.s--partner .cards-area {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%)
}
.s--partner .container__gray-part {
	background: #f5f5f5;
	padding-top: 482px;
	padding-bottom: 50px
}
@media(max-width: 567px) {
	.s--partner .container__gray-part {
	padding-top: 330px
}
}.s--partner .identity__card {
	margin: 0 auto 50px auto;
	height: 230px;
	width: 500px;
	border-radius: 4px;
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.2);
	background: #fff
}
@media(max-width: 567px) {
	.s--partner .identity__card {
	width: 300px;
	height: 191px
}
}.s--partner .identity__card .card__upper {
	padding: 20px;
	display: flex;
	border-bottom: 1px solid rgba(0,0,0,.2)
}
.s--partner .identity__card .upper-part__left h5 {
	height: 26px;
	font-size: 20px;
	line-height: 26px;
	color: #000;
	font-weight: bold;
	margin-bottom: 10px
}
@media(max-width: 567px) {
	.s--partner .identity__card .upper-part__left h5 {
	font-size: 16px;
	line-height: 22px
}
}.s--partner .identity__card .upper-part__left p {
	font-size: 18px;
	line-height: 22px
}
@media(max-width: 567px) {
	.s--partner .identity__card .upper-part__left p {
	font-size: 14px;
	line-height: 20px
}
}.s--partner .identity__card .upper-part__left a {
	color: #019fde;
	text-decoration-line: underline
}
.s--partner .identity__card .percentage-box {
	margin-left: auto
}
@media(max-width: 567px) {
	.s--partner .identity__card .percentage-box {
	width: 80px;
	height: 60px
}
}.s--partner .identity__card .card__bottom {
	padding: 0 35px 20px 35px
}
.s--partner .identity__card .card__bottom p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	margin: 6px auto 10px auto;
	text-align: center
}
@media(max-width: 567px) {
	.s--partner .identity__card .card__bottom p {
	font-size: 14px;
	line-height: 20px;
	margin-top: 9px
}
}.s--partner .identity__card .card__bottom .dashboard__btn {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}
@media(max-width: 567px) {
	.s--partner .identity__card .card__bottom .dashboard__btn {
	height: 40px
}
}.s--partner .campaign-list.slick-slider {
	width: 720px;
	height: 356px
}
.s--partner .campaign-list.slick-slider .slick-track {
	margin-left: 20px
}
@media(max-width: 567px) {
	.s--partner .campaign-list.slick-slider .slick-track {
	margin-left: 0
}
}.s--partner .campaign-list.slick-slider .slick-arrow {
	position: absolute;
	bottom: 0;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: #fff;
	padding: 0;
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.2);
	border: none
}
@media(max-width: 1040px) {
	.s--partner .campaign-list.slick-slider .slick-arrow {
	display: none
}
}.s--partner .campaign-list.slick-slider .slick-arrow .svg-icon {
	height: 30px;
	width: 30px;
	margin: 0;
	fill: #bbb
}
.s--partner .campaign-list.slick-slider .slick-arrow.slick-prev {
	left: 30%
}
.s--partner .campaign-list.slick-slider .slick-arrow.slick-next {
	right: 30%
}
.s--partner .campaign-list.slick-slider .slick-dots {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	height: 30px;
	align-items: center
}
@media(max-width: 1040px) {
	.s--partner .campaign-list.slick-slider .slick-dots {
	height: 6px
}
}.s--partner .campaign-list.slick-slider .slick-dots li {
	height: 8px;
	width: 8px;
	border-radius: 4px;
	background: #ff5b74;
	opacity: .4;
	margin: 0 10px;
	transition: .4s all ease-in-out
}
@media(max-width: 567px) {
	.s--partner .campaign-list.slick-slider .slick-dots li {
	height: 6px;
	width: 6px
}
}.s--partner .campaign-list.slick-slider .slick-dots li.slick-active {
	width: 40px;
	opacity: 1
}
@media(max-width: 567px) {
	.s--partner .campaign-list.slick-slider .slick-dots li.slick-active {
	width: 30px
}
}.s--partner .campaign-list.slick-slider .slick-dots button {
	display: none
}
.s--partner .campaign-list.slick-slider .slick-slide {
	margin: 0 20px;
	display: flex;
	align-items: center;
	height: 326px;
	padding-bottom: 10px
}
@media(max-width: 567px) {
	.s--partner .campaign-list.slick-slider .slick-slide {
	height: 272px
}
}.s--partner .campaign-area .campaign__title {
	text-align: center;
	line-height: 26px;
	font-size: 20px;
	font-weight: bold
}
.s--partner .campaign-card {
	width: 200px !important;
	height: 276px;
	padding: 20px;
	position: relative;
	box-sizing: border-box;
	border: 2px solid transparent;
	border-radius: 8px;
	box-shadow: 0 6px 10px 2px rgba(0,0,0,.2);
	background: #fff;
	display: flex !important;
	flex-direction: column;
	align-items: center
}
@media(max-width: 567px) {
	.s--partner .campaign-card {
	height: 236px
}
}.s--partner .campaign-card.is--selected {
	border-color: #ff5b74
}
.s--partner .campaign-card.is--selected .card__status {
	opacity: 1
}
.s--partner .campaign-card .card__status {
	opacity: 0;
	pointer-events: none;
	height: 18px;
	width: 18px;
	background: #ff5b74;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 0 0 8px 0
}
.s--partner .campaign-card .card__status .svg-icon {
	fill: #fff;
	margin: 0;
	height: 100%;
	width: 100%
}
.s--partner .campaign-card .percentage-box {
	margin-bottom: 20px
}
@media(max-width: 567px) {
	.s--partner .campaign-card .percentage-box {
	width: 100px;
	height: 60px
}
}.s--partner .campaign-card h4 {
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	margin-bottom: 10px

}
@media(max-width: 567px) {
	.s--partner .campaign-card h4 {
	font-size: 16px;
	line-height: 22px
}
}.s--partner .campaign-card p {
	text-align: center;
	font-size: 14px;
	line-height: 22px
}
@media(max-width: 567px) {
	.s--partner .campaign-card p {
	font-size: 12px;
	line-height: 20px
}
}.s--partner .campaign-card .dashboard__btn {
	background: #ff5b74;
	width: 100%;
	margin-top: 10px
}
@media(max-width: 1040px) {
	.s--partner .campaign-card .dashboard__btn {
	height: 50px
}
}.s--partner .percentage-box {
	width: 160px;
	height: 76px;
	border-radius: 4px;
	background-color: #f5f5f5;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}
.s--partner .percentage-box h3 {
	font-size: 26px;
	line-height: 26px;
	color: #4c545a;
	font-weight: bold;
	margin-bottom: 5px
}
@media(max-width: 567px) {
	.s--partner .percentage-box h3 {
	font-size: 24px;
	line-height: 24px
}
}.s--partner .percentage-box p {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px
}
@media(max-width: 567px) {
	.s--partner .percentage-box p {
	font-size: 14px
}
}.s--partner .announcement-area,.s--partner .performance-statistic {
	width: 1210px
}
@media(max-width: 1240px) {
	.s--partner .announcement-area,.s--partner .performance-statistic {
	width: 1010px
}
}@media(max-width: 1040px) {
	.s--partner .announcement-area,.s--partner .performance-statistic {
	width: 740px
}
}@media(max-width: 768px) {
	.s--partner .announcement-area,.s--partner .performance-statistic {
	width: 568px
}
}@media(max-width: 567px) {
	.s--partner .announcement-area,.s--partner .performance-statistic {
	width: 374px
}
}@media(max-width: 400px) {
	.s--partner .announcement-area,.s--partner .performance-statistic {
	width: 335px
}
}.s--partner .announcement-area .empty-view,.s--partner .performance-statistic .empty-view {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: calc(100% - 46px);
	font-weight: 500
}
.s--partner .announcement-area {
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	background: #fff;
	border-radius: 20px;
	padding: 20px 60px 0px 60px;
	height: 258px;
	overflow: hidden;
	position: relative
}
@media(max-width: 1040px) {
	.s--partner .announcement-area {
	padding: 20px 30px 0 30px
}
}@media(max-width: 768px) {
	.s--partner .announcement-area {
	padding: 20px 20px 0 20px
}
}@media(max-width: 567px) {
	.s--partner .announcement-area {
	margin-top: 50px;
	height: 354px
}
}.s--partner .announcement-area .js-empty-view {
	display: none !important
}
.s--partner .announcement-area.s--empty .js-empty-view {
	display: flex !important
}
.s--partner .announcement-area.s--empty .js-announcement-list,.s--partner .announcement-area.s--empty .js-announcement-switch {
	display: none !important
}
.s--partner .announcement-area .svg-icon.sort-asc {
	display: none
}
.s--partner .announcement-area .svg-icon.sort-desc {
	display: inline-block
}
.s--partner .announcement-area .to--close {
	display: none
}
.s--partner .announcement-area .to--open {
	display: inline-block
}
.s--partner .announcement-area.s--open {
	height: fit-content;
	padding-bottom: 62px
}
.s--partner .announcement-area.s--open .to--close {
	display: inline-block
}
.s--partner .announcement-area.s--open .to--open {
	display: none
}
.s--partner .announcement-area.s--open .svg-icon.sort-asc {
	display: inline-block
}
.s--partner .announcement-area.s--open .svg-icon.sort-desc {
	display: none
}
.s--partner .announcement-area h4 {
	font-size: 20px;
	line-height: 26px;
	font-weight: bold
}
@media(max-width: 567px) {
	.s--partner .announcement-area h4 {
	font-size: 16px;
	line-height: 22px
}
}.s--partner .announcement-area .announcement__item {
	display: flex;
	border-bottom: 1px solid rgba(0,0,0,.12);
	padding: 10px 0
}
@media(max-width: 567px) {
	.s--partner .announcement-area .announcement__item {
	flex-direction: column
}
}.s--partner .announcement-area .item__time {
	display: flex;
	width: 85px;
	flex-shrink: 0;
	font-size: 14px;
	line-height: 22px;
	margin-right: 10px
}
@media(max-width: 567px) {
	.s--partner .announcement-area .item__time {
	width: 100%;
	line-height: 20px
}
}.s--partner .announcement-area .item__content {
	flex-grow: 2
}
.s--partner .announcement-area .item__content h4 {
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
	margin-bottom: 10px
}
@media(max-width: 567px) {
	.s--partner .announcement-area .item__content h4 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px
}
}.s--partner .announcement-area .item__content p {
	color: #bbb;
	font-size: 16px;
	line-height: 22px;
	height: 22px;
	overflow: hidden
}
@media(max-width: 567px) {
	.s--partner .announcement-area .item__content p {
	line-height: 20px;
	font-size: 14px;
	height: 60px
}
}.s--partner .announcement-area .announcement__switch {
	font-size: 16px;
	font-weight: 500;
	padding: 20px 0;
	line-height: 22px;
	text-align: center;
	position: absolute;
	bottom: 0;
	z-index: 5;
	background: #fff;
	left: 0;
	right: 0;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center
}
@media(max-width: 567px) {
	.s--partner .announcement-area .announcement__switch {
	font-size: 14px;
	line-height: 20px
}
}.s--partner .performance-statistic {
	min-height: 403px;
	margin: 0px auto 0 auto;
	padding: 20px 60px;
	background: #fff;
	border-radius: 20px
}
@media(max-width: 1040px) {
	.s--partner .performance-statistic {
	height: fit-content;
	padding: 10px 30px
}
}@media(max-width: 768px) {
	.s--partner .performance-statistic {
	padding: 20px
}
}.s--partner .performance-statistic .empty-view {
	display: none
}
.s--partner .performance-statistic.s--empty .empty-view {
	display: flex
}
.s--partner .performance-statistic.s--empty .stats__container {
	display: none !important
}
.s--partner .performance-statistic h3 {
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	margin-bottom: 20px
}
@media(max-width: 567px) {
	.s--partner .performance-statistic h3 {
	font-size: 16px;
	margin-bottom: 0
}
}.s--partner .performance-statistic .stats__list {
	min-height: 200px;
	margin-bottom: 40px
}
@media(max-width: 1040px) {
	.s--partner .performance-statistic .stats__list {
	height: fit-content
}
}.s--partner .performance-statistic .stats__thead,.s--partner .performance-statistic .stats-item {
	display: flex
}
.s--partner .performance-statistic .stats-item {
	height: 60px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(0,0,0,.1)
}
.s--partner .performance-statistic .stats-item: last-of-type {
	border-bottom: none
}
@media(max-width: 768px) {
	.s--partner .performance-statistic .stats-item {
	height: 191px;
	flex-direction: column;
	padding: 20px 0
}
.s--partner .performance-statistic .stats-item>div {
	display: flex;
	width: 100%;
	margin-bottom: 10px;
	margin-right: 0;
	line-height: 22px
}
}@media(max-width: 768px)and (max-width: 567px) {
	.s--partner .performance-statistic .stats-item>div {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 5px
}
}@media(max-width: 768px) {
	.s--partner .performance-statistic .stats-item .item__title {
	width: 64px;
	margin-right: 10px;
	flex-shrink: 0;
	color: #bbb;
	font-weight: 500
}
}@media(max-width: 768px)and (max-width: 567px) {
	.s--partner .performance-statistic .stats-item .item__title {
	width: 56px
}
}.s--partner .performance-statistic .stats__thead {
	margin-bottom: 10px
}
.s--partner .performance-statistic .stats__th {
	font-size: 16px;
	font-weight: 500;
	color: #bbb
}
.s--partner .performance-statistic .th--time,.s--partner .performance-statistic .item__time {
	width: 100px;
	margin-right: 20px
}
.s--partner .performance-statistic .th--link,.s--partner .performance-statistic .item__link {
	width: 530px;
	margin-right: 40px
}
.s--partner .performance-statistic .item__link a {
	text-decoration: underline;
	color: #000
}
.s--partner .performance-statistic .item__link a: hover {
	color: #019fde
}
@media(max-width: 567px) {
	.s--partner .performance-statistic .item__link a {
	width: 229px;
	text-overflow: ellipsis;
	overflow: hidden
}
}.s--partner .performance-statistic .th--click,.s--partner .performance-statistic .item__click,.s--partner .performance-statistic .th--transaction,.s--partner .performance-statistic .item__transaction {
	width: 80px;
	margin-right: 20px
}
.s--partner .performance-statistic .item__transaction span {
	color: #019fde
}
.s--partner .performance-statistic .th--note,.s--partner .performance-statistic .item__note {
	display: flex;
	width: 200px
}
.s--partner .performance-statistic .item__note span {
	display: flex;
	width: 100%
}
.s--partner .performance-statistic .item__note button {
	width: 24px;
	height: 24px;
	padding: 0;
	background: #909090;
	border-radius: 4px;
	border: none;
	margin-left: auto;
	display: flex;
	justify-content: center;
	align-items: center
}
.s--partner .performance-statistic .item__note button .svg-icon {
	fill: #fff;
	margin: 0
}
@media(max-width: 567px) {
	.s--partner .performance-statistic .item__note button .svg-icon {
	width: 14px;
	height: 14px;
	margin: 0
}
}@media(max-width: 567px) {
	.s--partner .performance-statistic .item__note button {
	height: 20px;
	width: 20px
}
}.s--partner .performance-statistic .stats__pagination {
	height: 40px
}
.s--partner .performance-statistic .paginationjs {
	position: relative;
	height: 100%
}
.s--partner .performance-statistic .paginationjs-nav {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}
.s--partner .performance-statistic .paginationjs-prev,.s--partner .performance-statistic .paginationjs-next {
	height: 40px;
	width: 40px;
	position: absolute;
	transform: translateX(-50%)
}
.s--partner .performance-statistic .paginationjs-prev a,.s--partner .performance-statistic .paginationjs-next a {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.2);
	display: flex;
	align-items: center;
	justify-content: center
}
.s--partner .performance-statistic .paginationjs-prev .svg-icon,.s--partner .performance-statistic .paginationjs-next .svg-icon {
	fill: #4c545a;
	height: 30px;
	width: 30px
}
.s--partner .performance-statistic .paginationjs-prev {
	left: calc(50% - 130px)
}
.s--partner .performance-statistic .paginationjs-next {
	left: calc(50% + 130px)
}
.s--partner .c-withdraw-list-item .table__head.head--name,.s--partner .c-withdraw-list-item .table__cell.cell--name {
	width: 50%;
	padding-left: 20px
}
.cooperation-announcement-modal {
	max-width: 1000px;
	width: 80vw;
	color: #4c545a;
	text-align: left
}
.cooperation-announcement-modal .modal--cooperation-announcement {
	align-items: flex-start;
	padding: 80px 60px
}
@media(max-width: 1040px) {
	.cooperation-announcement-modal .modal--cooperation-announcement {
	padding: 80px 40px
}
}@media(max-width: 567px) {
	.cooperation-announcement-modal .modal--cooperation-announcement {
	padding: 40px 20px
}
}.cooperation-announcement-modal .announce__title {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 10px
}
@media(max-width: 567px) {
	.cooperation-announcement-modal .announce__title {
	font-size: 18px;
	line-height: 24px;
	max-height: 48px;
	overflow: hidden
}
}.cooperation-announcement-modal .announce__date {
	font-size: 20px;
	color: #909090;
	line-height: 26px;
	margin-bottom: 10px
}
@media(max-width: 567px) {
	.cooperation-announcement-modal .announce__date {
	font-size: 16px;
	line-height: 22px
}
}.cooperation-announcement-modal .announce__content {
	text-align: left;
	color: #bbb
}
@media(max-width: 567px) {
	.cooperation-announcement-modal .announce__content {
	font-size: 14px;
	line-height: 20px
}
}.modal--cooperation-campaign {
	padding: 0
}
.modal--cooperation-campaign .campaign__title {
	font-size: 22px;
	line-height: 26px;
	text-align: left;
	margin-bottom: 20px
}
@media(max-width: 567px) {
	.modal--cooperation-campaign .campaign__title {
	font-size: 18px;
	margin-bottom: 10px
}
}.modal--cooperation-campaign .upper-part {
	border-bottom: 1px solid rgba(0,0,0,.12);
	padding: 20px 40px
}
@media(max-width: 567px) {
	.modal--cooperation-campaign .upper-part {
	padding: 20px
}
}.modal--cooperation-campaign .campaign__detail {
	width: 100%;
	display: flex;
	flex-direction: column;
	border-radius: 4px;
	border: 1px solid #4c545a
}
.modal--cooperation-campaign .detail__item {
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	border-top: 1px solid #4c545a;
	padding: 10px 20px
}
.modal--cooperation-campaign .detail__item: first-of-type {
	border-top: none
}
@media(max-width: 567px) {
	.modal--cooperation-campaign .detail__item {
	padding: 10px;
	font-size: 14px;
	line-height: 20px
}
}.modal--cooperation-campaign .list-part {
	height: 353px;
	overflow-y: scroll;
	width: 100%;
	padding: 10px 40px
}
@media(max-width: 567px) {
	.modal--cooperation-campaign .list-part {
	height: 255px;
	padding: 10px 20px
}
}.modal--cooperation-campaign .list-part h4 {
	font-size: 18px;
	line-height: 21px;
	color: #909090;
	margin-bottom: 20px;
	text-align: left
}
@media(max-width: 567px) {
	.modal--cooperation-campaign .list-part h4 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px
}
}.modal--cooperation-campaign .list-part li {
	font-size: 14px;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 20px;
	list-style: disc;
	text-align: left;
	list-style-position: inside
}
.modal--cooperation-campaign .list-part li: last-of-type {
	margin-bottom: 0
}
@media(max-width: 567px) {
	.modal--cooperation-campaign .list-part li {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 10px;
	height: 14px
}
}.modal--cooperation-campaign .is--not-joining,.modal--cooperation-campaign .is--joining {
	display: none !important
}
.modal--cooperation-campaign.s--joining .is--joining {
	display: flex !important
}
.modal--cooperation-campaign.s--not-joining .is--not-joining {
	cursor: not-allowed;
	display: flex !important
}
.modal--cooperation-campaign .bottom-part {
	width: 100%;
	border-top: 1px solid rgba(0,0,0,.2);
	padding: 0 40px
}
@media(max-width: 567px) {
	.modal--cooperation-campaign .bottom-part {
	padding: 0 20px
}
}.modal--cooperation-campaign .btn-area {
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center
}
.modal--cooperation-campaign .btn-area .dashboard__btn {
	width: 170px
}
@media(max-width: 567px) {
	.modal--cooperation-campaign .btn-area .dashboard__btn {
	height: 40px
}
}@media(max-width: 567px) {
	.modal--cooperation-campaign .btn-area {
	height: 74px
}
}.modal--cooperation-campaign .is--not-joining .dashboard__btn {
	width: 170px;
	border: 2px solid #ff5b74;
	background: #ff5b74
}
.modal--cooperation-campaign .is--not-joining .dashboard__btn: first-of-type {
	background: #fff;
	color: #ff5b74;
	margin-right: 20px
}
.modal--cooperation-campaign .is--joining .dashboard__btn {
	pointer-events: none;
	width: 100%;
	background: #d8dee8;
	color: #4c545a;
	border: none
}
.js-dashboard-container.s--teacher .js-dashboard-course-manage,.js-dashboard-container.s--teacher .js-dashboard-course-income,.js-dashboard-container.s--teacher .js-dashboard-article-manage {
	display: none !important
}
.js-dashboard-container.s--teacher.s--course-manage .js-dashboard-course-manage {
	display: block !important;
	margin-top: 40px
}
.js-dashboard-container.s--teacher.s--course-income .js-dashboard-course-income {
	display: block !important
}
.js-dashboard-container.s--teacher.s--article-manage .js-dashboard-article-manage {
	display: block !important
}
@media(max-width: 567px) {
	.js-dashboard-container.s--teacher .dashboard__container {
	margin: 0
}
}.js-dashboard-container.s--partner .js-dashboard-affiliate-manage,.js-dashboard-container.s--partner .js-dashboard-affiliate-income,.js-dashboard-container.s--partner .js-dashboard-article-manage {
	display: none !important
}
.js-dashboard-container.s--partner.s--affiliate-manage .js-dashboard-affiliate-manage {
	display: block !important
}
.js-dashboard-container.s--partner.s--affiliate-income .js-dashboard-affiliate-income {
	display: block !important
}
.js-dashboard-container.s--partner.s--article-manage .js-dashboard-article-manage {
	display: block !important
}
.js-manage-dashboard .s--teacher {
	display: none !important
}
.js-manage-dashboard.is--teacher .s--teacher {
	display: block !important
}
.js-manage-dashboard .s--partner {
	display: none !important
}
.js-manage-dashboard.is--partner .s--partner {
	display: block !important
}
.body--cooperation-manage {
	color: #4c545a;
	background-color: #fff;
	overflow-x: hidden
}
.body--cooperation-manage #wrapper {
	min-height: calc(100vh - 94px)
}
@media(max-width: 1040px) {
	.body--cooperation-manage .visible--pc {
	display: none !important
}
}.body--cooperation-manage .visible--pad {
	display: none
}
@media(max-width: 1040px) {
	.body--cooperation-manage .visible--pad {
	display: flex !important
}
}.body--cooperation-manage .visible--smaller-pad {
	display: none !important
}
@media(max-width: 768px) {
	.body--cooperation-manage .visible--smaller-pad {
	display: flex !important
}
}.body--cooperation-manage .visible--mobile {
	display: none !important
}
@media(max-width: 567px) {
	.body--cooperation-manage .visible--mobile {
	display: flex !important
}
}@media(max-width: 1040px) {
	.body--cooperation-manage .hidden--pad {
	display: none !important
}
}@media(max-width: 768px) {
	.body--cooperation-manage .hidden--smaller-pad {
	display: none !important
}
}@media(max-width: 567px) {
	.body--cooperation-manage .hidden--mobile {
	display: none !important
}
}.body--cooperation-manage .dashboard__btn {
	width: 200px;
	height: 50px;
	background: #019fde;
	color: #fff;
	border-radius: 4px;
	border: none;
	font-weight: 500
}
@media(max-width: 567px) {
	.body--cooperation-manage .dashboard__btn {
	height: 36px;
	font-size: 14px
}
}.body--cooperation-manage .c-decorated-title {
	width: 1210px;
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	margin: 0 auto
}
@media(max-width: 1240px) {
	.body--cooperation-manage .c-decorated-title {
	width: 1010px
}
}@media(max-width: 1040px) {
	.body--cooperation-manage .c-decorated-title {
	width: 740px
}
}@media(max-width: 768px) {
	.body--cooperation-manage .c-decorated-title {
	width: 568px
}
}@media(max-width: 567px) {
	.body--cooperation-manage .c-decorated-title {
	width: 100%
}
}.body--cooperation-manage .c-decorated-title span {
	margin: 0 10px
}
@media(max-width: 567px) {
	.body--cooperation-manage .c-decorated-title span {
	font-size: 16px;
	line-height: 19px;
	margin: 0 5px
}
}.body--cooperation-manage .c-decorated-title: : before,.body--cooperation-manage .c-decorated-title: : after {
	content: "";
	display: block;
	height: 1px;
	background: rgba(0,0,0,.3);
	flex-grow: 2
}
@media(max-width: 567px) {
	.body--cooperation-manage .c-decorated-title {
	width: 374px
}
}.body--cooperation-manage .cooperation-manage__toolbar {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000
}
.body--cooperation-manage .toolbar__inner {
	width: 1210px;
	height: 70px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between
}
@media(max-width: 1240px) {
	.body--cooperation-manage .toolbar__inner {
	width: 1010px
}
}@media(max-width: 1040px) {
	.body--cooperation-manage .toolbar__inner {
	width: 740px
}
}@media(max-width: 768px) {
	.body--cooperation-manage .toolbar__inner {
	width: 568px
}
}@media(max-width: 567px) {
	.body--cooperation-manage .toolbar__inner {
	width: 100%
}
}@media(max-width: 567px) {
	.body--cooperation-manage .toolbar__inner {
	height: 50px;
	padding: 0 20px
}
}.body--cooperation-manage .toolbar__button {
	height: 40px;
	width: 120px;
	color: #019fde;
	background-color: #fff;
	font-size: 16px;
	font-weight: 500;
	border: 2px solid #019fde;
	border-radius: 4px;
	text-align: center;
	margin-right: 30px
}
.body--cooperation-manage .toolbar__button: last-of-type {
	margin-right: 0
}
.body--cooperation-manage .toolbar__button: hover,.body--cooperation-manage .toolbar__button.is--active {
	background-color: #019fde;
	color: #fff
}
@media(max-width: 768px) {
	.body--cooperation-manage .toolbar__button {
	width: 80px;
	margin-right: 20px
}
}@media(max-width: 567px) {
	.body--cooperation-manage .toolbar__button {
	width: 60px;
	height: 36px;
	margin-right: 10px;
	font-size: 14px
}
}.body--cooperation-manage .cooperation-manage__content {
	padding-top: 120px;
	margin: 0 auto
}
.body--cooperation-manage .cooperation-manage__personal-info {
	width: 1210px;
	margin: 0 auto
}
@media(max-width: 1240px) {
	.body--cooperation-manage .cooperation-manage__personal-info {
	width: 1010px
}
}@media(max-width: 1040px) {
	.body--cooperation-manage .cooperation-manage__personal-info {
	width: 740px
}
}@media(max-width: 768px) {
	.body--cooperation-manage .cooperation-manage__personal-info {
	width: 568px
}
}@media(max-width: 567px) {
	.body--cooperation-manage .cooperation-manage__personal-info {
	width: 374px
}
}@media(max-width: 400px) {
	.body--cooperation-manage .cooperation-manage__personal-info {
	width: 90%
}
}.body--cooperation-manage .cooperation-manage__info {
	position: relative
}
@media(max-width: 567px) {
	.body--cooperation-manage .cooperation-manage__info {
	margin: 0 20px
}
}@media(max-width: 567px) {
	.body--cooperation-manage .personal-info__display {
	display: flex;
	flex-direction: column
}
}.body--cooperation-manage .info__link-group {
	position: absolute;
	right: 0;
	top: 0;
	display: flex
}
@media(max-width: 768px) {
	.body--cooperation-manage .info__link-group {
	flex-direction: column
}
}.body--cooperation-manage .info__link-group .link {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,.16);
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px
}
.body--cooperation-manage .info__link-group .link: last-of-type {
	margin-right: 0
}
.body--cooperation-manage .info__link-group .link .svg-icon {
	fill: #019fde;
	margin: 0;
	height: 24px;
	width: 24px
}
@media(max-width: 567px) {
	.body--cooperation-manage .info__link-group .link .svg-icon {
	height: 16px;
	width: 16px
}
}@media(max-width: 768px) {
	.body--cooperation-manage .info__link-group .link {
	margin-bottom: 20px;
	margin-right: 0
}
.body--cooperation-manage .info__link-group .link: last-of-type {
	margin-bottom: 0
}
}@media(max-width: 567px) {
	.body--cooperation-manage .info__link-group .link {
	height: 28px;
	width: 28px;
	margin-bottom: 10px
}
}.body--cooperation-manage .info__detail {
	display: flex;
	height: 120px
}
@media(max-width: 567px) {
	.body--cooperation-manage .info__detail {
	height: 80px
}
}.body--cooperation-manage .c-avatar-set {
	height: 120px;
	width: 120px;
	position: relative;
	margin-right: 50px;
	flex-shrink: 0
}
@media(max-width: 768px) {
	.body--cooperation-manage .c-avatar-set {
	margin-right: 20px
}
}@media(max-width: 567px) {
	.body--cooperation-manage .c-avatar-set {
	width: 80px;
	height: 80px
}
}.body--cooperation-manage .avatar__img {
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background: #ace7ff
}
.body--cooperation-manage .avatar__button {
	height: 42px;
	width: 42px;
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	right: 0;
	border: none;
	outline: none;
	background-color: #019fde;
	display: flex;
	align-items: center;
	justify-content: center
}
@media(max-width: 567px) {
	.body--cooperation-manage .avatar__button {
	height: 30px;
	width: 30px
}
}.body--cooperation-manage .avatar__button .svg-icon {
	height: 20px;
	width: 20px;
	fill: #fff
}
@media(max-width: 567px) {
	.body--cooperation-manage .avatar__button .svg-icon {
	height: 16px;
	width: 16px
}
}.body--cooperation-manage .detail__user {
	display: flex;
	flex-direction: column
}
.body--cooperation-manage .user__nickname {
	font-size: 22px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 10px
}
@media(max-width: 567px) {
	.body--cooperation-manage .user__nickname {
	font-size: 18px;
	line-height: 24px
}
}.body--cooperation-manage .user__intro {
	font-size: 16px;
	line-height: 22px;
	color: #bbb;
	max-width: 342px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}
@media(max-width: 567px) {
	.body--cooperation-manage .user__intro {
	-webkit-line-clamp: 2;
	max-width: 200px;
	font-size: 14px;
	line-height: 20px;
	margin-right: 20px
}
}.body--cooperation-manage .user__tag {
	display: flex;
	margin-top: auto;
	margin-bottom: 20px
}
.body--cooperation-manage .user__tag .c-capsule--white {
	height: 36px;
	padding: 8px;
	display: inline-flex;
	align-items: center;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0
}
.body--cooperation-manage .user__tag .c-capsule--white: last-of-type {
	margin-right: 0
}
@media(max-width: 567px) {
	.body--cooperation-manage .user__tag .c-capsule--white {
	height: 26px;
	font-size: 12px;
	line-height: 26px
}
}.body--cooperation-manage .user__tag__page {
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
	cursor: pointer;
	border-radius: 4px;
	height: 36px;
	width: 120px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.1)
}
.body--cooperation-manage .user__tag__page a {
	color: #4c545a;
	font-size: 14px
}
@media(max-width: 567px) {
	.body--cooperation-manage .user__tag__page {
	max-width: 80px;
	height: 26px;
	padding: 4px 16px
}
.body--cooperation-manage .user__tag__page a {
	font-size: 12px
}
}.body--cooperation-manage .user__tag__box {
	display: inline-block;
	align-items: center;
	margin-left: 40px
}
.body--cooperation-manage .user__tag__box a: hover {
	color: #4c545a
}
@media(max-width: 567px) {
	.body--cooperation-manage .user__tag__box {
	margin-left: 20px
}
}.body--cooperation-manage .user__tag__item {
	align-items: center;
	display: flex;
	justify-content: center;
	border: 1px solid rgba(0,0,0,.1);
	margin-top: 10px
}
.body--cooperation-manage .info__text {
	margin-top: 20px;
	font-size: 16px;
	line-height: 22px
}
@media(max-width: 567px) {
	.body--cooperation-manage .info__text {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	line-height: 20px
}
.body--cooperation-manage .info__text p {
	margin-top: 10px;
	max-width: 336px
}
}.body--cooperation-manage .info__text p {
	width: 100%;
	word-break: break-word
}
.body--cooperation-manage .info__edit-button {
	width: 100%;
	height: 50px;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,.16);
	line-height: 48px;
	background-color: #fff;
	margin-top: 20px;
	color: #4c545a;
	padding: 0
}
@media(max-width: 567px) {
	.body--cooperation-manage .info__edit-button {
	height: 36px;
	font-size: 14px;
	line-height: 34px;
	align-self: center
}
}@media(max-width: 400px) {
	.body--cooperation-manage .info__edit-button {
	margin: 20px 20px 0
}
}.body--cooperation-manage .personal-info__form {
	width: 820px;
	margin: 0 auto
}
@media(max-width: 1040px) {
	.body--cooperation-manage .personal-info__form {
	width: 740px
}
}@media(max-width: 768px) {
	.body--cooperation-manage .personal-info__form {
	width: 540px
}
}@media(max-width: 567px) {
	.body--cooperation-manage .personal-info__form {
	width: 100%
}
}.body--cooperation-manage .info-form__wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center
}
.body--cooperation-manage .info-form__wrapper .c-avatar-set {
	margin-bottom: 20px
}
.body--cooperation-manage .info-form__form {
	width: 100%;
	display: flex;
	flex-direction: column
}
.body--cooperation-manage .form__form-groups {
	display: flex;
	justify-content: space-between
}
@media(max-width: 768px) {
	.body--cooperation-manage .form__form-groups {
	flex-direction: column
}
}.body--cooperation-manage .form-group--nickname-summary,.body--cooperation-manage .form-group--blog-facebook-instagram {
	width: calc(50% - 10px)
}
@media(max-width: 768px) {
	.body--cooperation-manage .form-group--nickname-summary,.body--cooperation-manage .form-group--blog-facebook-instagram {
	width: 100%
}
}.body--cooperation-manage .form-group--nickname-summary {
	display: flex;
	flex-direction: column
}
.body--cooperation-manage .form__textarea {
	width: 100%
}
.body--cooperation-manage .form__limited-input {
	position: relative
}
.body--cooperation-manage .form__limited-input .form__limit-box {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-color: #bbb;
	color: #fff;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center
}
@media(max-width: 567px) {
	.body--cooperation-manage .form__limited-input .form__limit-box {
	width: 24px;
	height: 24px;
	right: 6px;
	font-size: 14px
}
}.body--cooperation-manage .form__limited-input input {
	width: 100%
}
.body--cooperation-manage .form__limited-input .limit_position {
	top: 85%
}
@media(max-width: 768px) {
	.body--cooperation-manage .form__limited-input .limit_position {
	top: 70%
}
}.body--cooperation-manage .form__limited-input .input_position {
	height: auto
}
@media(max-width: 1040px) {
	.body--cooperation-manage .form__limited-input .input_position {
	height: 40px
}
}.body--cooperation-manage .form-set {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px
}
.body--cooperation-manage .form-set .form-set__label {
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	margin-bottom: 5px
}
@media(max-width: 567px) {
	.body--cooperation-manage .form-set .form-set__label {
	font-size: 14px
}
}.body--cooperation-manage .form-set .form-set__input,.body--cooperation-manage .form-set .form-set__textarea {
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,.12);
	padding-left: 10px
}
.body--cooperation-manage .form-set .form-set__input: : placeholder,.body--cooperation-manage .form-set .form-set__textarea: : placeholder {
	color: #bbb
}
.body--cooperation-manage .form-set input {
	height: 40px
}
.body--cooperation-manage .form-set textarea {
	resize: none
}
.body--cooperation-manage .form-set--summary {
	flex-grow: 2
}
.body--cooperation-manage .form-set--summary .form-set__input {
	flex-grow: 2
}
.body--cooperation-manage .form-set--intro textarea {
	height: 120px
}
.body--cooperation-manage .info-form__button-group {
	width: 100%;
	display: flex;
	justify-content: space-between
}
.body--cooperation-manage .info-form__button-group button {
	width: calc(50% - 10px);
	height: 50px;
	border: 2px solid #019fde;
	border-radius: 4px
}
.body--cooperation-manage .info-form__button-group button: first-of-type {
	background: #fff;
	color: #019fde
}
.body--cooperation-manage .info-form__button-group button: last-of-type {
	background: #019fde;
	color: #fff
}
@media(max-width: 567px) {
	.body--cooperation-manage .info-form__button-group button {
	height: 36px;
	font-size: 14px;
	border-width: 1px
}
}.body--cooperation-manage .cooperation-manage__dashboard {
	margin-top: 50px
}
.body--cooperation-manage .dashboard__tab-control {
	height: 48px;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid rgba(0,0,0,.1)
}
@media(max-width: 567px) {
	.body--cooperation-manage .dashboard__tab-control {
	height: 40px
}
}.body--cooperation-manage .dashboard__container {
	margin: 0 -20px
}
.body--cooperation-manage .dashboard__container--author {
	margin: 0 auto
}
.body--cooperation-manage .tab-control__inner {
	display: flex;
	position: relative
}
.body--cooperation-manage .tab-control__inner: : after {
	content: "";
	height: 5px;
	background: #019fde;
	width: 80px;
	position: absolute;
	bottom: 0;
	transform: translateX(-50%);
	transition: all .2s ease-in-out
}
@media(max-width: 567px) {
	.body--cooperation-manage .tab-control__inner: : after {
	width: 40px
}
}.body--cooperation-manage .tab-control__tab {
	font-size: 20px;
	font-weight: bold;
	padding: 0 75px;
	cursor: pointer
}
@media(max-width: 1040px) {
	.body--cooperation-manage .tab-control__tab {
	font-size: 18px;
	line-height: 26px;
	padding: 0 20px
}
}@media(max-width: 567px) {
	.body--cooperation-manage .tab-control__tab {
	font-size: 14px;
	line-height: 20px;
	padding: 0 15px
}
}.body--cooperation-manage .dashboard__income-list-wrapper,.body--cooperation-manage .dashboard__course-list,.body--cooperation-manage .article-manage-wrapper {
	min-height: 700px;
	overflow-y: scroll
}
.body--cooperation-manage .dashboard__income-list-wrapper: : -webkit-scrollbar,.body--cooperation-manage .dashboard__course-list: : -webkit-scrollbar,.body--cooperation-manage .article-manage-wrapper: : -webkit-scrollbar {
	display: none
}
.body--cooperation-manage .dashboard-article-manage {
	width: 1210px
}
.c-article-list-item {
	margin: 0 auto 40px auto;
	width: 1210px
}
@media(max-width: 1240px) {
	.c-article-list-item {
	width: 1010px
}
}@media(max-width: 1040px) {
	.c-article-list-item {
	width: 740px
}
}@media(max-width: 768px) {
	.c-article-list-item {
	width: 568px
}
}@media(max-width: 567px) {
	.c-article-list-item {
	width: 374px
}
}@media(max-width: 400px) {
	.c-article-list-item {
	width: 335px
}
}.c-article-list-item: first-of-type {
	margin-top: 40px
}
@media(max-width: 567px) {
	.c-article-list-item {
	margin-bottom: 30px
}
.c-article-list-item: first-of-type {
	margin-top: 0px
}
}.c-article-list-item.s--public .c-toggle {
	background: #019fde
}
.c-article-list-item.s--public .c-toggle: after {
	left: 2px;
	right: unset
}
.c-article-list-item.s--draft .c-toggle {
	background: #707070
}
.c-article-list-item.s--draft .c-toggle: after {
	left: unset;
	right: 2px
}
.c-article-list-item .item__img {
	width: 240px;
	height: 135px;
	border-radius: 4px;
	overflow: hidden;
	background: #add8e6;
	margin-right: 20px;
	flex-shrink: 0
}
.c-article-list-item .item__img img {
	height: 100%;
	width: 100%
}
@media(max-width: 1040px) {
	.c-article-list-item .item__img {
	width: 208px;
	height: 117px
}
}@media(max-width: 567px) {
	.c-article-list-item .item__img {
	width: 80px;
	height: 45px
}
}.c-article-list-item .item__detail {
	width: calc(100% - 260px)
}
@media(max-width: 1040px) {
	.c-article-list-item .item__detail {
	flex-grow: 2;
	height: 117px
}
}@media(max-width: 567px) {
	.c-article-list-item .item__detail {
	height: 45px
}
}.c-article-list-item .item__wrapper--pc {
	display: flex;
	flex-wrap: wrap
}
.c-article-list-item .detail__text-content {
	width: 100%;
	display: flex;
	flex-direction: column
}
.c-article-list-item .detail__text-content--mobile {
	flex-direction: column
}
.c-article-list-item .detail__text-content--mobile .misc__meta {
	font-size: 14px;
	color: #707070
}
.c-article-list-item .detail__text-content--mobile .svg-icon {
	height: 16px;
	width: 16px
}
.c-article-list-item h3 {
	font-size: 20px;
	line-height: 26px;
	text-align: left;
	font-weight: 500;
	margin-bottom: 5px
}
@media(max-width: 1040px) {
	.c-article-list-item h3 {
	height: 26px;
	overflow: hidden
}
}@media(max-width: 567px) {
	.c-article-list-item h3 {
	font-size: 16px;
	line-height: 20px;
	height: 40px
}
}.c-article-list-item .item__content {
	font-size: 16px;
	line-height: 22px;
	color: #bbb;
	height: 44px;
	overflow: hidden
}
@media(max-width: 567px) {
	.c-article-list-item .item__content {
	margin: 10px 0;
	font-size: 14px;
	line-height: 20px;
	height: 40px
}
}.c-article-list-item .detail__misc {
	height: 40px;
	margin-top: 15px;
	display: flex
}
@media(max-width: 1040px) {
	.c-article-list-item .detail__misc {
	height: fit-content
}
}.c-article-list-item .misc__meta,.c-article-list-item .misc__operation {
	display: flex;
	align-items: flex-end
}
.c-article-list-item .misc__meta {
	font-size: 16px;
	line-height: 22px
}
@media(max-width: 1040px) {
	.c-article-list-item .misc__meta {
	width: 100%;
	display: flex;
	justify-content: space-between
}
}.c-article-list-item .misc__meta .svg-icon {
	height: 18px;
	width: 18px;
	margin: 0;
	margin-right: 5px;
	fill: #4c545a
}
.c-article-list-item .meta__date {
	margin-right: 55px
}
.c-article-list-item .meta__view {
	display: flex;
	align-items: center
}
.c-article-list-item .misc__operation {
	margin-left: auto
}
.c-article-list-item .misc__operation--pad {
	margin-top: 20px;
	height: 40px;
	align-items: flex-end
}
@media(max-width: 567px) {
	.c-article-list-item .misc__operation--pad {
	color: #707070;
	height: 36px
}
}.c-article-list-item .operation__buttons button {
	height: 40px;
	width: 120px
}
.c-article-list-item .operation__buttons button: first-of-type {
	margin-right: 10px;
	background: #fff;
	color: #019fde;
	border: 2px solid #019fde
}
@media(max-width: 567px) {
	.c-article-list-item .operation__buttons button {
	height: 36px;
	width: 80px;
	font-size: 14px
}
}@media(max-width: 1040px) {
	.c-article-list-item .operation__buttons {
	margin-left: auto
}
}.c-article-list-item .c-toggle {
	width: 40px;
	height: 24px;
	background: #019fde;
	border-radius: 12px;
	position: relative;
	margin-right: 10px
}
.c-article-list-item .c-toggle: after {
	content: "";
	position: absolute;
	height: 20px;
	width: 20px;
	background: #fff;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	transition: .4s all ease-in
}
.c-article-list-item .operation__toggle-set {
	display: flex;
	margin-right: 20px;
	align-self: center
}
@media(max-width: 1040px) {
	.c-article-list-item .operation__toggle-set {
	width: 100%;
	justify-content: center;
	margin-right: 0
}
.c-article-list-item .operation__toggle-set .status-toggle {
	width: 208px;
	display: flex;
	justify-content: center;
	align-items: center
}
}@media(max-width: 567px) {
	.c-article-list-item .operation__toggle-set .status-toggle {
	width: fit-content
}
}.js-income-item.s--open-detail .income__table {
	display: table
}
.js-income-item.s--open-detail .item__expand-button .svg-icon {
	transform: rotate(180deg)
}
.c-withdraw-list-item .item__overview {
	display: flex;
	height: 100px;
	background: rgba(1,159,222,.1);
	padding: 0 20px
}
@media(max-width: 567px) {
	.c-withdraw-list-item .item__overview {
	height: 62px;
	padding: 0 10px
}
}.c-withdraw-list-item h4 {
	font-size: 20px;
	font-weight: 500;
	color: #bbb;
	margin-bottom: 10px
}
@media(max-width: 567px) {
	.c-withdraw-list-item h4 {
	font-size: 16px;
	margin-bottom: 5px
}
}.c-withdraw-list-item .item__name {
	flex-grow: 2;
	display: flex;
	flex-direction: column;
	justify-content: center
}
.c-withdraw-list-item .item__name h4 {
	font-size: 20px;
	color: #4c545a
}
@media(max-width: 567px) {
	.c-withdraw-list-item .item__name h4 {
	font-size: 18px;
	line-height: 21px
}
}.c-withdraw-list-item .item__name p {
	line-height: 22px
}
@media(max-width: 768px) {
	.c-withdraw-list-item .item__name p {
	line-height: 19px
}
}@media(max-width: 567px) {
	.c-withdraw-list-item .item__name p {
	line-height: 16px
}
}.c-withdraw-list-item .item__icon,.c-withdraw-list-item .item__column {
	display: flex;
	justify-content: center;
	align-items: center
}
.c-withdraw-list-item .item__icon {
	margin: 0 30px;
	width: 30px
}
.c-withdraw-list-item .item__icon .svg-icon {
	fill: #4c545a;
	height: 30px;
	width: 30px;
	margin: 0
}
@media(max-width: 1040px) {
	.c-withdraw-list-item .item__icon {
	margin: 0 20px
}
}.c-withdraw-list-item .item__column {
	flex-direction: column;
	width: 140px;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px
}
@media(max-width: 1040px) {
	.c-withdraw-list-item .item__column {
	font-size: 18px
}
}@media(max-width: 567px) {
	.c-withdraw-list-item .item__column {
	font-size: 16px;

	line-height: 19px
}
}.c-withdraw-list-item .item__expand-button {
	margin-right: 0;
	margin-left: 40px;
	cursor: pointer
}
.c-withdraw-list-item .item__expand-button .svg-icon {
	transition: .4s transform ease-in
}
@media(max-width: 1040px) {
	.c-withdraw-list-item .item__expand-button {
	display: none
}
}.c-withdraw-list-item .income__table {
	display: none
}
.c-withdraw-list-item .income__table th,.c-withdraw-list-item .income__table td {
	line-height: 20px;
	font-size: 16px;
	padding: 10px 20px
}
.c-withdraw-list-item .income__table tr {
	border-bottom: 1px solid rgba(0,0,0,.16)
}
.c-withdraw-list-item .income__table tr: last-of-type {
	border-bottom: none
}
.c-withdraw-list-item .table__head {
	background: #019fde;
	color: #fff;
	text-align: center;
	font-weight: normal
}
.c-withdraw-list-item .table__head.head--name {
	text-align: left
}
.c-withdraw-list-item .table__head.head--name,.c-withdraw-list-item .table__cell.cell--name {
	text-align: left;
	width: calc(12.5% * 2)
}
.c-withdraw-list-item .table__cell {
	border-right: 1px solid rgba(0,0,0,.16);
	background: rgba(0,0,0,.04);
	text-align: center;
	color: #4c545a;
	line-height: 22px;
	padding: 8px 0
}
.c-withdraw-list-item .table__cell: last-of-type {
	border-right: none
}
.c-withdraw-list-item .item__transaction {
	display: flex
}
@media(max-width: 567px) {
	.c-withdraw-list-item .item__transaction {
	flex-direction: column
}
}.c-withdraw-list-item .item__transaction>div {
	padding-bottom: 10px
}
@media(max-width: 1040px) {
	.c-withdraw-list-item .item__transaction>div {
	padding-bottom: 26px
}
}@media(max-width: 567px) {
	.c-withdraw-list-item .item__transaction>div {
	padding-bottom: 10px
}
}.c-withdraw-list-item .c-capsule--red {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
	width: 120px;
	margin-bottom: 10px
}
@media(max-width: 567px) {
	.c-withdraw-list-item .c-capsule--red {
	height: 32px;
	line-height: 32px;
	width: 80px;
	font-size: 14px;
	margin-left: 0;
	margin-right: 10px;
	margin-bottom: 0
}
}.c-withdraw-list-item .transaction__date {
	width: calc(33.3333333333%)
}
.c-withdraw-list-item .transaction__date p {
	font-size: 24px;
	font-weight: bold
}
@media(max-width: 768px) {
	.c-withdraw-list-item .transaction__date p {
	font-size: 18px
}
}@media(max-width: 1040px) {
	.c-withdraw-list-item .transaction__date {
	margin-right: auto
}
}@media(max-width: 768px) {
	.c-withdraw-list-item .transaction__date {
	width: calc(50%)
}
}@media(max-width: 567px) {
	.c-withdraw-list-item .transaction__date {
	display: flex;
	width: 100%
}
}.c-withdraw-list-item .transaction__item {
	width: 16.6666666667%;
	text-align: center;
	color: #000
}
.c-withdraw-list-item .transaction__item h6 {
	font-size: 16px;
	color: #bbb;
	margin-bottom: 5px
}
@media(max-width: 567px) {
	.c-withdraw-list-item .transaction__item h6 {
	font-size: 14px;
	line-height: 16px;
	margin-right: 20px;
	margin-bottom: 0
}
}@media(max-width: 768px) {
	.c-withdraw-list-item .transaction__item {
	width: 25%
}
}@media(max-width: 567px) {
	.c-withdraw-list-item .transaction__item {
	display: flex;
	width: 100%;
	font-size: 14px;
	line-height: 16px
}
.c-withdraw-list-item .transaction__item br {
	display: none
}
}.dashboard__income-list-wrapper {
	overflow-y: scroll;
	display: flex;
	flex-direction: column;
	align-items: center
}
.dashboard__income-list-wrapper: : -webkit-scrollbar {
	width: 0
}
.dashboard__income-list-wrapper.s--empty--pending .js-title--pending {
	display: none !important
}
.dashboard__income-list-wrapper.s--empty--pending .js-pending-income-list {
	display: none !important
}
.dashboard__income-list-wrapper.s--empty--withdrawal .js-title--withdrawal {
	display: none !important
}
.dashboard__income-list-wrapper.s--empty--withdrawal .js-withdrawal-list {
	display: none !important
}
.dashboard__income-list-wrapper .income__warning {
	display: none;
	margin: 50px 0;
	text-align: center;
	line-height: 22px;
	align-items: center;
	justify-content: center
}
.dashboard__income-list-wrapper .income__general-view {
	margin-top: 40px;
	margin-bottom: 60px;
	display: flex;
	height: 200px
}
@media(max-width: 768px) {
	.dashboard__income-list-wrapper .income__general-view {
	flex-direction: column;
	width: 568px;
	height: fit-content;
	margin-left: auto;
	margin-right: auto
}
}@media(max-width: 567px) {
	.dashboard__income-list-wrapper .income__general-view {
	width: 374px
}
}.dashboard__income-list-wrapper .js-withdraw-operation-box.s--disabled {
	cursor: not-allowed
}
.dashboard__income-list-wrapper .js-withdraw-operation-box.s--disabled .dashboard__btn {
	pointer-events: none;
	background: #bcbcbc
}
.dashboard__income-list-wrapper .view__box {
	height: 200px;
	border-radius: 4px;
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.2);
	width: 400px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}
@media(max-width: 567px) {
	.dashboard__income-list-wrapper .view__box {
	height: 120px
}
}.dashboard__income-list-wrapper .view__box: first-of-type {
	width: 780px;
	margin-right: 20px;
	margin-left: auto
}
.dashboard__income-list-wrapper .view__box: first-of-type .income__number {
	margin-top: 20px
}
@media(max-width: 567px) {
	.dashboard__income-list-wrapper .view__box: first-of-type .income__number {
	margin-top: 10px
}
}@media(max-width: 1040px) {
	.dashboard__income-list-wrapper .view__box: first-of-type {
	width: 440px
}
}@media(max-width: 768px) {
	.dashboard__income-list-wrapper .view__box: first-of-type {
	width: 100%;
	margin-bottom: 20px
}
}.dashboard__income-list-wrapper .view__box: last-of-type {
	width: 400px;
	margin-right: auto
}
.dashboard__income-list-wrapper .view__box: last-of-type .income__number {
	margin-top: 10px
}
@media(max-width: 567px) {
	.dashboard__income-list-wrapper .view__box: last-of-type .income__number {
	margin-top: 0
}
}@media(max-width: 1040px) {
	.dashboard__income-list-wrapper .view__box: last-of-type {
	width: 280px
}
}@media(max-width: 768px) {
	.dashboard__income-list-wrapper .view__box: last-of-type {
	width: 100%
}
}@media(max-width: 567px) {
	.dashboard__income-list-wrapper .view__box: last-of-type {
	height: 140px
}
}.dashboard__income-list-wrapper .view__box button {
	margin-top: 20px
}
.dashboard__income-list-wrapper .view__box h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 30px
}
@media(max-width: 567px) {
	.dashboard__income-list-wrapper .view__box h3 {
	font-size: 18px;
	line-height: 24px
}
}.dashboard__income-list-wrapper .view__box .income__number .number {
	font-size: 40px;
	line-height: 50px
}
@media(max-width: 567px) {
	.dashboard__income-list-wrapper .view__box .income__number .number {
	font-size: 30px;
	line-height: 40px
}
}.dashboard__income-list-wrapper .income-list {
	margin: 0 auto;
	width: 1210px
}
@media(max-width: 1240px) {
	.dashboard__income-list-wrapper .income-list {
	width: 1010px
}
}@media(max-width: 1040px) {
	.dashboard__income-list-wrapper .income-list {
	width: 740px
}
}@media(max-width: 768px) {
	.dashboard__income-list-wrapper .income-list {
	width: 568px
}
}@media(max-width: 567px) {
	.dashboard__income-list-wrapper .income-list {
	width: 100%
}
}@media(max-width: 567px) {
	.dashboard__income-list-wrapper .income-list {
	width: 374px
}
}@media(max-width: 400px) {
	.dashboard__income-list-wrapper .income-list {
	width: 335px
}
}.dashboard__income-list-wrapper .pending-income-list .list__item {
	margin-top: 30px
}
.dashboard__income-list-wrapper .pending-income-list .list__item: last-of-type {
	margin-bottom: 40px
}
.dashboard__income-list-wrapper .withdrawal-list .list__item {
	margin-top: 40px
}
.dashboard__income-list-wrapper .withdrawal-list .list__item: last-of-type {
	margin-bottom: 40px
}
.dashboard__income-list-wrapper .withdrawal-list .detail-remark {
	font-family: "Roboto";
	font-size: 16px;
	padding: 8px 0;
	border: solid 1px #ddd;
	margin-top: 10px;
	display: flex
}
.dashboard__income-list-wrapper .withdrawal-list .detail-remark p {
	line-height: 22px;
	text-align: left
}
.dashboard__income-list-wrapper .withdrawal-list .detail-remark div {
	display: flex;
	align-items: center;
	float: left;
	margin: 0 5px
}
.dashboard__income-list-wrapper .withdrawal-list .detail-remark: last-of-type {
	border-top: none;
	margin: 0
}
.dashboard__income-list-wrapper .js-income-item.s--open-detail .income__table {
	display: table
}
.dashboard__income-list-wrapper .js-income-item.s--open-detail .item__expand-button .svg-icon {
	transform: rotate(180deg)
}
.body--cooperation-manage .article-manage-wrapper .c-decorated-title {
	margin: 0 auto
}
@media(max-width: 567px) {
	.body--cooperation-manage .article-manage-wrapper .c-decorated-title {
	display: none
}
}.article-manage-wrapper.s--empty .c-decorated-title {
	display: none
}
.article-manage-wrapper .manage__cta-text {
	font-size: 20px;
	line-height: 30px;
	width: 500px;
	text-align: center;
	margin: 40px auto 20px auto
}
@media(max-width: 567px) {
	.article-manage-wrapper .manage__cta-text {
	font-size: 14px;
	line-height: 20px;
	width: 280px;
	margin-top: 30px
}
}.article-manage-wrapper .manage__cta-button {
	display: block;
	margin: 0 auto;
	margin-bottom: 50px
}
.js-page--application .application--teacher,.js-page--application .application--partner {
	display: none !important
}
.js-page--application.s--teacher .application--teacher {
	display: block !important
}
.js-page--application.s--partner .application--partner {
	display: block !important
}
.scroll-top-btn {
	border-radius: 50%;
	width: 56px;
	height: 56px;
	display: block;
	cursor: pointer;
	background: #ccecf8;
	color: #019fde;
	margin: 10px auto 38px auto
}
.scroll-top-btn p {
	line-height: 1;
	font-size: 12px
}
.scroll-top-btn .icon-to-top: : before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 8px;
	left: 0;
	background-color: #009fde;
	-webkit-mask-image: url(../image/icon/to-top.svg);
	mask-image: url(../image/icon/to-top.svg)
}
.scroll-top-btn: hover {
	background: #e5f5fb
}
.scroll-top-btn: focus {
	background: #e5f5fb;
	box-shadow: inset 0 3px 0 0 #019fde
}

@media(max-width: 1240px) {
	.wrapper {
	padding-top: 70px
}
}.wrapper.validation .mobile-search-form.active {
	position: fixed;
	top: 122px
}
.wrapper .wrapper-inner {
	width: 100%;
	position: relative
}
.main-container {
	border-left: 1px solid #f5f5f5
}
.container.main {
	padding: 30px 0
}
.container.course {
	padding-top: 30px
}
.container.cart {
	padding: 0px
}
.page-title {
	font-size: 36px;
	padding: 0px;
	margin-top: 20px;
	font-weight: 500;
	line-height: 1
}
.page-sub-title {
	font-size: 24px;
	line-height: 1;
	font-weight: 500;
	padding-bottom: 16px;
	border-bottom: 1px solid #d3dee5
}
.page-sub-title span {
	margin-left: 16px
}
.block-title {
	font-size: 20px;
	margin: 15px 0
}
.sub-title {
	font-size: 16px;
	padding: 0 0 15px 0;
	font-weight: normal
}
.page-top {
	margin: 0 0 30px 0
}
.page-top.member-info .page-title {
	line-height: 30px
}
.page-top.margin-top {
	margin-top: 30px
}
.page-top.no-margin {
	margin-bottom: 0
}
.page-top .page-title {
	font-size: 20px;
	padding-bottom: 0;
	font-weight: 500
}
.page-top i {
	margin-right: 5px
}
.page-top .member-info .avatars-30 {
	margin: 0 5px 0 30px
}
.page-top .member-info .name {
	line-height: 30px
}
.breadcrumb {
	padding: 0;
	background: transparent
}
.breadcrumb li a: hover {
	text-decoration: underline
}
.breadcrumb>li+li: before {
	content: ">"
}
.white-bg {
	background: #F1F5F8
}
.dot-bg {
	background: #fff url(../image/dot-bg.png) scroll repeat 50% 50%
}
.blue-dot-bg {
	background: #019fde url(../image/dark-dot-bg.png) scroll repeat 50% 50%
}
.crossing-title {
	width: 100%;
	font-size: 24px;
	color: #4c545a;
	padding: 30px 25%;
	display: inline-block;
	position: relative
}
.crossing-title: before,.crossing-title: after {
	content: " ";
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 25%;
	border-bottom: 1px solid #d3dee5
}
.crossing-title: after {
	left: auto;
	right: 0px
}
.dollar {
	padding-left: 1em;
	padding-right: 4px
}
.dollar: before {
	font-family: FontAwesome;
	content: "";
	margin-left: -1.1em;
	font-size: .7em
}
.dollar.minus: before {
	font-family: FontAwesome;
	content: "- ";
	margin-left: -1.1em;
	font-size: .7em
}
.dollar.currency: before {
	font-family: FontAwesome;
	content: "NT ";
	margin-left: -1.1em;
	font-size: .7em
}
.dollar.currency.minus: before {
	font-family: FontAwesome;
	content: "NT - ";
	margin-left: -1.1em;
	font-size: .7em
}
.carousel {
	margin: 30px auto 30px auto
}
.carousel.banner .carousel-inner .item {
	text-decoration: none
}
.carousel.banner .carousel-inner .item img {
	margin: 0 auto;
	height: 190px;
	width: 100%
}
@media(max-width: 768px) {
	.carousel.banner .carousel-inner .item img {
	height: auto
}
}.carousel .carousel-inner .item {
	text-decoration: none
}
.carousel .carousel-control,.carousel .carousel-indicators {
	display: none
}
.main-carousel {
	position: relative;
	width: 100%;
	min-height: 190px
}
.main-carousel .carousel-control {
	display: block;
	font-size: 60px;
	padding: 0 16px;
	opacity: .7;
	width: 64px;
	text-shadow: 0 2px 4px rgba(0,0,0,.5)
}
.main-carousel .carousel-control.left {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.0001) 100%)
}
.main-carousel .carousel-control.left .svg-icon {
	left: 0
}
.main-carousel .carousel-control.right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.4) 100%)
}
.main-carousel .carousel-control.right .svg-icon {
	right: 0
}
.main-carousel .carousel-control .svg-icon {
	fill: #fff;
	height: 44px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}
.main-carousel .carousel-control: hover {
	opacity: 1
}
.cover-page {
	height: 100%
}
.cover-page .cover-page-inner h2 {
	margin: 24px 0
}
.cover-page .cover-page-inner img {
	display: block;
	margin: 0 auto
}
.cover-page .cover-page-inner p {
	margin: 18px 0
}
.cover-page .cover-page-inner p.l {
	font-size: 20px;
	line-height: 1.6
}
.cover-page .cover-page-inner .submit-btn {
	margin: 40px 0
}
.cover-page .cover-page-inner .no-margin-top {
	margin-top: 0px
}
.body--errorMsg .wrapper {
	height: 100vh;
	position: relative;
	display: flex;
	justify-content: center
}
.body--errorMsg .page {
	display: flex;
	justify-content: center
}
.body--error .wrapper {
	height: 100vh;
	position: relative
}
.body--error .page {
	position: absolute;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%
}
.body--error .cover {
	width: 600px;
	height: 360px;
	margin-bottom: 50px;
	flex-grow: 0
}
@media(max-width: 768px) {
	.body--error .cover {
	width: 520px;
	height: 312px
}
}@media(max-width: 567px) {
	.body--error .cover {
	width: 360px;
	height: 216px
}
}.body--error .text {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}
.body--error h1 {
	margin-bottom: 20px;
	font-size: 34px;
	font-weight: 500
}
@media(max-width: 567px) {
	.body--error h1 {
	font-size: 22px
}
}.body--error .redirect-link {
	display: flex;
	height: 50px;
	width: 200px;
	font-size: 16px;
	font-weight: 500;
	border: 2px solid #019fde;
	border-radius: 4px;
	text-align: center;
	color: #019fde;
	align-items: center;
	justify-content: center
}
.body--error .redirect-link: hover {
	background: #019fde;
	color: #fff;
	transition: all .4s ease-in-out
}
@media(max-width: 567px) {
	.body--error .redirect-link {
	background: #019fde;
	color: #fff;
	height: 42px;
	width: 160px;
	line-height: 42px
}
}.body--errorMsg .text {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 280px
}
@media(max-height: 1000px) {
	.body--errorMsg .text {
	top: 130px
}
}.body--errorMsg h1 {
	font-size: 34px;
	font-weight: 500;
	line-height: 1.18;
	color: #4c545a;
	margin-bottom: 20px
}
@media(max-width: 567px) {
	.body--errorMsg h1 {
	font-size: 22px
}
}.body--errorMsg h4 {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.18;
	color: #bbb;
	margin-bottom: 20px
}
@media(max-width: 567px) {
	.body--errorMsg h4 {
	font-size: 18px;
	line-height: 1.17;
	margin-bottom: 10px
}
}.body--errorMsg .ocean {
	position: absolute;
	width: 100%;
	background: #019bd9;
	height: 260px;
	bottom: 0px;
	z-index: 1
}
@media(max-width: 567px) {
	.body--errorMsg .ocean {
	height: 260px;
	bottom: 0
}
}.body--errorMsg .ocean__img {
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
	width: 540px;
	z-index: 2
}
@media(max-width: 768px) {
	.body--errorMsg .ocean__img {
	top: -40%
}
}@media(max-width: 567px) {
	.body--errorMsg .ocean__img {
	width: 360px;
	height: 218px;
	top: -22%
}
}.body--errorMsg .redirect-link {
	display: block;
	height: 50px;
	width: 200px;
	line-height: 50px;
	font-size: 16px;
	font-weight: 500;
	border: 2px solid #019fde;
	border-radius: 4px;
	text-align: center;
	color: #019fde
}
.body--errorMsg .redirect-link: hover {
	background: #019fde;
	color: #fff;
	transition: all .4s ease-in-out
}
@media(max-width: 567px) {
	.body--errorMsg .redirect-link {
	background: #019fde;
	color: #fff;
	height: 42px;
	width: 160px;
	line-height: 42px
}
}.body--faq .page {
	min-height: 500px
}
.body--faq .page p {
	padding: 10px
}
.not-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.croppie-area .croppie-container .cr-viewport,.croppie-area .croppie-container .cr-resizer {
	box-shadow: 0 0 2000px 2000px rgba(0,0,0,.8);
	border: 5px solid #fff
}
.croppie-area .croppie-container .cr-slider-wrap {
	margin: 0 auto;
	padding-top: 24px;
	padding-bottom: 80px
}
.croppie-area .croppie-container .cr-slider-wrap: before {
	content: "移動圖片以調整中心";
	font-family: PingFangTC;
	font-size: 20px;
	color: #4c545a
}
.croppie-area .croppie-container .cr-slider-wrap .cr-slider {
	padding: 30px 0px
}
.croppie-area .croppie-ctrl {
	position: absolute;
	bottom: 215px;
	right: 30px;
	color: #fff;
	z-index: 10;
	cursor: pointer;
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 0
}
.croppie-area .croppie-ctrl .fa {
	margin-left: 16px
}
.croppie-area .croppie-option {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center
}
.croppie-area .croppie-option .btn: nth-child(odd) {
	margin-right: 16px
}
.photo-list li {
	vertical-align: top;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 80px;
	height: 80px;
	background: #000;
	position: relative
}
.photo-list li: nth-child(6n+1) {
	margin-left: 0
}
.photo-list li: hover .remove-file-btn {
	display: block
}
.photo-list li.loading {
	background: #d3dee5
}
.photo-list li .img-item {
	height: 80px;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	position: relative;
	z-index: 2
}
.photo-list li .img-item img {
	width: 100%;
	height: 100%
}
.photo-list li .img-item--image {
	width: 100%;
	height: auto;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute
}
.photo-list li .num-label {
	background: #019fde;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	opacity: 1;
	z-index: 9
}
.photo-list li .remove-file-btn {
	border-radius: 50%;
	width: 20px;
	height: 20px;
	background-color: #019fde;
	position: absolute;
	top: 2px;
	right: 2px;
	font-size: 14px;
	display: none;
	border: none;
	padding: 0;
	outline: none;
	z-index: 111
}
.photo-list li .remove-file-btn .svg-icon {
	opacity: 1;
	margin: 0
}

.homework-dtl-modal .photo-list li: nth-child(6n+1) {
	margin-left: 10px
}
.homework-dtl-modal .photo-list li: nth-child(8n+1) {
	margin-left: 0
}
.my-tab {
	margin: 16px 0;
	padding: 0 10px
}
.my-tab li {
	display: inline-block;
	margin-left: 16px;
	font-size: 20px;
	text-align: center;
	padding: 16px;
	border-bottom: 5px solid transparent;
	cursor: pointer;
	font-weight: 500;
	transition: all .3s
}
.my-tab li a {
	color: #4c545a
}
.my-tab li: first-child {
	margin-left: 0
}
.my-tab li: hover {
	color: #019fde;
	border-bottom-color: #019fde
}
.my-tab li: hover a {
	color: #019fde;
	border-bottom-color: #019fde
}
.my-tab li.active {
	color: #019fde;
	border-bottom-color: #019fde
}
.my-tab li.active a {
	color: #019fde;
	border-bottom-color: #019fde
}
.my-tag-cloud {
	margin: 16px 0
}
.my-tag-cloud li {
	display: inline-block;
	float: left;
	padding: 0 4px;
	font-size: 12px;
	cursor: pointer;
	color: #8b9195;
	border: 1px solid #d3dee5;
	background: transparent;
	margin-bottom: 8px;
	margin-left: 8px
}
.my-tag-cloud li: first-child {
	margin-left: 0
}
.my-tag-cloud li: hover {
	border-color: #ccecf8;
	background: #ccecf8
}
.my-tag-cloud li.active {
	background: #019fde;
	border-color: #019fde;
	color: #fff
}
.my-tag-cloud li.active: hover {
	background: #019fde;
	border-color: #019fde;
	color: #fff
}
@media(max-width: 768px) {
	.carousel {
	margin: 0 -16px
}
.carousel-inner .item img {
	max-height: inherit
}
}@media(max-width: 991px) {
	.wrapper {
	padding: 70px 0 0;
	min-height: calc(100vh - 187px);
	height: auto
}
}@media(max-width: 991px)and (max-width: 567px) {
	.wrapper {
	padding-top: 50px
}
}@media(max-width: 991px) {
	.container.main {
	padding: 0 15px
}
}@media(max-width: 991px) {
	.fixed-btn {
	bottom: 52px;
	right: 5px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	background: #fff;
	color: #33b2e4;
	width: 44px;
	padding: 15px 0
}
.fixed-btn .mobile {
	display: block;
	font-size: 12px
}
.fixed-btn .desktop,.fixed-btn i {
	display: none
}
.fixed-btn: hover,.fixed-btn: focus {
	background: #fff;
	color: #33b2e4;
	box-shadow: none
}
}@media(max-width: 991px) {
	.scroll-top-btn {
	margin: 16px auto 0px auto
}
}@media(max-width: 991px) {
	.crossing-title {
	padding: 30px 20%
}
.crossing-title: before,.crossing-title: after {
	width: 15%
}
}@media(max-width: 991px) {
	.cover-page .cover-page-inner h2 {
	margin: 16px 0;
	font-size: 24px
}
.cover-page .cover-page-inner p {
	margin: 10px 0
}
.cover-page .cover-page-inner p.l {
	font-size: 16px
}
.cover-page .cover-page-inner .submit-btn {
	margin: 15px 0
}
}@media(max-width: 991px) {
	.photo-list li: nth-child(6n+1) {
	margin-left: 10px
}
.photo-list li: nth-child(3n+1) {
	margin-left: 0
}
}@media(max-width: 991px) {
	.homework-dtl-modal .photo-list li: nth-child(3n+1) {
	margin-left: 10px
}
.homework-dtl-modal .photo-list li: nth-child(2n+1) {
	margin-left: 0
}
}@media(max-width: 991px) {
	.my-tab {
	margin-top: 0
}
.my-tab li {
	padding: 16px 8px;
	margin-left: 0;
	font-size: 16px;
	font-weight: normal
}
}.js-like-link {
	display: none !important
}
.has-like .js-like-link {
	display: flex !important
}
.star-group .star-fill.empty {
	fill: rgba(0,0,0,.16) !important
}
.star-group .star-fill {
	fill: #ffc669
}
.gee,.error-msg,.error-msg-icon,.form-control-feedback,.mobile .hide-xs,.tablet .hide-md {
	display: none
}
.pointer {
	cursor: pointer
}
.warning-tips {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ff5b74;
	font-size: 85%
}
.warning-tips .svg-icon {
	fill: #ff5b74;
	height: 1.445rem
}
.cart-item-list .item .del-msg,.cart-item-list .item .del-btn,.cart-item-list .item .added,.cart-item-list .item.confirm-del-item .title,.cart-item-list .item.confirm-del-item .status,.cart-item-list .item.confirm-del-item .price,.cart-item-list .item.confirm-del-item .remove,.cart-item-list .item.add .title,.cart-item-list .item.add .status,.cart-item-list .item.add .price,.cart-item-list .item.add .remove {
	display: none
}
.cart-item-list .item.confirm-del-item .del-msg,.cart-item-list .item.confirm-del-item .del-btn,.cart-item-list .item.add .added,.cart-item-list .item .title,.cart-item-list .item .status,.cart-item-list .item .price,.cart-item-list .item .remove {
	display: block
}
.manage-board-box.js-buletin-loading .js-buletin-empty {
	display: none
}
.manage-board-box.js-buletin-loading .js-loading {
	display: block
}
.manage-board-box.js-buletin-not-empty .js-buletin-empty {
	display: none
}
.manage-board-box.js-buletin-not-empty .underline-title,.manage-board-box.js-buletin-not-empty .underline-text,.manage-board-box.js-buletin-not-empty .sorter-group,.manage-board-box.js-buletin-not-empty .manage-board-list {
	display: block
}
.manage-board-box .underline-title,.manage-board-box .underline-text,.manage-board-box .sorter-group,.manage-board-box .manage-board-list,.manage-board-box .js-loading {
	display: none
}
.manage-student-box.js-student-loading .js-student-empty {
	display: none
}
.manage-student-box.js-student-loading .js-loading {
	display: block
}
.manage-student-box.js-student-not-empty .js-student-empty {
	display: none
}
.manage-student-box.js-student-not-empty .js-student-manage-table {
	display: block
}
.affix-bottom {
	position: relative
}
.scrolloff {
	pointer-events: none
}
body.desktop .course-intro-tab.active: before,body.tablet .course-intro-tab.active: before {
	content: "";
	position: fixed;
	top: 56px;
	left: -2000px;
	height: 34px;
	width: 4000px
}
body.desktop .course-intro-tab.is-valid-f: before,body.tablet .course-intro-tab.is-valid-f: before {
	top: 116px
}
svg {
	pointer-events: none
}
.cut-80 {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 80%
}
@media(max-height: 200px) {
	.affix {
	position: static
}
}@media(max-width: 768px) {
	.cut-80 {
	width: 70%
}
}.account-balance-div.st-init .total,.account-balance-div.st-init .js-withdraw-btn,.account-balance-div.st-init .js-withdraw-pending,.account-balance-div.st-init .js-withdraw-disabled-btn,.account-balance-div.st-init .js-withdraw-detail-btn {
	display: none
}
.account-balance-div.st-pending .total,.account-balance-div.st-pending .js-withdraw-btn,.account-balance-div.st-pending .js-withdraw-disabled-btn {
	display: none
}
.account-balance-div.st-ready .js-withdraw-pending,.account-balance-div.st-ready .js-withdraw-disabled-btn,.account-balance-div.st-ready .js-withdraw-detail-btn {
	display: none
}
.account-balance-div.st-empty .js-withdraw-btn,.account-balance-div.st-empty .js-withdraw-pending,.account-balance-div.st-empty .js-withdraw-detail-btn {
	display: none
}
.account-balance-div .js-withdraw-pending {
	font-size: 24px;
	margin: 20px 0 14px 0
}
.js-file-form .fileinput-button {
	background: #fff;
	border: 1px solid #009fde;
	color: #009fde
}
.js-file-form .fileinput-button: hover,.js-file-form .fileinput-button .hover {
	background: #fff;
	border-color: #33b2e4;
	color: #33b2e4
}
.js-file-form .fileinput-button: focus {
	background: #fff;
	border-color: #007fb1;
	color: #007fb1
}
.fileinput-box .j-af-ready,.fileinput-box .j-af-empty,.fileinput-box .j-af-progressing,.fileinput-box .j-af-fail {
	display: none
}
.fileinput-box.j-ready .j-af-ready,.fileinput-box.j-empty .j-af-empty,.fileinput-box.j-progressing .j-af-progressing,.fileinput-box.j-fail .j-af-fail {
	display: block
}
.fileinput-btn {
	position: relative;
	overflow: hidden;
	display: inline-block
}
.fileinput-btn input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	font-size: 200px !important;
	direction: ltr;
	cursor: pointer
}
.video-thumbnail.j-ready .j-af-ready,.video-thumbnail.j-empty .j-af-empty,.video-thumbnail.j-progressing .j-af-progressing,.video-thumbnail.j-fail .j-af-fail {
	display: block
}
.video-thumbnail.j-ready .j-af-ready.preview-cover,.video-thumbnail.j-empty .j-af-empty.empty-cover,.video-thumbnail.j-progressing .j-af-progressing.convert-cover,.video-thumbnail.j-fail .j-af-fail.fail-cover {
	display: flex;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%
}






.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background: #000;
	display: block
}
.sticky: : before,.sticky: : after {
	content: "";
	display: table
}
.froalaEditor ul {
	list-style: disc;
	padding-left: 40px
}
.froalaEditor ul li {
	list-style: disc
}
.fr-view img.fr-closer {
	margin-bottom: -10px
}
.teacher-manage .js-teacher-profile.manage .teacher-info {
	width: 16.66666667%
}
.yci-instagram: before,.yci-youtube: before,.yci-facebook: before {
	font-size: 25px
}
.edit-sidebar-container .yci-document: before,.edit-sidebar-container .yci-lightbulb: before,.edit-sidebar-container .yci-upload: before {
	font-weight: 600;
	line-height: 24px
}
.edit-class-header .yci-navigate_before: before {
	font-size: 50px
}
.js-teacher-profile .js-teacher-profile-form,.js-teacher-profile.manage .js-teacher-profile-view,.js-teacher-intro-form,.js-teacher-intro.manage,.js-tmpl-forums-area {
	display: none
}
.js-teacher-profile.manage .js-teacher-profile-form,.js-teacher-profile .js-teacher-profile-view,.js-teacher-intro-form.manage,.js-teacher-intro {
	display: block
}
.yci-heart: before {
	font-size: 21px
}
.body--confirm-email-success .navbar--simple {
	background: transparent
}
.body--confirm-email-success .container {
	width: 100vw;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: fixed;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0
}
.body--confirm-email-success .container: : before,.body--confirm-email-success .container: : after {
	display: none
}
.body--confirm-email-success .container--day {
	background-image: url("/dist/image/email-success/morning.svg")
}
.body--confirm-email-success .container--night {
	background-image: url("/dist/image/email-success/night.png")
}
.body--confirm-email-success .success__img {
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: 350px;
	transform: translateX(-50%) translateY(-100%);
	top: calc(70% - 20px)
}
@media(max-width: 567px) {
	.body--confirm-email-success .success__img {
	width: 260px
}
}.body--confirm-email-success .group {
	position: absolute;
	width: 300px;
	left: 50%;
	top: 70%;
	text-align: center;
	transform: translateX(-50%)
}
.body--confirm-email-success h1 {
	font-size: 32px;
	font-weight: 600;
	color: #4c545a;
	margin-bottom: 20px
}
@media(max-width: 567px) {
	.body--confirm-email-success h1 {
	font-size: 22px
}
}.body--confirm-email-success h4 {
	font-size: 18px;
	font-weight: 500;
	color: #bbb;
	margin-bottom: 20px
}
@media(max-width: 567px) {
	.body--confirm-email-success h4 {
	font-size: 16px;
	margin-bottom: 10px
}
}.body--confirm-email-success .link {
	width: 200px;
	height: 50px;
	font-size: 16px;
	font-weight: 500;
	background: #019fde;
	border-radius: 4px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto
}
@media(max-width: 567px) {
	.body--confirm-email-success .link {
	width: 160px;
	height: 42px;
	font-size: 14px
}
}