/* ================= Reset ================= */

html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p {
    margin:0;
    padding:0;
}

input,textarea{
    margin:0;
}

img{
    border:0;
}

a{
    text-decoration:underline;
}

a:hover{
    text-decoration:none;
}

a:focus{
    outline:none;
}

/* ================= Default values ================= */

body,div,span,p,form,input,textarea,td,ul,li,ol,a,h1,h2,h3,h4,h5,h6{
    font:12px Tahoma, sans-serif;
    color:#000;
}

p{
    padding-bottom:15px;
}

ul,ol{
    padding-bottom:10px;
    padding-left:20px;
}

li{
    padding-bottom:5px;
}

a{
    color:#0054a6;
}

h1,h2,h3,h4,h5,h6{
    padding-bottom:19px;
    font:normal 26px Tahoma, sans-serif;
    line-height:26px;
    color:#000;
}

h1{
    color:#898989;
}

h2{
    font-size:24px;
    line-height:24px;
    color:#898989;
}

h3{
    font-size:14px;
    line-height:14px;
}

h4{
    font-size:13px;
    line-height:13px;
}

h5{
    font-size:12px;
    line-height:12px;
}

h6{
    font-size:10px;
    line-height:10px;
}


html{
    height:100%;
    background:#fff;
}

body{
    background:#fff;
}

/* common */
.clear{
    clear:both;
}

table.layout{
    border-collapse:collapse;
    width:100%;
}

table.layout td{
    vertical-align:top;
    border:0;
    padding:0;
}

a.dashed{
    text-decoration:none;
    /*border-bottom-style:dashed;*/
    border-bottom-width:1px;
    color:#0054a6;
    border-bottom-color:#0054a6;
}

a.dashed:hover{
    /*border:none;*/
    text-decoration:underline;
}

.width_limit{
    background:#fff;
    width:1000px;
    margin:0 auto;
}

#banner_top{
    padding-bottom:1px;
}

#banner_top img{
    display:block;
}

/* ================================ HEADER =================================== */
#header{
    height:199px;
    position:relative;
    z-index:35;
    background:url('../images/header.gif') top left repeat-x;
}

body#main #header{
    height:392px;
    background:url('../images/header_main.jpg') top center no-repeat;
}

#logo{
    padding-top:12px;
    width:351px;
    height:42px;
    float:left;
}

body#main #logo{
    padding-top:49px;
    float:none;
}

#logo a{
    text-decoration:none;
}

#logo img{
    width:100%;
    height:100%;
}

#slogan{
    padding:42px 0 0 64px;
}

#slogan div{
    font-size:16px;
    color:#fff;
}

#slogan div span{
    color:#ed1b23;
    font-size:40px;
    line-height:32px;
}

#header_right{
    float:right;
}

#back,
#back a{
    color:#949494;
    font-size:13px;
    text-align:right;
    padding-right:12px;
    padding-top:15px;
}

#search{
    background:url('../images/search.png') 0 0 no-repeat;
    width:234px;
    height:41px;
    overflow:hidden;
    margin-top:17px;
}

#nosearch{
    width:234px;
    height:41px;
    overflow:hidden;
    margin-top:17px;
}


body#main #search{
    margin-top:31px;
    float:right;
}

#search form,
#search .layout{
    height:100%;
}

#search .layout{
    width:auto;
    margin-left:17px;
}

#search .layout td{
    vertical-align:middle;
}

#search input{
    font-size:13px;
    color:#8e8d8d;
    border:none;
    padding:5px 10px;
    width:159px;
}

#search input.button{
    padding:0;
    background:url('../images/search_button.gif') 0 0 no-repeat;
    width:17px;
    height:26px;
    margin-left:3px;
}

#date{
    padding:3px 0 0 37px;
    float:left;
    width:127px;
}

body#main #date{
    padding:14px 0 0 165px; 
}

#date,
#date *{
    color:#000;
    font-size:14px;
}

#date .day{
    font-size:24px;
}

#date .weekday{
    font-size:17px;
    line-height:13px;
}

#date .clock{
    padding-top:12px;
}

#date .clock,
#date .clock *{
    color:#fff;
    font-size:22px;
}

#date .clock span{
    font-size:12px;
}

#main_menu{
    float:left;
    padding:20px 0 0 85px;
}

body#main #main_menu{
    padding:27px 0 0 28px;
}

#main_menu .layout{
    width:auto;
    height:73px;
}

#main_menu .layout td{
    width:112px;
    padding-right:10px;
    padding-left:10px;
    background:url('../images/main_menu_item.gif') 0 0 no-repeat;
    vertical-align:middle;
    text-align:center;
    cursor:pointer;
}

#main_menu .layout td,
#main_menu .layout td a{
    font-size:13px;
    color:#000;
    font-weight:bold;
    text-decoration:none;
}

#main_menu .layout td.spacer{
    width:29px;
    padding:0;
    background:none;
    cursor:default;
}

#main_menu .layout td.active{
    background:url('../images/main_menu_item_active.gif') 0 0 no-repeat;
    color:#fff;
    cursor:default;
}

/* ====================================== FOOTER ====================================== */
#footer{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    height:150px;
    z-index:30;  
}

#footer .width_limit{
    background:#f0f0f0;
    overflow:hidden;
    height:137px;
    padding-top:13px;
}

#footer .right{
    overflow:hidden;
}

#footer .left{
    float:left;
    width:247px;
    overflow:hidden;
}

#footer .panel{
    width:693px;
    height:75px;
    padding:16px 26px;
    background:url('../images/footer_panel.gif') 0 0 no-repeat;
}

#footer .panel .links{
    overflow:hidden;
    padding-bottom:25px;
}

#footer .panel .links div{
    float:left;
    padding-right:36px;
}

#footer .panel .links div,
#footer .panel .links div a{
    font-size:11px;
    font-weight:bold;
}

#footer .panel .counters{
    overflow:hidden;
}

#footer .panel .counters img{
    float:left;
    display:block;
    margin-right:12px;
}

#footer .copyright{
    padding-top:8px;
    padding-left:26px;
}

#footer .copyright,
#footer .copyright a,
#footer .copyright span{
    font-size:11px;
}

#footer .copyright span{
    padding-right:40px;
}

/* ====================================== BODY ====================================== */
#body{
    padding:16px 0 10px 0;
    overflow:hidden;
}

.sidebar_item{
    margin-bottom:30px;
}

#sidebar .banner{
    padding-left:2px;
}

.panel-gray{
    
}

.panel-gray .title h2{
    font-size:15px;
    line-height:normal;
    color:#000;
    font-weight:bold;
    padding-bottom:6px;
    padding-left:4px;
}

.panel-gray div.content{
    background:url('../images/panel_tl.gif') top left no-repeat #f0f0f0;
}

.panel-gray div.content div{
    background:url('../images/panel_tr.gif') top right no-repeat;
}

.panel-gray div.content div div{
    background:url('../images/panel_br.gif') bottom right no-repeat;
}

.panel-gray div.content div div div{
    background:url('../images/panel_bl.gif') bottom left no-repeat;
    padding:10px 14px;
}

.panel-gray div.content div div div div{
    background:none;
    padding:0;
}

.panel-gray div.content div div div,
.panel-gray div.content div div div *{
    font-size:11px;
    line-height:16px;
}

#content{
    overflow:hidden;
    padding-left:23px;
}

#sidebar{
    float:left;
    width:195px;
    padding-left:23px;
    padding-right:6px;
    overflow:hidden;
}

#banner_content_top{
   	width: 980px;
	height: 120px;
	padding: 0 10px;
	border-top: 2px solid #f0f0f0;
	border-bottom: 2px solid #f0f0f0;
}
#banner_bottom{
	padding-bottom: 150px;
}
#banner_content_bottom{
   	width: 1000px;
	height: 120px;
	/*padding: 10px;*/
	border-top: 2px solid #f0f0f0;
	border-bottom: 2px solid #f0f0f0;
}

#content_inner{
    overflow:hidden;
}

#text{
    overflow:hidden;
    padding-right:21px;
}

#banner_content_right{
    float:right;
    width:240px;
    padding-right:21px;
    overflow:hidden;
}

#banner_content_right .item{
    padding-bottom:27px;
}

#announcement .item{
    overflow:hidden;
    padding-bottom:15px;
}

#announcement .item .channel{
    padding-bottom:8px;
}

#announcement .item .channel,
#announcement .item .channel a{
    font-size:14px;
    font-weight:bold;
}

#announcement .item .channel img{
    vertical-align:middle;
}

#announcement .item .title{
    padding-bottom:5px;
    padding-top:3px;
}

#announcement .item .title,
#announcement .item .title a{
    font-weight:bold;
    font-size:16px;
    color:#000;
    overflow:hidden;
    display:block;
}

#announcement .item .photo{
    float:left;
    padding-right:19px;
    padding-top:8px;
    padding-bottom:5px;
}

#announcement .item .title span{
    font-weight:bold;
    color:#e53e41;
    font-size:14px;
    padding-right:14px;
    float:left;
    overflow:hidden;
}

#tv-schedule{
    padding-bottom:20px;
}

#tv-schedule table{
    border-collapse:collapse;
}

#tv-schedule table td{
    vertical-align:top;
    border:0;
    padding:0;
    border-bottom:1px solid #fff;
    height:39px;
}

#tv-schedule table .timeline td{
    height:25px;
    background:#edeede;
    border-left:none;
    font-size:10px;
    font-weight:bold;
    vertical-align:middle;
    padding-left:6px;    
}

#tv-schedule table table{
    width:auto;
}

#tv-schedule table table td{
    border-bottom:none;
    border-left:1px solid #fff;
    padding-left:2px;
    padding-top:3px;
    background:#f9e3bb;
    box-sizing:border-box;
    font-size:11px;
}

#tv-schedule table table div{
    display:none;
}

#tv-schedule table td.channel{
    width:103px;
    padding-left:6px;
    vertical-align:middle;
    background:#edeede;
    border-left:1px solid #fff;
}

#tv-schedule table td.current{
    background:#f9baac;
}

#tv-schedule table td.hover{
    background:#dff4b1;
}

#tv-schedule table td a.ch{
    font-size:10px;
    color:#000;
    text-decoration:none;
    border: 0;
}

#tv-schedule .all{
    padding-top:10px;
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #c4c4c4;
    background-color: #fff;
    padding: 0;
    opacity: 1;
    box-shadow: 5px 5px 12px -5px rgba(0,0,0,.4);
    max-height: 538px;
    overflow: hidden;
}

#tooltip h3, #tooltip div {
    margin: 0;
}

#menu h2{
    font-size:16px;
    font-weight:bold;
    padding-bottom:18px;
    color:#010101;
}

#menu ul,
#menu ul li{
    padding:0;
    margin:0;
    list-style-type:none;
}

#menu ul li{
    padding-bottom:7px;
}

#menu ul li li{
    padding-bottom:7px;
    padding-left:1px;
}

#menu ul li,
#menu ul li a{
    font-size:14px;  
    color:#8d0d07;
    font-weight:bold;
}

#menu ul li.active,
#menu ul li.active a{
    border:none;
    cursor:default; 
    color:#ea322a;
    text-decoration: none;
}

#menu ul li li,
#menu ul li li a,
#menu ul li.active li,
#menu ul li.active li a{
    font-size:13px;  
    color:#0054a6;
    font-weight:normal;
    cursor:pointer;
    
}
#menu ul li.active li a:hover{
	text-decoration: underline;
}

#menu ul ul{
    padding-top:3px;
    padding-bottom:0px;
}

#menu ul li li a.select,
#menu ul li li.active a.select{
    text-decoration:none;
    font-weight:bold;
}

#menu a.dashed{
    border-bottom-color:#8d0d07;
}

#weekday h1{
    float:left;
}

#weekday h1,
#weekday h1 span{
    font-size:22px;
    line-height:normal;
}

#weekday h1 span{
    color:#ea322a;
}

#weekday .next,
#weekday .prev{
    float:left;
    width:154px;
    height:20px;
    padding-top:2px;
    padding-left:35px;
    margin-left:49px;
    margin-top:5px;
    background:url('../images/next.gif') 0 0 no-repeat;
}

#weekday .prev{
    background:url('../images/prev.gif') 0 0 no-repeat;
}

#weekday .next,
#weekday .next a,
#weekday .prev,
#weekday .prev a{
    color:#fff;
    font-size:12px;
    font-weight:bold;
}

#weekday .days{
    overflow:hidden;
    margin-right:13px;
    padding-bottom:20px;
}

#weekday .days,
#weekday .days .item{
    background:url('../images/day_line.gif') top left repeat-x;
}

#weekday .days .item{
    float:left;
}

#weekday .days .item.active div.inner,
#weekday .days .item{
    padding:10px 17px;
    padding-bottom:11px;
}

#weekday .days .item.active{
    padding:0;
}

#weekday .days .item div,
#weekday .days .item a{
    font-size:13px; 
}


#weekday .days .item .day{
    padding-bottom:5px;
}

#weekday .days .item.active{
    background:url('../images/day_bl.gif') left bottom no-repeat #ea322a;
}

#weekday .days .item.active div.inner{
    background:url('../images/day_br.gif') right bottom no-repeat;
}

#weekday .days .item.active div div{
    color:#fff;
    font-weight:bold;
}

#schedule h2{
    font-size:15px;
    font-weight:bold;
    line-height:normal;
}

#schedule td{
    padding:0 10px 7px 0px;
}

#schedule tr.details td{
    padding:10px 7px;
}

#schedule tr.details td,
#schedule tr.details td p{
    color:#604848;
}

#schedule tr.details td .photo{
    float:left;
    padding-right:11px;
}

#schedule .time{
    width:56px;
    padding-left:17px;
}

#schedule td,
#schedule td *{
    font-size:13px;
    cursor: default;
}

#schedule td.time{
    color:#e53e41;
    font-weight:bold;
}

#schedule tr.old td,
#schedule tr.old td a{
    color:#8d8d8d;
}

#schedule tr.odd td{
    background:#f4f4f4;
}

#schedule tr.current td{
    background:#ea322a;
}

#schedule tr.search td{
    background:#ffff00;
}

#schedule tr.current td,
#schedule tr.current td a{
    color:#fff;
    font-weight:bold;
}




.now {
list-style-type: none;
margin: 0px;
padding-top: 0px;
padding-bottom: 8px;
padding-left: 0px;
padding-right: 0px;
}

.now ul {
list-style-type: none;
margin: 0px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 0px;
padding-right: 0px;

}

.now li {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.small {
font-size: 11px;
}

.old_small {
font-size: 11px;
color: #A0A0A0;
}

.select_now {
font-weight: bold;
}

td input {
	margin: 8px 8px 0 0;
}

.hidden {
	display: none;
}
.desc {
	width: 320px;
}
.desc p {
	padding: 14px;
	color: #000;
	line-height: 17px;
}
.desc h2 {
	padding: 14px 14px 0 14px;
	font-weight: normal;
	color: #000;
	font-size: 19px;
}
.desc h3 {
	padding: 14px 14px 0 14px;
	font-weight: normal;
	color: #000;
	font-size: 17px;
	line-height: 21px;
}

.desc img {
	width: 320px;
}

#foottip tr td a {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
#foottip tr td a:hover {
	text-decoration: underline;
}

#foottip .unit {
	display: block;
	height: 36px;
	border: 0;
}