body {
   overflow-y: scroll;
}
body.wait * {
   cursor: wait !important;
}
a, a:hover, a:focus {
   color: #333;
   text-decoration: none;
}
a[href], a.link, label.link{
   font-weight: normal;
   color: #337ab7;
   margin: 0;
   outline: none;
}
a[href]:hover, a[href]:focus, a.link:hover, a.link:focus, label.link:hover, label.link:focus, .nav > li > a:focus, .nav > li > a:hover {
   cursor: pointer;
   color: #23527c;
   text-decoration: underline;
}
a.top{
   display: none;
   opacity: 0;
   position: fixed;
   bottom: -100px;
   right: -100px;
   font-size: 48px;
   line-height: 48px;
   transition: opacity 0.5s;
   width: 60px;
   text-align: center;
   padding: 0;
   height: 60px;
}
a.top.active.focus, a.top:hover{
   opacity: 1 !important;
}
body.modal-open a.top{
   display: none !important;
}
label[for]{
   cursor: pointer;
}
h1 {
   margin: 0 0 10px 0;
}
.carrier {
   clear: both;
}
.fake {
   position: absolute;
   top: -1000px;
   left: -1000px;
   display: block;
   width: 0px;
   height: 0px;
}
.logo {
   line-height: 50px;
}
.navbar {
   border-radius: 0;
   border-top: none;
}
.navbar-container {
   float: left;
}
/*#navbar-main .nav {
   float: right;
}*/
.nav a > .icon {
   width: 20px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
   background-color: transparent;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
   color: #000;
}
.dropdown-toggle {
   cursor: pointer;
}
.dropdown-menu {
   padding: 0;
   border-radius: 0;
}
.submenu {
   position: relative;
}
.submenu > a > .fa-caret-right {
   float: right;
   line-height: inherit;
   margin-right: -10px;
}
.submenu > .dropdown-menu {
   left: 100%;
   top: -2px;
}
.bottom-10 {
   margin-bottom: 10px;
}
.top-10 {
   margin-top: 10px;
}
.right-10 {
   margin-right: 10px;
}
.input-group {
   width: 100%;
}
.input-group-btn .btn {
   margin-left: -2px !important;
}
.input-group-btn .btn:hover {
   z-index: 3 !important;
}
.content {
   color: #666;
}
.content.home {
   margin: 0;
}
.img-holder {
   display: inline-block;
   text-align: center;
}
.img-holder img {
   max-width: 100%;
   background-color: #fff;
}
.row.program {
   border-top: 1px solid #999;
   padding: 20px 0;
   color: #666;
}
.row.program:last-child {
   border-bottom: 1px solid #999;
   margin-bottom: 20px;
}
.row.program.earlier {
   display: none;
   background-color: #f9f9f9;
}
.row.program.earlier.ext {
   display: block;
}
.row.program.earlier .fa {
}
.row.program.now {
   background-color: #d0ffd0;
}
.program.later {
   background-color: #fff;
}
.program-preview {
   color: #666;
}
.program h2 *, .program h2 a:hover, .program h2 a:focus, .program-preview h2 *, .program-preview h2 a:hover, .program-preview h2 a:focus {
   color: #000;
}
.program .channel-image, .program-preview .channel-image {
   float: left;
   text-align: center;
}
.program .channel-image img, .program-preview .channel-image img {
   max-width: 100%;
   max-height: 100%;
}
.chline {
   margin-bottom: 1px;
}
.chline:last-child {
   margin-bottom: 20px;
}
.progline {
   font-size: 0px;
   display: table;
   height: 60px;
}
.progline .program, .progline .program:last-child {
   border: 1px solid #999;
   padding: 0;
   margin: 0;
   display: table-cell;
   vertical-align: middle;
   font-size: 12px;
   overflow: hidden;
   text-align: center;
   border-left: none;
   font-weight: normal;
   cursor: pointer;
   box-shadow: 0 0 4px #ccc inset;
   position: relative;
}
.progline .program:first-child{
   border-left: 1px solid #999;
}
.progline .program[data-program]:first-child {
   background-color: #d0ffd0;
}
.progline .program:hover, .progline .program:focus, .progline .program:active {
   background-color: #c9c9ff;
}
.progline .program .title {
   color: #000;
}
.channel-name {
   margin: 0;
   font-size: 20px;
   line-height: 18px;
   display: table;
   height: 60px;
   color: #000;
}
.content.home .channel-name {
   width: 100%;
   text-align: center;
   padding-right: 1px;
}
.channel-name > a {
   display: table-cell;
   padding: 0;
   vertical-align: middle;
}
.content.home .chline:hover .channel-name > a, .content.home .chline .channel-name > a:focus, .content.home .chline .channel-name > a:active {
   background-color: #c9c9ff;
   border: 1px solid #999;
   box-shadow: 0 0 4px #ccc inset;
}
.content.home .channel-name img {
   max-width: 100%;
   max-height: 50px;
   width: 50px;
}
.row.chline {
  margin-right:0;
  margin-left:0;
}
.row.chline > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}
.content.channel h1 img{
   max-width: 100%;
   max-height: 100px;
   width: 100px;
}
.timeline {
   font-size: 0;
}
.timeline .time-1, .timeline .time-2, .timeline .time-3, .timeline .time-4{
   display: inline-block;
   width: 33.33%;
}
.timeline .time-4 {
   width: 10%;
}
.timeline .time {
   position: relative;
   left: -23px;
   float: left;
   width: 51px;
   text-align: center;
   font-size: 14px;
}
.timeline .time .mark {
   padding: 0;
   background-color: transparent;
   width: 21px;
   height: 6px;
   border-right: solid 1px #999;
}
.dropbg {
   position: fixed;
   top: 0px;
   left: 0px;
   bottom: 0px;
   right: 0px;
   display: none;
   overflow: hidden;
   background: #000;
   content: '';
   -moz-opacity: 0.60;
   filter: alpha(opacity=60);
   opacity: 0.60;
   z-index: 99;
}
.progressbar {
   margin: 0 -1px;
   height: 21px;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 4px;
   box-shadow: 1px 1px 0px #999 inset;
   position: relative;
   overflow: hidden;
}
.progressbar > .current {
   color: #fff;
   text-shadow: -1px 0 #444;
   text-align: center;
   height: 18px;
   background-color: #337ab7;
   background-image: linear-gradient( #337ab7, #6a9cc8, #6a9cc8, #337ab7);
   position: relative;
   top: 1px;
   left: 1px;
   border-radius: 2px;
   width: 0px;
}
.toolbar {
   font-size: 0;
}
.toolbar .separator {
   margin: 0 7px;
}
.toolbar .btn {
   margin-right: 1px;
}
.empty-list {
   font-size: 24px;
   color: #ddd;
   font-style: italic;
   text-align: center;
}
.modal-open .modal {
   /*overflow-y: scroll;*/
}
.modal-body .close {
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #fff;
  opacity: 1;
  line-height: 22px;
  width: 22px;
  text-align: center;
  box-shadow: 0 0 4px #000;
  font-size: 12px;
  z-index: 100;
}
.modal-body .close:hover {
  background-color: #999;
  box-shadow: 0 0 0 #000;
}
.modal-dialog {
   margin: auto auto;
   width: auto;
   max-width: 90%;
   min-width: 238px;
   margin: 20px auto;
   position: relative !important;
   left: auto !important;
}
.modal-content {
   border-radius: 0;
}
.now-playing .img-holder{
   position: relative;
   float: left;
   margin: 0 1px 1px 0;
   border: 1px solid #ddd;
   height: 295px;
   width: 200px;
   overflow: hidden;
}
.img-holder {
   border: 1px solid #ddd;
}
.img-holder:hover {
   border-color: #23527c;
}
.now-playing .img-holder .ch-link, .program-detail .img-holder .ch-link {
   position: absolute;
   top: 3px;
   left: 3px;
   background-color: #fff;
   text-align: center;
   border-radius: 50px;
   padding: 3px;
   width: 58px;
   height: 58px;
   border: 1px solid #999;
   overflow: hidden;
   opacity: 0.4;
   transition: opacity 0.7s;
}
.now-playing .img-holder .ch-link img, .program-detail .img-holder .ch-link img {
   width: 50px;
   height: auto;
}
.now-playing .img-holder .pr-info {
   position: absolute;
   z-index: 100;
   bottom: 0px;
   color: #fff;
   background-color: #333;
   left: 0px;
   right: 0px;
   padding: 0 5px 5px;
   opacity: 0.4;
   transition: opacity 0.7s, bottom 0.7s;
   bottom: -43px;
}
.now-playing .img-holder:last-child .pr-info {
   right: 0;
}
.now-playing .img-holder:hover .ch-link, .now-playing .img-holder:hover .pr-info, .program-detail .img-holder:hover .ch-link {
   opacity: 1;
}
.now-playing .img-holder:hover .pr-info {
   bottom: 0;
}
.now-playing .img-holder .pr-info .progressbar {
   background-color: #999;
}
.now-playing .img-holder .pr-link {
   color: #fff;
   text-decoration: none;
   font-weight: 700;
   min-height: 40px;
   display: block;
}
.now-playing .img-holder .pr-link img {
   max-width: none;
   width:100%;
   margin: 0%;
   transition: width 1s, margin 1s;
}
.now-playing .img-holder:hover .pr-link img {
   width: 110%;
   margin: -5%;
}
.now-playing > h2, .program-preview h2 {
   margin: 0 10px 10px 0;
   display: block;
}
.nav-program {
   width: 48%;
   display: table;
   color: #333 !important;
   margin: 5px;
   text-decoration: none !important;
}
.nav-program > span {
   display: table-cell;
   vertical-align: middle;
   padding: 0 5px;
}
.nav-program > span > strong {
   color: #000;
   font-size: 120%;
}
.nav-program .img-holder {
   padding: 0;
   width: 102px;
   height: 149px;
}
.nav-program:hover .img-holder {
   border-color: #23527c;
}
.nav-program:hover span{
   background-color: #ddd;
}
.nav-program .fa {
   font-size: 148px;
   width: 64px;
}
.nav-program:hover .fa {
   color: #fff;
}
.btn {
   border-radius: 0;
}
.btn input[type="checkbox"]:checked ~ .fa:before {
   content: '\f205';
   color: #337ab7;
}
.btn.btn-preview .fa {
   position: relative;
   top: 2px;
   right: 3px;
   font-size: 48px;
   line-height: 46px;
}
.btn.btn-next .fa {
   position: relative;
   top: 2px;
   left: 3px;
   font-size: 48px;
   line-height: 46px;
}
.form-control, .input-group-addon {
   border-radius: 0;
}
.form-control, .form-control:focus {
   box-shadow: none;
   border-color: #ccc;
}
.list-inline {
   font-size: 0;
}
.list-inline li {
   font-size: 14px;
}
.unstyled {
   color: #666 !important;
   font-weight: normal !important;
}
/*.content.home .unstyled {
   color: #666 !important;
   font-weight: normal !important;
}*/
.strong strong, .strong strong a[href], .strong strong a.link, .strong strong label.link {
   color: #000;
}
.notify-control {
   font-size: 60%;
   vertical-align: top;
}
.notify-control .fa {
   color: #666;
}
.notify-control.on .fa {
   color: #0a0;
}
.content.home .notify-control {
   position: absolute;
   left: 3px;
   top: 0px;
   font-size: 120%;
}
ul.list-schedule {
   padding-left: 0;
   list-style: none;
}
ul.list-schedule > li:before {
   font-family: FontAwesome;
   content: '\f10c';
   float: left;
   width: 26px;
   text-align: center;
}
ul.list-schedule > li.active:before {
   content: '\f111';
}
#search {
   padding: 8px 15px;
}
#datepicker {
   min-width: 200px;
}
#msg {
   padding-right: 0 !important;
}
#oframe > .modal-dialog {
   position: fixed;
   top: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
   left: 0 !important;
   margin: 0;
   width: 100%;
   height: 100%;
   max-width: 100%;
}
#oframe > .modal-dialog > .modal-content {
   width: 100%;
   height: 100%;
   overflow: auto;
}
#oframe > .modal-dialog > .modal-content > .modal-body {
   width: 100%;
   height: 100%;
}
.panel {
   overflow: hidden;
   border-radius: 0;
}
.panel .panel-body .table.table-striped {
   margin-bottom: 0;
}
.panel-heading {
   margin-bottom: -1px;
   border-radius: 0;
}
.panel-heading-toolbar {
    float: right;
    margin: -4px -11px;
}
.table.table-striped .row {
   border-bottom: none;
}
.table.table-striped .row:nth-child(odd), .table.table-striped .row.table-header:hover {
   background: #f9f9f9;
}
.table.table-striped .row:hover {
   background-color: #ccc;
}
.table .img-holder {
}
.img-holder img {
    max-width: 100%;
}
ul.dropdown-menu.striped {
   background-color: #f5f5f5;
   margin: 0 -15px;
   left: 14px;
}
ul.dropdown-menu.striped > li {
}
ul.dropdown-menu.striped > li:nth-of-type(odd){
   background-color: #fff;
}
ul.dropdown-menu.striped > li > label {
   padding: 0 15px;
   display: block;
   text-decoration: none;
}
ul.dropdown-menu.striped > li > label:hover {
   text-decoration: underline;
}
ul.dropdown-menu.striped > li label .fa {
   color: #000;
   width: 18px;
}
#pResult .row {
    padding: 15px 0;
}
#files > .list {
  display: flow-root;
}
#files > .desc {
  float: right;
  max-width: 25%;
}
#files > .desc img {
  max-width: 100%;
}
#files .img-holder {
   display: block;
   height: 245px;
   position: relative;
   border: 1px solid #ccc;
   padding: 5px;
   font-weight: normal;
   text-align: center;
   margin-bottom: 30px;
}
#files .img-holder.directory.up {
   font-size: 160px;
   line-height: 220px;
}
#files .img-holder:hover, #files .img-holder:hover * {
   cursor: pointer;
   background-color: #ddd;
}
#files .img-holder img{
   max-height: 200px;
   max-width: 100%;
   background-image: url( './image/img-bg.png');
}
#files .img-holder.directory img{
   background-image: none;
}
#files .img-holder .img-caption {
   position: absolute;
   bottom: 5px;
   left: 0px;
   right: 0px;
   width: 100%;
   padding: 0 5px;
   line-height: 16px;
   background-color: transparent;
   text-align: center;
   overflow: hidden;
}
#files .img-holder .filesize{
   display: none;
}
.img-preview {
   overflow: auto;
   text-align: center;
}
.login {
   float: none;
   display: inline-block;
}
.login .input-group-addon {
   width: 40px;
}
.row .row-hover-show {
   display: none;
}
.row:hover .row-hover-show {
   display: block;
}
.sort {
   text-align: right;
}
.sort .move {
   font-size: 22px;
   line-height: 19px;
   margin: 0;
}
.ext {
   display: none;
}
.ext .cat {
   display: inline-block;
   border: 1px solid #ddd;
   padding: 0 4px;
   border-radius: 4px;
   margin: 0 4px 4px 0;
}
.input-group {
   width: 100%;
   max-width: 100%;
}
.input-group .input-group-addon {
   text-align: left;
   vertical-align: top;
   padding-top: 9px;
}
.input-group .input-group-addon.fa {
   display: table-cell;
}
.input-group .input-group-addon.btn {
   vertical-align: middle;
}
.btn.fa, .btn.fa:hover, .btn.fa:focus {
   width: 38px;
   color: #fff;
   text-decoration: none;
}
ul > li > ul {
   padding-left: 20px !important;
}
ul > li > input[type="checkbox"] ~ ul {
   display: none;
}
ul > li > input[type="checkbox"]:checked ~ ul {
   display: block;
}
input[type="checkbox"]{
   float: left;
   margin: 0 4px 0 0;
}
label{
   margin-bottom: 0;
   line-height: 16px;
}
.admin .program {
   border-style: none;
   padding: 15px 0;
}
.poster > img {
   max-width: 100%;
}
.color-red, .text-red {
   color: red;
}
#location label{
   float: left;
}
#location label:hover > strong{
   color: #000;
}
#location label:before{
   color: 666;
   content: '\f101';
   padding-right: 4px;
   padding-left: 4px;
   font-family: 'FontAwesome'
}
#location label:first-of-type:before{
   padding-left: 0px;
   content: '';
}
#files.list .directory, #files.list .file{
   width: 100%;
}
#files.list .img-holder {
   height: auto;
   padding: 0;
   border-radius: 0 0 0 0;
   margin-bottom: 5px;
   display: flex;
}
#files.list .img-holder.directory.up .fa {
   font-size: 48px;
   width: 48px;
}
#files.list .img-holder img {
   height: 48px;
   float: left;
   margin-right: 15px;
   background-image: none;
}
#files.list .clearfix{
   display: none;
}
#files.list .img-caption {
   position: relative;
   line-height: 24px;
   bottom: auto;
   text-align: left;
   display: block;
   width: 100%;
}
#files.list .filesize{
   white-space: nowrap;
   line-height: 24px;
   margin: 0 5px;
   display: block;
}
#mplayer {
   display: block;
   margin-bottom: 30px;
}
#mplayer > div {
   background-color: #666;
   color: #fff;
}
#mplayer .buttons {
   padding: 6px;
   float: right;
}
#mplayer .caption {
   padding: 10px;
}
#mplayer .caption .fa {
   margin-right: 5px;
}
#mplayer audio {
   width: 100%;
   display: block;
   border-radius: 0;
   background-color: #444;
   opacity: 1;
}
#lang_selector{
   float: right;
   margin: 8px 7px;
   padding: 0;
}
#lang_selector li{
   padding: 7px 7px;
   display: inline-block;
   color: #999;
}
#lang_selector li.selected{
   color: #333;
}
@media (max-width: 767px){
   .container-fluid {
      padding-left: 0;
      padding-right: 0;
   }
   .navbar-container {
      float: none;
   }
   #navbar-main .navbar-toggle {
      padding: 0px 10px;
      border-radius: 0;
      border-style: none;
      font-size: 24px;
   }
   #navbar-main .navbar-header, #navbar-main .navbar-collapse.in {
      background-color: #f8f8f8;
      position: relative;
      z-index: 100;
   }
   #navbar-main .navbar-collapse.in ~ .dropbg {
      display: block;
   }
   #search {
      padding: 8px 0;
   }
   .content {
      margin: 0 15px;
   }
   .content.home .channel-name {
      height: auto !important;
      text-align: left;
      width: auto;
      margin: 10px 1px 1px 1px;
   }
   .content.home .channel-name > a {
      padding: 0 4px;
   }
   .program .channel-image, .program-preview .channel-image {
      float: none;
      margin: 10px auto;
   }
   .nav-program {
      width: auto;
   }
   .nav-program > span{
      padding: 0;
   }
   .nav-program > span.fa{
      padding: 0 5px;
   }
   .schedule .row {
      display: block;
      clear: both;
      margin-bottom: 10px;
   }
   .schedule .row div {
      display: block;
      clear: both;
   }
   #files > .desc {
      float: none;
      max-width: 100%;
      margin-bottom: 10px;
   }
}
@media (max-width: 448px){
   .nav-program .img-holder {
      width: 0;
      border-width: 0;
      transition: width 0.5s;
   }
   .nav-program:hover .img-holder {
      width: 102px;
   }
}