/* ######### Shared basic style for mega drop down menu DIV ######### */

.mega{
width:400px; /*default width of mega menu*/
padding:2px;
position:absolute;
visibility:hidden;
border:0px solid black;
border-top-width:1px;
background:white;
-webkit-box-shadow: 5px 5px 5px #c8c8c8; /*css 3 shadows*/
-moz-box-shadow: 5px 5px 5px #c8c8c8;
box-shadow: 5px 5px 5px #c8c8c8;
}
.header {
	display:none;
	width:100%;
	height:50px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #f0f0f0;
	border-bottom-color: #f0f0f0;
	position:fixed;
	z-index:80000;
	background:#FFF;
	top:-52px;
}
.font_thai{
margin: 0;
padding: 0;
line-height: 17px;
font-size: 14px;
color:#000000
font-family: tahoma;
position: relative;
}
.font_thai_small{
margin: 0;
padding: 0;
line-height: 12px;
font-size: 14px;
color:#000000
font-family: tahoma;
position: relative;
}
.font_thai_red{
margin: 0;
padding: 0;
line-height: 17px;
font-size: 20px;
color:#301806;
font-family: tahoma;
position: relative;
}
.mega .column{ /*each link column within a mega menu*/
float:left;
width:49%;
}

.mega a{
text-decoration:none;
}

.mega a[rel]:after{ /*add "down.png" to anchor links, or those with a rel attribute */
content:" " url(down.png);
}

.mega .column ul{
margin:0;
margin-left:5px;
padding:0;
list-style:none;
}

.mega .column ul li{
margin-bottom:0px;
}

.mega .ulmenu{ /*style any UL within mega menu with class="ulmenu"*/
margin:0;
padding:0;
border:1px solid gray;
border-bottom-width:0;
list-style:none;
}

.mega .ulmenu a{
display:block;
border-bottom:1px solid gray;
padding:5px;
}

.mega .ulmenu a:hover{
background:#fb80c1;
}

/* ######### Style for Solid Block Mega Menu ######### */

.solidblocktheme{ /*additional mega drop down menu style for this theme*/
border:5px solid #5a2193;
padding:0; /*remove default padding inside mega menu*/
}

.solidblocktheme p, .solidblocktheme .column{
padding:5px; /*add padding inside p and .column elements within mega menu*/
width:auto;
}

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #431f03;
border-width: 1px 0;
background: black url(blockdefault.gif) center center repeat-x;
}

.font_small_white{
margin: 0;
padding: 0;
font: 13px Arial;
color:#FFFFFF
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li a.selected{ /*Selected Tab style*/
color: white;
background: transparent url(blockactive.gif) center center repeat-x;
}
.header h1 {
  color: #0088c7;
  border-bottom-color: #0088c7; }

#content-view-page .program-header {
  height: 90px;
  margin-bottom: 5px; }
#content-view-page h4.title {
  font-family: 'dbozone_bd';
  font-size: 36px;
  color: #000000;
  margin: 15px 0; }
#content-view-page .content-details {
  margin-bottom: 15px; }
  #content-view-page .content-details .tools {
    padding: 15px 20px 12px;
    background: #000000; }
    #content-view-page .content-details .tools:after {
      content: "";
      display: table;
      clear: both; }
    #content-view-page .content-details .tools h4.title {
      color: white;
      margin-top: 0; }
    #content-view-page .content-details .tools .writer {
      float: left;
      color: #818181;
      margin: 0px 0 0 0;
      font-size: 12px;
      font-weight: bold;
      width: 190px; }
      #content-view-page .content-details .tools .writer span {
        display: block; }
      #content-view-page .content-details .tools .writer .date {
        font-size: 12px;
        font-weight: normal;
        line-height: 16px; }
    #content-view-page .content-details .tools .share {
      width: 255px; }
  #content-view-page .content-details .media {
    position: relative; }
    #content-view-page .content-details .media img {
      width: 100%; }
    #content-view-page .content-details .media .play-button {
      display: block;
      position: absolute;
      width: 49px;
      height: 49px;
      left: 50%;
      top: 50%;
      margin-left: -25px;
      margin-top: -25px;
      background: transparent url("../images/play.png") no-repeat scroll center center; }
    #content-view-page .content-details .media #player {
      width: 100%;
      height: 100%;
      display: block; }
    #content-view-page .content-details .media #player-window {
      width: 100%;
      height: 100%;
      background: #000000;
      display: block;
      transition: all 0.4s ease 0s; }
      #content-view-page .content-details .media #player-window .container {
        position: relative;
        width: 100%;
        height: 100%; }
    #content-view-page .content-details .media #player-window.sticky {
      position: fixed;
      width: 250px;
      height: 140px;
      bottom: 40px;
      border: 2px solid black;
      z-index: 50; }
    #content-view-page .content-details .media #player-close-sticky {
      display: none;
      position: absolute;
      background: transparent url("../images/close.png") no-repeat scroll 0 0;
      height: 34px;
      right: -27px;
      top: -18px;
      width: 44px;
      z-index: 51; }
    #content-view-page .content-details .media #player-window.no-sticky {
      position: static;
      width: 100%;
      height: 100%;
      bottom: auto;
      border: none;
      z-index: 50; }
  #content-view-page .content-details .description {
    overflow: hidden;
    padding: 15px 0px;
    font-size: 14px; }
    #content-view-page .content-details .description a {
      color: #f78411;
      font-weight: bold; }
    #content-view-page .content-details .description a:hover {
      text-decoration: underline; }
    #content-view-page .content-details .description p, #content-view-page .content-details .description div {
      font-size: 14px;
      line-height: 1.4; }
    #content-view-page .content-details .description iframe {
      max-width: 100%; }
  #content-view-page .content-details .share-button-group {
    float: right; }
  #content-view-page .content-details .bottom-share {
    float: left;
    margin: 0 0 10px 0; }
    #content-view-page .content-details .bottom-share .share-count .count, #content-view-page .content-details .bottom-share .share-count .txt {
      color: black; }
  #content-view-page .content-details .tags {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding: 20px 0 20px 0;
    min-height: 65px;
    color: #818181;
    line-height: 20px;
    clear: both; }
    #content-view-page .content-details .tags .header {
      float: left;
      width: 100px;
      color: #818181;
      font-family: 'dbozone_bd';
      font-size: 24px; }
    #content-view-page .content-details .tags .body a {
      color: #818181;
      line-height: 20px; }
  #content-view-page .content-details .embed {
    padding: 10px 0; }
    #content-view-page .content-details .embed:after {
      content: "";
      display: table;
      clear: both; }
    #content-view-page .content-details .embed .header {
      float: left;
      width: 150px;
      color: #818181;
      font-family: 'dbozone_bd';
      font-size: 24px; }
    #content-view-page .content-details .embed .body {
      float: left;
      width: 70%;
      min-width: 250px; }
      #content-view-page .content-details .embed .body textarea {
        width: 100%;
        height: 60px; }

@media only screen and (max-width: 480px) {
  .program-media {
    background-image: none !important; } }
@media only screen and (min-width: 480px) and (max-width: 960px) {
  .program-media {
    background-image: none !important; } }
@media only screen and (min-width: 960px) {
  .program-media {
    background-position: right bottom;
    background-repeat: no-repeat; }
    .program-media .media {
      position: relative;
      height: 388px; }
      .program-media .media img {
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%; }
      .program-media .media #player-container {
        position: absolute;
        bottom: 0px;
        left: 0;
        background: black; }
      .program-media .media #player {
        width: 100%;
        height: 100%;
        display: block; }
      .program-media .media #player-window {
        width: 100%;
        height: 100%;
        background: #000000;
        display: block;
        transition: all 0.4s ease 0s; }
        .program-media .media #player-window .container {
          position: relative;
          width: 100%;
          height: 100%; }
      .program-media .media #player-window.sticky {
        position: fixed;
        width: 250px;
        height: 140px;
        bottom: 40px;
        border: 2px solid black;
        z-index: 50; }
      .program-media .media #player-close-sticky {
        display: none;
        position: absolute;
        background: transparent url("../images/close.png") no-repeat scroll 0 0;
        height: 34px;
        left: 230px;
        top: -18px;
        width: 44px;
        z-index: 51; }
      .program-media .media #player-window.no-sticky {
        position: static;
        width: 100%;
        height: 100%;
        bottom: auto;
        border: none;
        z-index: 50; }

  .program-sidebar {
    padding-top: 20px; } }
@media only screen and (max-width: 621px) {
  #content-view-page .content-details img {
    width: auto !important;
    height: auto !important; } }
.program-media .play-button {
  display: block;
  position: absolute;
  width: 49px;
  height: 49px;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  background: transparent url("../images/play.png") no-repeat scroll center center;
  cursor: pointer; }

/* -------------------- the latest --------------------------*/
#latest-section {
  padding: 10px 0;
  background: #f5f5f5;
  margin-bottom: 15px; }

/* -------------------- more-view-programmes --------------------------*/
.more-view-programmes {
  margin-bottom: 15px; }
  .more-view-programmes .header-view {
    line-height: 60px;
    height: 60px;
    position: relative;
    margin-bottom: 14px; }
    .more-view-programmes .header-view h2 {
      background: #f0f0f0;
      font-family: dbozone_bd;
      padding-left: 15px;
      line-height: 60px; }
    .more-view-programmes .header-view .content-expand {
      position: absolute;
      background: url("../images/sample/point.png") scroll no-repeat 0 0;
      overflow: hidden;
      width: 14px;
      height: 18px;
      top: 20px;
      right: 20px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg); }
  .more-view-programmes a {
    color: #000000; }
  .more-view-programmes .contents {
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #cccccc; }
    .more-view-programmes .contents .content {
      margin-bottom: 12px; }
      .more-view-programmes .contents .content:after {
        content: "";
        display: table;
        clear: both; }
      .more-view-programmes .contents .content .image {
        float: left;
        width: 236px; }
        .more-view-programmes .contents .content .image img {
          width: 100%; }
      .more-view-programmes .contents .content .info {
        float: none;
        padding-left: 236px;
        margin-left: 12px; }
        .more-view-programmes .contents .content .info .title {
          font-size: 16px;
          font-weight: bold;
          line-height: 1.3; }
          .more-view-programmes .contents .content .info .title a {
            color: #000000; }
        .more-view-programmes .contents .content .info .description {
          font-size: 14px;
          line-height: 1.3;
          padding-top: 4px; }
    .more-view-programmes .contents .sub-content {
      margin-bottom: 12px; }
      .more-view-programmes .contents .sub-content:after {
        content: "";
        display: table;
        clear: both; }
      .more-view-programmes .contents .sub-content .image {
        float: left;
        width: 236px; }
        .more-view-programmes .contents .sub-content .image img {
          float: right;
          height: 60px; }
      .more-view-programmes .contents .sub-content .info {
        float: none;
        padding-left: 236px;
        margin-left: 12px; }
        .more-view-programmes .contents .sub-content .info .title {
          font-size: 16px;
          font-weight: bold;
          line-height: 1.3; }
          .more-view-programmes .contents .sub-content .info .title a {
            color: #000000; }
        .more-view-programmes .contents .sub-content .info .description {
          font-size: 14px;
          line-height: 1.3;
          padding-top: 4px; }

@media only screen and (max-width: 480px) {
  .more-view-programmes .contents .content:after {
    content: "";
    display: table;
    clear: both; }
  .more-view-programmes .contents .content .image {
    width: 100%; }
  .more-view-programmes .contents .content .info {
    float: left;
    padding: 10px 0px;
    width: 100%; }
  .more-view-programmes .contents .sub-content:after {
    content: "";
    display: table;
    clear: both; }
  .more-view-programmes .contents .sub-content .image {
    width: 100%; }
  .more-view-programmes .contents .sub-content .info {
    float: none;
    padding: 10px 0px;
    margin: 0;
    width: 100%; } }
#short-clip {
  margin: auto;
  padding: 0 20px;
  height: 82px;
  background: #eee;
  overflow: hidden; }
  #short-clip .slick-slider {
    margin: 0; }
  #short-clip .list {
    color: #fff; }
    #short-clip .list h3 {
      display: inline-block;
      font-size: 12px;
      color: #000; }
    #short-clip .list .slick-list {
      top: 10px; }
      #short-clip .list .slick-list .slick-track {
        left: 0px; }
        #short-clip .list .slick-list .slick-track .slick-slide {
          position: relative; }
          #short-clip .list .slick-list .slick-track .slick-slide h3 {
            position: absolute;
            font-size: 12px;
            margin: 0;
            top: 3px;
            height: 44px;
            line-height: 1.2;
            left: 118px;
            color: #000;
            overflow: hidden; }
          #short-clip .list .slick-list .slick-track .slick-slide img {
            float: left;
            border: none;
            display: block;
            margin-left: 10px; }
    #short-clip .list .slick-prev {
      top: 41px;
      left: -20px;
      background: url("../images/sample/point.png") scroll no-repeat 0 0;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg); }
    #short-clip .list .slick-next {
      top: 41px;
      right: -20px;
      background: url("../images/sample/point.png") scroll no-repeat 0 0; }

.shortClip:after, .buttons::after {
  clear: both;
  content: "";
  display: table; }

@media (max-width: 420px) {
  ul.nav li a {
    display: block;
    font-size: 10px; } }
@media (max-width: 768px) {
  .shortClip {
    margin: auto;
    width: auto; } }