@font-face {
  font-family: 'karlaregular';
  src: url('../fonts/karla-regular-webfont.eot');
  src: url('../fonts/karla-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/karla-regular-webfont.woff2') format('woff2'),
       url('../fonts/karla-regular-webfont.woff') format('woff'),
       url('../fonts/karla-regular-webfont.ttf') format('truetype'),
       url('../fonts/karla-regular-webfont.svg#karlaregular') format('svg');
  font-weight: lighter;
  font-style: normal;
}
/* LOADER */
#pageLoader .loading,
#pageLoader .loading::before,
#pageLoader .loading::after {
position: absolute;
top: 50%;
left: 50%;
border: 1px solid rgba(255, 255, 255, 0.1);
border-left-color: rgba(255, 255, 255, 0.4);
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
}

.loading,
.loading::before,
.loading::after {
position: absolute;
top: 50%;
left: 50%;
border: 1px solid rgba(0, 0, 0, 0.1);
border-left-color: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
}

.loading {
margin: 30px 0 0 -25px;
height: 50px;
width: 50px;
-webkit-animation: animation-rotate 2000ms linear infinite;
-moz-animation: animation-rotate 2000ms linear infinite;
-o-animation: animation-rotate 2000ms linear infinite;
animation: animation-rotate 2000ms linear infinite;

}

.loading::before {
content: "";
margin: -23px 0 0 -23px;
height: 44px;
width: 44px;
-webkit-animation: animation-rotate 1000ms linear infinite;
-moz-animation: animation-rotate 1000ms linear infinite;
-o-animation: animation-rotate 1000ms linear infinite;
animation: animation-rotate 1000ms linear infinite;
}

.loading::after {
content: "";
margin: -29px 0 0 -29px;
height: 56px;
width: 56px;
-webkit-animation: animation-rotate 666ms linear infinite;
-moz-animation: animation-rotate 666ms linear infinite;
-o-animation: animation-rotate 666ms linear infinite;
animation: animation-rotate 666ms linear infinite;
}



@-webkit-keyframes animation-rotate {
100% {
  -webkit-transform: rotate(360deg);
}
}

@-moz-keyframes animation-rotate {
100% {
  -moz-transform: rotate(360deg);
}
}

@-o-keyframes animation-rotate {
100% {
  -o-transform: rotate(360deg);
}
}

@keyframes animation-rotate {
100% {
  transform: rotate(360deg);
}
}

#pageLoader {
height: 50px;
width: 50px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -25px;
opacity: 0;
z-index: -100;
}

/* TEXT STUFF */
.pageHead {
font-size: 48px;
letter-spacing: -2px;
color: #43A8A6;
}
.pageSubhead {
font-size: 20px;
color: #777777;
}
.pageSubhead a {
  font-size: 20px;
  color: #777777;
  text-decoration: none;
}
.subheadInput {
  border: none;
  height: 25px;
  background-color: #EEE;
  margin: 0 0 -2px 5px;
  font-size: 20px;
  width: auto;
}

.listHead {
font-size: 18px;
color: #43A8A6;
}
.listSubhead {
font-size: 14px;
color: #777777!important;
}

i .fa {
transition: 0.2s all;
-webkit-transition: 0.2s all;
position: relative;!important
}

i .fa:hover {
top: -2px;!important
}
a {
color:#43A8A6
}
a.blue {
text-decoration: none;
color: #43a8a6;
}
a.black {
text-decoration: none;
color: #444;
}
a.white {
text-decoration: none;
color: #DDD;
}

.blueLinks a {
color: #43A8A6!important;
}

.slideBlue, .slideBlack, .slideWhite, .slideGrey, .homeShowR a, .hnCont a, .blueLinks a, .slideWhiteChatroom {
display: inline-block;
text-decoration: none;
color: inherit;
cursor: hand; cursor: pointer;
}
/* .slideBlue:after, .slideBlack:after, .slideWhite:after, .slideGrey:after, .homeShowR a:after, .hnCont a:after, .blueLinks a:after {
content: '';
display: block;
height: 1px;
margin-top: -2px;
margin-bottom: 2px;
width: 0;
/* background: transparent; */
/* transition: width .5s ease, background-color .5s ease;
-webkit-transition: width .5s ease, background-color .5s ease; */
/*
.slideBlue:hover:after, .hnCont a:hover:after, .homeShowR a:hover:after, .blueLinks a:hover:after {
width: 100%;
background: #43A8A6;
}
.slideBlack:hover:after, .homeShowTitle:hover:after {
width: 100%;
background: #444;
}
.slideWhite:hover:after {
width: 100%;
background: #DDD;
}
.slideGrey:hover:after {
width: 100%;
background: #666;
}*/

/* layout els */
.clearLine {
clear: both;
width: auto;
height:1px;
background-color: #DDDDDD;
margin: 20px 0 10px 0;
}
.clear {
clear: both;
width: auto;
}

/* html {
  height:100%;
} */

::-webkit-scrollbar {
  width:6px;
  height:4px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius:10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   background-color: rgba(90, 26, 26, 0.4);
}

::-webkit-scrollbar-horizontal {
  height:2px;
}

body {
margin: 0;
padding: 0;
/* Peach: FFDAB9*/
background-color: #ff8080;
background-image: linear-gradient(#ff8080, #fff280);
background-repeat:no-repeat;
background-attachment: fixed;
/* background-image: linear-gradient(rgb(241, 186, 169),rgb(241, 204, 169)); */
font-family: 'karlaregular';
color: #222;
font-size: 13px;
overflow-x: hidden;
}
blogImg {
/* Sets blog images to not look stupidly big. May break other stuff
  therefore should be fixed to be more specific */
width: 100%;
}
img{
width:75%;
}
#allPageCont {
width: auto;
max-width:1230px;
margin: 0 auto;
}

#playerBg {
position: fixed;
opacity: 0;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
height: 150%;
background-color: rgba(0,0,0,0.2);
z-index: 200;
}

#playerCont {
max-width: 440px;
margin: 0 auto 0 150px;
}
#playerBox {
height: 350px;
width: auto;
background-color: #EEE;
border-radius: 0 0 5px 0;
margin: 0 20px 20px 20px;
box-shadow: 2px 0 4px rgba(0,0,0,0.2);
position: relative;
}
#pbHead {
font-size: 18px;
white-space: nowrap;
text-align: center;
margin-right: 30px;
padding: 5px;
overflow-x: hidden;
}
#pbHead .epName {
  color: #43A8A6;
}
#pbHead .showName {
  color: #666;
}
#pbClose {
height: 40px;
width: 30px;
color: #EEE;
padding: 13px 0;
text-align: center;
font-size: 24px;
position: absolute;
top: 0;
right: 0;
background-color: #43A8A6;
}
#pbImgCont {
 width: 100%;
 height: 150px;
 overflow: hidden;
 background-color: #CCC;
 position: relative;
}
#pbImgCont img {
   width: 120%;
   min-height: 240px;
   position: relative;
   top: -10%;
   left: -10%;
   -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);
}
#pbTimes {
padding: 10px;
position: relative;
}
#pbTimes .timeL {
  position: absolute;
  left: 10px;
  color: #43A8A6;
}
#pbTimes .timeR {
  position: absolute;
  right: 10px;
}
#pbScrubCont {
width: auto;
height: 15px;
margin: 10px;
background-color: #CCC;
}
#pbScrub {
width: 100%;
height: 15px;
background-color: #43A8A6;
}
#pbBtmLeft {
color: #43A8A6;
font-size: 40px;
position: absolute;
left: 20px;
bottom: 20px;
}
#pbBtmRight {
color: #666;
font-size: 27px;
position: absolute;
right: 20px;
bottom: 28px;
}
#pbBtmRight #pbVolCont {
  display: inline-block;
  margin-bottom: 4px;
  width: 100px;
  height: 12px;
  background-color: #CCC;
}
#pbBtmRight #pbVol {
  width: 100%;
  height: 12px;
  background-color: #43A8A6;
}

#navBar {
height: 60px;
width: 100%;
background-color: #ff8080;
margin-top: -60px;
position: fixed;
text-align: center;
z-index: 110;
}

#menuBtn {
  width: 30px;
  height: 30px;
  padding: 15px;
  margin-left: 5px;
  float: left;
  text-align: left;
  font-size: 30px;
  color: #EEE;
  cursor: pointer; cursor: hand;
}
#topLogo {
  width: 50px;
  margin-top: 5px;
  opacity: 1;
}
#playBtn {
  width: 30px;
  height: 30px;
  padding: 15px;
  margin-right: 5px;
  float: right;
  text-align: right;
  font-size: 30px;
  color: #43A8A6;
}
#progressOut{
  width:inherit;
  height:30px;
  margin: 0 170px 0 0;
  position:relative;
}
#progressIn{
  position:relative;/*This is important*/
  height:100%;
  bottom:0px;
  width:0px;
  background:#43A8A6; /*This can be anything*/
}
#timeLabel {
  height: 20px;
  width: auto;
  display: inline-block;
  position: relative;
  top: -25px;
  left: 5px;
  padding: 0 5px 0 5px;
  background-color: rgba(0,0,0,0.5);
  color: #EEE;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#sidebar {
width: 170px;
height: 150%;
background-color: rgb(241, 186, 169);
position: fixed;
top: 0;
transition: 0.2s all;
-webkit-transition: 0.2s all;
z-index: 100;
}
#sbCont {
padding: 40px;
}
#sideLogo {
  width: 90px;
}
#sideLogoText {
  width: 90px;
  z-index: 100;
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
}
#menu {
  margin-top: 20px;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  z-index: 101;
}
  #menu .item {
    padding: 7px 10px 7px 0;
    margin: 0 0 5px 0;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: rgb(70, 70, 70);
    font-family: 'karlaregular';
    text-decoration: none;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
  }

#sidebarSlideCont {
position: relative;
-webkit-transition: 0.2s all;
}

.topMain {
height:0px;
width: 100%;
transition: 0.2s all;
-webkit-transition: 0.2s all;
z-index: -200;
}

#homeFix {
margin-right: 250px;
overflow:hidden;
}

#main {
width: auto;
min-height: 100%;
max-width: 1000px;
padding: 20px 30px 100px 30px;
position: relative;
margin-left: 170px;
background-color: rgba(255, 218, 185, 0.6);
opacity: 0;
}
#mainRightBar {
  width: 250px;
  margin: 10px 0 20px 0;
  float: right;
}
  #curShowBox {
    width: 100%;
    overflow: hidden;
    margin: 0;
  }
#topSect {
  width: auto;
  margin-top: 10px;
}
  #showImg {
    width: 270px;
    border: 5px solid #222;
    margin-bottom: 10px;
    float: left;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
  }
  #showInfoCont {
    padding: 0 30px 0 30px;
    width: auto;
    overflow: hidden;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
  }


#mainHead {
height:150px;
width: auto;
max-width: 960px;
background-size: cover;
background-position: right bottom;
margin: -150px -30px 20px -30px;
padding: 140px 80px 40px 40px;
position: relative;
}
.mainHeadText {
  font-size: 54px;
  letter-spacing: -2px;
  color: #EEE;
  margin-right: 20px;
  padding: 10px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: inline-block;
}

#mainFoot {
zIndex: 5000;
margin: 10px 10px 10px 180px;
width: auto;
height: 30px;
position: relative;
}
#mainFoot #rollerCont {
  height: 30px;
}
#mainFoot .roller {
  height: 30px;
  width: 35px;
  overflow: hidden;
  white-space: nowrap;
  line-height: 30px;
  opacity: 0.5;
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
  position: relative;
  display: inline-block;
}
#mainFoot .roller:hover {
  opacity: 0.8;
}
#mainFoot .roller:not(:first-child) {
  margin-left: -3px
}

#mainFoot #linkFb:hover { width: 150px;	}
#mainFoot #linkTw:hover { width: 160px;	}
#mainFoot #linkIg:hover { width: 160px;	}

  #mainFoot .roller img {
    height: 30px;
    width: 30px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: -35px;
  }
  #mainFoot .roller a {
    text-decoration: none;
    color: rgb(70,70,70);
    font-size: 16px;
    font-style: italic;
    position: absolute;
    left: 35px;
  }
#mainFoot #clauseCont {
  color: rgb(70,70,70);
  font-size: 12px;
  padding: 10px 20px 10px 10px;
}
  #mainFoot #clauseCont a {
    color: #AAA;
  }

#footerPadding {
width: auto;
height: 0;
}

#footer {
position: fixed;
width: 100%;
bottom: -60px;
background-color: #444;
height: 47px;
opacity: 0;
overflow: hidden;
padding-left: 170px;
z-index: 90;
transition: 0.2s all;
-webkit-transition: 0.2s all;
user-select: none;
}
#footer_top {
  height: 40px;
  width: 100%;
  margin-top: 5px;
  padding-right: 210px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#footer_btm {
  height: 40px;
  width: 100%;
  overflow: hidden;
}
#footer_left {
  height: 40px;
  width: 100%;
  position: relative;
  top: -40px;
  padding-left: 100px;
  margin-right: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
}
#footer_right {
  height: 40px;
  width: 100px;
  float: right;
  color: white;
}
.footer_intop {
  height: 20px;
  width: 100%;
  color: white;
  line-height: 20px;
  font-size: 16px;
}
.footer_inbtm {
  height: 20px;
  width: 100%;
  color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.footer_sidebarFix {
  padding-right: 170px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1230px;
  margin: 0 auto;
}

#footer_playPause {
  margin: 0 10px;
  line-height: 40px;
  font-size: 20px;
  color: #43A8A6;
  display: inline;
}

#footer_rewind {
  margin: 0 10px;
  line-height: 40px;
  font-size: 20px;
  color: #43A8A6;
  display: inline;
}
#footer_forward {
  margin: 0 10px;
  line-height: 40px;
  font-size: 20px;
  color: #43A8A6;
  display: inline;
}

#footer_nowPlaying {
  position: relative;
  top: -1px;
  font-size: 18px;
  color: #EEE;
  display: inline;
}
#footer_handle {
  height: 40px;
  width: 30px;
  padding-left: 14px;
  float: right;
  position: absolute;
  top: 0px;
  right: 170px;
  background: -moz-linear-gradient(left,  rgba(68,68,68,0) 0%, rgba(68,68,68,1) 10%, rgba(68,68,68,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(68,68,68,0)), color-stop(10%,rgba(68,68,68,1)), color-stop(100%,rgba(68,68,68,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(68,68,68,0) 0%,rgba(68,68,68,1) 10%,rgba(68,68,68,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(68,68,68,0) 0%,rgba(68,68,68,1) 10%,rgba(68,68,68,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(68,68,68,0) 0%,rgba(68,68,68,1) 10%,rgba(68,68,68,1) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(68,68,68,0) 0%,rgba(68,68,68,1) 10%,rgba(68,68,68,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00444444', endColorstr='#444444',GradientType=1 ); /* IE6-9 */

}
  #handleImg {
    height: 40px;
    width: 20px;
  }

#footer_timeIn {
  margin-left: 10px;
  float: left;
  color: #EEE;
}
#footer_timeOut {
  margin-right: 10px;
  float: right;
  color: #888;
}

#footer_scrub {
   width: auto;
   overflow: hidden;
   position: relative;
   font-size: 12px;
   text-align: center;
}
  #footer_scrubWrap {
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #footer_scrubCont {
    display: inline-block;
    width: 100%;
    height: 10px;
    background-color: #888;
    margin-top: 5px;
    cursor: hand; cursor: pointer;
  }
  #footer_scrubIn {
    width: 100%;
    height: 10px;
    background-color: #43A8A6;
    z-index: 95;
    position: relative;
    top: -10px;
    cursor: hand; cursor: pointer;
  }
  #footer_scrubBuffer {
    width: 100%;
    height: 10px;
    background-color: #CCC;
    z-index: 50;
    cursor: hand; cursor: pointer;
  }
  #footer_volWrap {
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #footer_volCont {
    display: inline-block;
    width: 100%;
    height: 10px;
    background-color: #888;
    margin-top: 5px;
    cursor: hand; cursor: pointer;
  }
  #footer_volIn {
    width: 100%;
    height: 10px;
    background-color: #43A8A6;
    z-index: 95;
    cursor: hand; cursor: pointer;
  }


#footer2 {
position: fixed;
width: 100%;
bottom: 0;
background-color: #444;
height: 40px;
overflow: hidden;
padding-left: 170px;
z-index: 90;
transition: 0.2s all;
-webkit-transition: 0.2s all;
user-select: none;
margin-bottom: -40px;
opacity: 0;
}
#cont2 {
  background-color: #333;
  border-top: 1px solid #555;
}
#footer .container {
  overflow: hidden;
  position: relative;
}
  #ppBtn {
    color: #4CB1AF;
    height: 70px;
    width: 40px;
    float: left;
    padding: 10px 0;
    text-align: center;
    font-size: 18px;
    cursor: pointer; cursor: hand;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  #rightFooter {
    height: 48px;
    padding: 7px 190px 5px 0px;
    font-size: 18px;
    color: #DDD;
    overflow: hidden;
    text-overflow: ellipsis;
  }
    #rfCont {
      white-space: nowrap;
      text-overflow: ellipsis;
    }
      #rfText {
        text-size: 16px;
        padding: 3px 0;
        overflow-x: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
        #rfText .epName {
          color: #4CB1AF;
          text-size: 16px;
        }
    #rfScrub {
       width: auto;
       overflow: hidden;
       position: relative;
       padding-right: 110px;
       font-size: 12px;
       text-align: center;
    }
      #rfTimeL {
        width: 50px;
        position: absolute;
        top: 0;
        left: 0;
        color: #EEE;
        margin-top: 7px;
      }
      #rfTimeR {
        width: 50px;
        position: absolute;
        top: 0;
        right: 10px;
        color: #43A8A6;
        margin-top: 7px;
      }
      #rfScrubWrap {
        width: 100%;
        margin-left: 50px;
      }
      #rfScrubCont {
        display: inline-block;
        width: 100%;
        height: 9px;
        background-color: #888;
        margin-top: 10px;
        cursor: hand; cursor: pointer;
      }
      #rfScrubIn {
        width: 0;
        height: 9px;
        background-color: #43A8A6;
        z-index: 95;
        position: relative;
        top: -9px;
        cursor: hand; cursor: pointer;
      }
      #rfScrubBuffer {
        width: 50%;
        height: 9px;
        background-color: #CCC;
        z-index: 50;
        cursor: hand; cursor: pointer;
      }
    #rfVol {
      margin-top: 5px;
      width: 120px;
      float: right;
      height: 3px;
      color: #DDD;
    }
      #rfVolCont {
        display: inline-block;
        margin-bottom: 2px;
        width: 100px;
        height: 9px;
        background-color: #CCC;
      }
      #rfVolIn {
        width: 100%;
        height: 9px;
        background-color: #43A8A6;
      }
    #handle {
      height: 40px;
      width: 50px;
      position: absolute;
      right: 170px;
      top: 0;
    }
      #handle img {
        height: 20px;
        width: 20px;
        margin: 10px 20px 0 5px;
        transition: 0.2s all;
        -webkit-transition: 0.2s all;
      }

.homeNewsBox {
width: auto;
margin: 5px 0 5px 0;
}
.hnImgFrame {
  width: 100%;
  height: 200px;
  overflow: hidden;
  backgroundColor: #CCC;
  position: relative;
}
.hnImg {
  width: 120%;
  height: 200px;
  position: relative;
  left: -10%;
  object-fit: cover;
  -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);
}
.hnHead {
  padding: 8px 10px;
  display: inline-block;
  background-color: rgba(0,0,0,0.65);
  font-size: 22px;
  color: #FFF;
  position: absolute;
  bottom: 28px;
  left: 10px;
  margin: 10px 10px 0 0;
}
.hnStamp {
  height: 18px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2px 20px 0 20px;
  display: inline-block;
  background-color: rgba(0,0,0,0.65);
  font-size: 12px;
  color: #DDD;
}
.hnCont {
  height: 250px;
  overflow: auto;
  /* border-bottom: 1px solid rgba(70,70,70) 80vh; */
}
.gradOverflow {
  height: 30px;
  width: 100%;
  position: relative;
  top: -15px;
}
.gradOverflow i {
  text-align: right;
  font-size: 24px;
  position: absolute;
  right: 5px;
  top: 2px;
  color: #43A8A6;
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
}
.gradOverflow i:hover {
  top: 0;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.homeNewsImg {
  width: 200px;
  height: auto;
  border: 5px solid #222;
  margin-bottom: 10px;
  float: left;
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
}
.homeNewsCont {
  padding: 20px 20px 0 20px;
  width: auto;
  overflow: hidden;
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
}
.homeNewsCont a {
  color: #43A9A6;
}

.homeShow {
padding: 15px;
}
.homeShowR a {
  color: #43A9A6;
}
.homeShowL {
  width: 54px;
  height: 54px;
  padding: 5px;
  margin-right: 10px;
  float: left;
  background-color: #444;
  position: relative;
  text-align: center;
}
.homeShowR {
  height: auto;
  margin-top: 5px;
}
.homeShowImg {
  max-width: 54px;
  max-height: 54px;
}
.homeShowTitle {
  color: #2c2c2c!important;
  letter-spacing: -1px;
  font-size: 24px;
}
.homeShowSubtitle {
  color: #43A8A6;
  font-size: 18px;
}
.homeShowSubtitleGrey {
  color: #666;
  font-size: 18px;
}

.homeShowNews {
margin: 0 10px;
}
.homeShowNewsImg {
  height: 50px;
  width: 50px;
  float: left;
  text-align: center;
}
  .homeShowNewsImg img {
    border: 3px solid #444;
  }
.homeShowNewsCont {
  height: auto;
  width: 100%;
  float: left;
  padding-left: 71px;
  position: relative;
  top: -47px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.showListImg {
width: 90px;
height: 90px;
padding: 5px;
float: left;
background-color: #2C2C2C;
transition: all 0.2s;
-webkit-transition: 0.2s all;
}
.showListImg:hover {
box-shadow: 0 2px 4px rgba(0,0,0,0.5);
margin: -2px 0 2px 0;
}

.showListImgSmall {
width: 60px;
height: 60px;
padding: 5px;
float: left;
background-color: #2C2C2C;
transition: all 0.2s;
-webkit-transition: 0.2s all;
}
.showListImgSmall:hover {
box-shadow: 0 2px 4px rgba(0,0,0,0.5);
margin: -2px 0 2px 0;
}

.showListName {
width: auto;
padding: 10px 10px 0 10px;
overflow: hidden;
font-size: 20px;
}

.scheduleHead {
width: 20%;
height: 55px;
line-height: 50px;
float: left;
display: inline-block;
text-align: center;
color: #43A8A6;
font-size: 18px;
}

#sh1, #sh2, #sh4, #sh5 {
cursor: hand; cursor: pointer;
transition: 0.2s all;
-webkit-transition: 0.2s all;
-webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
#sh1:hover, #sh2:hover, #sh4:hover, #sh5:hover {
background-color: #E0F7F6;
}

#showTopBannerBox {
height:150px;
width: 100%;
background-color: #333;
position: relative;
overflow: hidden;
}
#showTopBannerBoxBG {
  position: absolute;
  top: -10px;
  left: -10%;
  min-height: 220px;
  width: 120%;
  -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px);
  transform: translate3d(0, 0, 0);
}

.epHead {
font-size: 24px;
color: #43A8A6;
}
.epDesc {
margin-left: 10px;
color: #2C2C2c;
}
.epDatetime {
color: #444444;
font-size: 16px;
margin-bottom: 5px;
}
.epDatetime i {
margin: 0 5px;
color: #43A8A6;
}
#showImgBannerBox {
height:150px;
width: auto;
margin: 0 10px 0 10px;
background-color: #DDD;
position: relative;
overflow: hidden;
}

#showImgBannerBoxBG {
  position: absolute;
  left: -10%;
  height: inherit;
  width: 120%;
  object-fit: cover;
  -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px);
  transform: translate3d(0, 0, 0);
}
#showImgBannerBoxBGGDFS {
  position: absolute;
  left: -10%;
  height: inherit;
  width: 120%;
  object-fit: cover;
  -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px);
  transform: translate3d(0, 0, 0);
}
#showImgBannerBox .blockHead{
  position: absolute;
  top: 50px;
  background-color: rgba(0,0,0,0.8)!important;
}
#showImgBannerBox .blockHeadBlue{
  position: absolute;
  top: 50px;
  background-color: rgba(67,168,166,0.8)!important;
}

.tenPadding {
padding: 10px;
display: inline-block;
}

.halfBox {
width: 50%;
min-width: 100px;
float: left;
margin-bottom: 10px;
}
.hbLeft {
  margin-left: 0;
}
.hbRight {
  margin-left: 0;
}
.halfBox .epListHead {
  font-size: 18px;
  color: #43A8A6;
}
.halfBox .epListHeadRed {
  font-size: 18px;
  color: #a8474b;
}
.halfBox .epListSubhead {
  font-size: 14px;
  margin-left: 10px;
  color: #444;
}
.inEpDetail {
  margin-left: 13px!important;
  position: relative;
  top: 3px;
}
.epListSubhead2 {
  font-size: 14px;
  margin-left: 10px;
  margin-bottom: 10px;
  position: relative;
  top: 6px;
  color: #777;
}
.blockHead {
  padding: 10px 15px;
  margin: 0 0 5px 0;
  display: inline-block;
  background-color: #333;
  font-size: 24px;
  color: #EEE;
}
.smallBlockHead {
  padding: 5px 11px;
  margin: 0 0 10px 0;
  display: inline-block;
  background-color: #333;
  font-size: 16px;
  color: #EEE;
}
.smallBlockHeadL {
  padding: 5px 11px;
  margin: 0 0 10px 0;
  display: inline-block;
  background-color: #555;
  font-size: 16px;
  color: #EEE;
}
.blockHeadBlue {
  padding: 10px 15px;
  margin: 0 0 5px 0;
  width: auto;
  text-align: center;
  background-color: #43A8A6;
  font-size: 24px;
  color: #EEE;
}
.inPageHead {
  position: relative;
  top: 10px;
}
.episodeBox {
  padding: 15px;
  margin: 0 10px 0 0;
  width: auto;
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
  overflow-x: hidden;
}
.boxBtmLine {
  border-bottom: 1px solid #DDD;
}
.latestNewsCont {
  margin: 15px 10px 10px 15px;
}

.qToHalfBox {
width: 25%;
float: left;
margin-bottom: 10px;
margin-left: 0;
}

#showsFilterBox {
height: 25px;
width: auto;
overflow: hidden;
transition: 0.2s all;
-webkit-transition: 0.2s all;
}

#showsFilterBoxHeader {
height: 25px;
width: 100%;
line-height: 25px;
font-size: 16px;
color: #444;
}
#showsFilterBoxHeader img {
  height: 20px;
  width: 20px;
  margin-right: 4px;
}

.statsTop {
color: #222;
font-size: 38px;
font-weight: 300;
}
.statsBtm {
margin-top: -5px;
color: #444;
font-size: 18px;
}

@media (min-width: 1230px){
#sidebar {
  background-color: transparent;
}
#main {
  -webkit-box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.4);
  box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.4);
}
.topMain {
  height:30px;
}
#footer {
  background-color: #333;
  -webkit-box-shadow: 0 -2px 5px rgba(68, 68, 68, 0.4);
  -moz-box-shadow: 0 -2px 5px rgba(68, 68, 68, 0.4);
  box-shadow: 0 -2px 5px rgba(68, 68, 68, 0.4);
}
#footer_handle {
  background: -moz-linear-gradient(left,  rgba(51,51,51,0) 0%, rgba(51,51,51,1) 10%, rgba(51,51,51,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(51,51,51,0)), color-stop(10%,rgba(51,51,51,1)), color-stop(100%,rgba(51,51,51,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(51,51,51,0) 0%,rgba(51,51,51,1) 10%,rgba(51,51,51,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(51,51,51,0) 0%,rgba(51,51,51,1) 10%,rgba(51,51,51,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(51,51,51,0) 0%,rgba(51,51,51,1) 10%,rgba(51,51,51,1) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(51,51,51,0) 0%,rgba(51,51,51,1) 10%,rgba(51,51,51,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00333333', endColorstr='#333333',GradientType=1 ); /* IE6-9 */
}
}

@media (max-width: 1000px){
#homeFix {
  margin-right: 177px;
}
#mainRightBar {
  width: 177px;
}
#showImg {
  width: 200px;
}
#showInfoCont {
  padding: 10px 10px 0 15px;
}
.homeNewsImg {
  width: 150px;
  display: block;
}
.homeNewsCont {
  padding: 10px 10px 0 15px;
}
}

@media (max-width: 750px){
#navBar {
  margin-top: -60px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2)
}
#progressOut{
  margin: 0;
}
#playerCont {
  margin: 0 auto 0 auto;
}
#playerBox {
  border-radius: 0 0 5px 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
#sidebar {
  margin-left: -250px;
  width: 170px;
  padding: 50px 20px 20px 0px;
}
  #sbCont {
    padding: 0px 20px;
  }
  #sideLogo {
    opacity: 0;
    height: 0;
  }
  #sideLogoText {
    height: 0;
  }
  #menu {
    margin-top: 0px;
  }
    #menu .item {
      font-size: 20px;
      margin: 0 0 10px 0;
    }
#main {
  margin-left: 0;
  margin-top: 60px;
  padding: 20px 20px 80px 20px;
}
#mainHead {
  margin: -150px -20px 20px -20px;
  padding: 140px 20px 40px 20px;
  height:120px;
}
  .mainHeadText {
    font-size: 38px;
    left: 20px;
    bottom: 20px;
  }

#topSect {
  margin-top: 0px;
}

#showImg {
  width: 200px;
}
.homeNewsImg {
  max-width: 120px;
}
#mainFoot {
  margin-left: 10px;
}
#footer {
  padding-left: 0;
}
#footer_handle {
 right: 0px;
}
.footer_sidebarFix {
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#footer_left {
  padding-left: 0;
  margin-right: 0;
}
#footer_right {
  width: 1px;
  opacity: 0;
}
.footer_intop {
  height: 16px;
  font-size: 14px;
}
#footer_scrubCont {
  margin-top: 2px;
}
#footer_scrubCont, #footer_scrubBuffer, #footer_scrubIn {
  height: 14px;
}
#footer_scrubIn {
  top: -14px;
}
}

@media (max-width: 520px){
#homeFix {
  margin-right: 0;
  overflow:visible;
}
#mainRightBar {
  float: none;
  width: auto;
}
.mainSchedBox {
  width: 50%;
  float: left;
  margin-bottom: 10px;
}
.scheduleHead {
  width: 100%;
  float: left;
  display: inline-block;
}
#showImg {
  width: 100%;
  height: auto;
  float: none;
  border: none;
}
#showInfoCont {
  padding: 10px 0;
}
.homeNewsFrame {
  width: 100%;
  height: auto;
  border: none;
  text-align: center
}
.homeNewsImg {
  width: 50%;
  height: auto;
  float: none;
}
.homeNewsCont {
  padding: 10px 0;
}
.halfBox {
  width: 100%;
  min-width: 100px;
  margin-left: 0;
  margin-right: 0;
}
.tenPadding {
  padding: 0;
}
.homeShow {
padding: 0;
}
#showImgBannerBox {
  margin: 0;
}
.qToHalfBox {
  width: 50%;
  float: left;
  margin-bottom: 10px;
  margin-left: 0;
}
}

#blogH1{
color: #2c2c2c!important;
letter-spacing: -1px;
font-size: 24px;
}

#blogH2{
color: #2c2c2c!important;
letter-spacing: -1px;
font-size: 20px;
}

#blogH2{
color: #2c2c2c!important;
letter-spacing: -1px;
font-size: 18px;
}