@charset "UTF-8";

#mainbody {
  background: #f8f8f8;
}
/*user register form*/
#user-register-form .help-block, #user-login .help-block {
  display: none;
}
/*flag*/
.flag-message {
  font-size: 12px;
  top: 55px;
  left: 0px;
  display: block;
  background: #000;
  color: #e5e5e5;
  padding: 12px;
  z-index: 99999;
  width: 130px;
  position: absolute;
  text-shadow:none;
}
.flag-waiting a {
  opacity: 0.5;
}
.flag-waiting .flag-throbber {
  background: url(../images/flag-throbber.gif) no-repeat right center;
  padding-right: 13px;
}

/* Fix Toolbar for .navbar-fixed-top */
body.toolbar .navbar-fixed-top {
  top: 30px;
}
body.toolbar-drawer .navbar-fixed-top {
  top: 65px;
}
@media(min-width: 980px) {
  body.toolbar {
    padding-top: 77px !important;
  }
  body.toolbar-drawer {
    padding-top: 90px !important;
  }
}
html.overlay-open .navbar-fixed-top {
  z-index: 400;
}
/* Admin toolbar fix */
body.admin-expanded.admin-vertical.admin-nw .navbar, body.admin-expanded.admin-vertical.admin-sw .navbar {
  margin-left: 260px;
}
div#admin-toolbar {
  z-index: 500;
}
.submitted {
  margin-bottom: 1em;
  font-weight: normal;
  color: #999;
}
.comment_forbidden a, .comment_forbidden {
  color: #999;
}
.submitted a {
  color: #999;
}
/* System base fix */
.container-inline div, .container-inline label {
  display: block;
}
/* Default form fields to auto */
input, textarea, select, .uneditable-input {
  width: auto;
}
/* throbber fix */
html.js input.form-autocomplete {
  background-position: 100% 9px; /* LTR */
  background-repeat: no-repeat;
}
html.js input.throbbing {
  background-position: 100% -13px; /* LTR */
}
.navbar-search .control-group {
  margin-bottom: 0px;
}
input.error {
  color: #B94A48;
  border-color: #B94A48;
}


/* blog */

.node-blog dd {
  margin-bottom:20px;
}
.node-blog dt, .node-blog dd, .node-blog p, .node-blog .content li{
  font-family: "PingFangSC-Light", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.7;
}

.node-blog ul, .node-blog ol {
  margin-bottom: 35px;
}
span.duration {
  float:right;
  color: #999;
  padding-left: 10px;
}

/* course */
.course-title {
  margin: 20px 0 10px 0;
}
.course-title a {
  color: #282828;
}
.course-meta, .course-meta a {
  color: #999;
}

/*2014.03.19*/
.page-blog h2.node-title {
  font-size: 46px;
  line-height: 1.3;
  font-family: "Songti SC", serif;
  font-weight: lighter;
}

/*2014.08.04*/
#search form {
  margin-bottom: 0;
  padding-top: 8px;
}
#search input {
  margin-bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  border: none;
  color: #7d7d7d;
  padding: 6px;
  box-sizing: border-box;
  height: 32px;
}
#search input:focus {
  width: 105%;
}
#search .control-group {
    margin-bottom: 0;
}
.page-blog .content a, .node-type-blog .content a {
  border-bottom:1px dotted #333;
  padding-bottom: 2px;
}
.page-blog .content a:hover, .node-type-blog .content a:hover {
  text-decoration: none;
  border-bottom:1px solid #1278AB;
}
.node-content .submitted {
  margin-top: 10px;
}
.search-title {
  font-size: 15px;
  line-height: 1.5;
  margin: 7px 0;
}
/*2014.08.09*/
/*登录区块*/
.course-promo form {
  position: relative;
}
.course-promo ul {
  position: absolute;
  bottom:0;
  list-style: none;
  margin: 0;
  width: 150px;
  right: 0;
}
.course-promo ul a {
  color: #ccc;
}
.course-promo li {
  display: inline;
}
.course-promo li.first {
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  padding-right: 5px;
}
.course-promo li.last {
  padding-left: 5px;
}
.course-promo form {
  margin-top:30px;
  padding-bottom: 35px;
}
.course-promo .btn {
  width: 100%;
  height: 45px;
  box-sizing: border-box;
}

.course-promo h2, .course-promo label {
  display: none;
}

.course-promo .form-text {
  width: 100%;
  height: 50px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f8f8f8;
}
.course-promo .form-submit {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.course-promo h3 {
  border-color: rgba(255,255,255,.201) rgba(255,255,255,.204);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-weight: 100;
  padding-bottom: 10px;
}
.video-screenshot {
  margin: 95px 0;
}
#info {
  padding-left: 15px;
}

#edit-submit-search-database, #views-exposed-form-search-database-page label, .views-widget-filter-type, .views-widget-sort-by, .views-widget-sort-order {
  display: none;
}
*:focus {
  outline: 0;
}

.marker {
  font-family: 'Proxima Nova Italic',"Segoe UI",Roboto,"Droid Sans","Helvetica Neue",Arial,sans-serif;
  font-size: 11.844px;
  background: #CDCDCD;
  padding: 2px 9px;
  color: #FFF;
  border-radius: 2px;
}
/*2014.08.14*/
.box h2 {
  font-size: 15px;
  margin: 0 0 20px 0;
}
.watch .user-box {
  display: inline-block;
  width: 33%;
  margin-right: 10px;
  text-align: center;
  height: 70px;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #eee;
}
.watch .username {
  padding-bottom: 5px;
  display: block;
}
.watch .username div {
  width: 100%;
}
/*2014.08.16*/
.page-header {
  border-bottom: none;
}
.page-user .form-text {
  height: 39px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-user label {
  display: none;
}
/* Plyr */
.player .player-controls {
  background: rgba(0, 0, 0, 0.8);
}
.player-controls-left, .player-controls-right {
  /* opacity: 0.8; */
}
.player .player-controls .player-time+.player-time {
  display: inline-block;
}
/* controls */
.player-controls .btn {
  text-shadow: none;
}
.player-controls-left.span4 {
  margin-left: 0;
  text-align: left;
}
.player-status {
  text-align: center;
}
#showcase .player-controls .header {
  padding:0;
  margin: 0;

  display: inline-block;
  line-height: 1.5;
}


#push-to-bottom {
  background: #f8f8f8;
}

/*infinite scroll*/
.load-more {
  padding: 13px;
  background: #FFF;
  color: #8D8D8D;
  margin-bottom: 20px;
  font-size: 15px;
}

.player-controls .btn:hover {
  background-color: #313131;
}
.player-controls .btn:hover a {
  color: #fff;
}
.player-controls .btn.disabled {
  background: #000;
  opacity: 0.9;
  color: #5b5b5b;
}
.pagination .prev, .pagination .next {
  padding: 10px 0;
}
.pagination {
  display: flex;
  flex-direction: column;
}
.pagination ul {
  align-self: flex-end;
}
.prev, .next {
  padding: 10px 15px;
  background: none;
  color: #A0A0A0;
  font-size: 22px;
}
.prev:hover, .next:hover {
  color: #fff;
}

.player-status:hover {
  opacity: 1;
}
.dimmer .player-controls-left, .dimmer .player-controls-right, .dimmer .player-status {
  opacity: 0.5;
  transition: all 500ms ease;
}
.dimmer .player-controls-left:hover, .dimmer .player-controls-right:hover, .dimmer .player-status:hover {
  opacity: 1;
}

/* utlity */

.noise {
  background: url(../images/white-noise.png);
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.sub.header {
  opacity: 0.6;
  margin-bottom: 53px;
}
.very.relaxed {
  padding: 60px 0 120px 0;
}
.very.relaxed .meta {
  text-align: left;
}
.very.relaxed h2 {
  font-size: 38px;
  font-weight: 300;
  line-height: 1.2;
  text-transform: uppercase;
}

.very.relaxed p {
  font-size: 16px;
  opacity: .75
}
.very.relaxed p.description {
  color: rgba(0,0,0,.54);
}
.thumbnails {
  margin-top: 48px;
}
.relaxed {
  padding: 35px 0;
}
i.circular {
  display: block;
  padding: 30px;
  border: 2px solid #BBB;
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: #BBB;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 15px;
}
.inverted {
  background: #000;
  color: #A1A1A1;
}
.inverted a {
  color: #A1A1A1;
}
.inverted {
  background: none;
}
.inner.right {
  padding-right: 25px;
}

/*menu*/
.tag-menu>ul {
    margin-bottom: 35px;
    padding: 0;
    border-bottom: 1px solid #DDD;
    overflow: visible;
}
.tag-menu ul li {
    display: inline-block;
    margin-right: 6px;
    list-style: none;
    padding-top: 5px;
}
.tag-menu>ul>li>a {
    color: #808080;
    margin: 0 0 -1px;
    padding: 7px 23px;
    line-height: 1.9;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
.tag-menu>ul>li>a:hover, .tag-menu>ul>li>a.active:hover{
    border-bottom: 1px solid #1278AB;
    color: #000;
}
.four>ul>li>a:focus, .four>ul>li>a:active, .four>ul>li>a:hover, .four>ul>li>a.active:hover {
  border-bottom: 1px solid #DDD;
}

.tag-menu>ul>li>a.active {
    color: #000;
}
ul li.leaf a:hover {
  background: none;
}
#bottom ul li.leaf a:hover, #bottom .nav>li>a:focus, #bottom .nav>li>a:hover{
  background: #000;
}
.four>.menu {
  margin-bottom: 0;
  margin-top: 0;
}
.four>.menu>li {
  width: 24.5%;
  text-align: center;
  margin-right: 0;
}
.tag-menu {
  position: relative;
}
.menu>li>ul {
  position: absolute;
  bottom: -100%;
  right: 0;
  text-align: right;
}

.menu>li>ul>li>a {
  margin-top: 20px;
  padding: 7px 13px;
  color: #ADADAD;
}
.menu>li>ul>.active-trail>a, .menu>li>ul>li>a:hover, .menu>li>ul>li>a:active, .menu>li>ul>li>a:focus {
  text-decoration: none;
  color: #000;
}
.drag {
  background: #fbffcb;
}
.mix, .ui.items.video-list > .item {
  display: none;
}
.page-course .maincontent {
  min-height: 500px;
}
.btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover {
  font-size: 12px;
  color: #989898;
}
button:focus {
  outline: 0;
}
[data-sr] { visibility: hidden; }

.ui.items > .item {
  opacity: 0.5;
}
.ui.items > .free, .ui.items > .untouched, .ui.items > .viewed {
  opacity: 1;
}
.ui.items .item.completed, .ui.items .item.outdated {
  opacity: 0.5;
}
.item a.active {
  color: #178ece;
}
.view-header {
  margin-bottom: 30px;
}
.affix {
  top: 39px;
  width: 100%;
}
.item.section {
  font-weight: bold;
  opacity: 1;
  color: #333;

}
.ui.items > .item.section{
  padding: 1em 0;
}
.ui.items > .item.section > .content > .header > a {
  margin-left: -15px;
}
.item.section .meta {
  display: none;
}
.tab-content {
  min-height: 360px;
  overflow: visible;
}
.player-controls .ui.statistics .statistic > .value, .player-controls .ui.statistic > .value {
  font-weight: 300;
}
.hidden {
  opacity: 0;
}
.player .statistics {
  display: none;
  cursor: pointer;
}
.player .statistics.active {
  display: block;
}

.player .ui.statistics {
  margin: 0.5em;
  margin-top: 0.6em;
}
.player .ui.horizontal.statistic {
  margin-right: 20px;
}
/* search api autocomplete */
.search-api-autocomplete-suggestion {
  position: relative;
  padding: 10px;
}

.search-api-autocomplete-suggestion .autocomplete-suggestion-note {
  font-size: 90%;
  padding-right: 10px;
}

.search-api-autocomplete-suggestion .autocomplete-user-input {
  font-weight: bold;
}

.search-api-autocomplete-suggestion .autocomplete-suggestion-results {
  position: absolute;
  right: 0.2em;
  padding-right: 10px;
  opacity: 0.5;
}
.video .fa-file-text-o:before {
  content: "\f105";
}
.video .fa-file-text-o {
  width: 14px;
  text-align: center;
}
.course .fa-file-text-o:before {
  content: "\f03a";
}
.search.items .item {
  opacity: 0.8;
}
.search.items .item a:hover {
  text-decoration: none;
}
.ui.divided.items {
  margin-bottom: 30px;
}
.search.ui.items > .item > .content > .meta {
  text-align: right;
}
.ui.divided.items.search > .item {
  padding: 1em 0em;
}
.search.items .item i {
  opacity: 0.5;
}
/* Guide */
.maincontent {
  position: relative;
}
.page-course .attachment {
  position: absolute;
  top: 133px;
  left: 10px
}
.page-course .attachment a {
  opacity: 0.3;
}
.page-course .attachment a:hover {
  opacity: 0.6;
}

.white {
  background: #fff;
}
.node-type-guide #showcase {
  background: none;
}

.description {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.9;
}
.down {
  font-size: 16px;
  display: block;
  padding: 15px;
}
.down:hover {
  color: #bdbdbd;
}
p.list {
  color: #858585;
  font-size: 14px;
}
p.list i {
  padding: 0 10px;
}
p.list a {
  color: #000;
}
#showcase p a {
  color: #fff;
}
/* uc_affiliate2 */
.nav-pills + ul{
  border: none;
}
.nav-pills + ul>li>a {
  border: none;
}
.nav-pills + ul>.active>a, .nav-pills + ul>.active>a:focus, .nav-pills + ul>.active>a:hover {
  border-bottom: none;
}
.nav-pills + ul>li>a:hover, .nav-pills + ul>li>a.active:hover {
  border: none;
}