@charset "utf-8";
/* ���� */

h1,.h1 {font-size: 2.250em;}
h2,.h2 {font-size: 1.875em;}
h3,.h3 {font-size: 1.500em;}
h4,.h4 {font-size: 1.125em;}
h5,.h5 {font-size: 0.875em;}
h6,.h6 {font-size: 0.750em;}

/* bootstrap overwriting css */
h1,.h1,h2,.h2,h3,.h3 {margin-top: 0px;margin-bottom: 10px;  }
h4,.h4,h5,.h5,h6,.h6 {margin-top: 0px;margin-bottom: 5px;  }
ul, li, dl, dt, dd {margin:0; padding:0; list-style: none;}
a {color:#444; text-decoration: none;}
a:link, a:visited, a:active {color:#333; }
a:hover,a:focus {color:#0d6fb8; text-decoration: none;}

body {background:#95a0ae; }
.wrap {width:100%; max-width:1170px; margin:0px auto; background-color:#fff; }
.wrapper h3 {border-bottom:0px solid #3a3c4c; color:#3a3c4c; padding-bottom:10px; }
.mobile_display {display:none; }

/**** header bar blue *****/

header {position:relative; background:#282a35; height:80px;  }
nav {width:100%; text-align:left; padding:20px 0 10px 0; transition:all 0.6s ease 0s; overflow:hidden; }
nav h1 {float:left; width:270px; padding:0; }
nav h1 a {padding:0 15px 0 35px; }
nav>ul>li {float:left; width:14.6666666666%; padding:0 1%; color:#fff; }
nav>ul>li>a {display:block; border-bottom:3px solid rgba(0,53,130,0.1); font-size:20px; padding:8px 0 20px 0;}
nav a:link {color:#fff; }
nav a:visited {color:#fff; }
nav>ul>li:hover>a {color:#d81028; font-weight:bold; border-bottom:3px solid #d81028;}
nav>ul>li>ul {margin-top:10px;}
nav>ul>li>ul>li>a {padding:2px 0; display:block; font-size:16px; color:#fff;}
nav>ul>li>ul>li>a:link {color:#fff;}
nav>ul>li>ul>li>a:visited {color:#fff;}
nav>ul>li>ul>li>a:hover {color:#d81028; font-weight:bold; }
.top-link {background:#95a0ae; font-size:14px; padding-top:15px;}
.top-link .link_area {text-align:right; }
.top-link p {padding:5px; }
.top-link span a {padding:10px 10px; }
.top-link a:link, .top-link a:visited, .top-link a:active {color:#333; }
.top-link .login {background:url("/images/common/icon_login.png") left center no-repeat; padding-left:20px; }
.top-link .logout {background:url("/images/common/icon_login.png") left center no-repeat; padding-left:10px; }
.top-link .join {background:url("/images/common/icon_join.png") left center no-repeat; padding-left:16px; }


/*********** time table **********/
#btnShowTimetable {cursor:pointer; background:none; border:0; font-size:14px; font-weight:bold; background:url("/images/common/icon_schedule.png") left center no-repeat; background-size:16px; padding-left:20px; }
#timetable>ul { background-color: #f6b71f; margin: 0px; padding: 0px; list-style: none;}
#timetable ul.tabs{ margin: 0px; padding: 0px; list-style: none;}
#timetable ul.tabs li {transition:all 0.4s ease 0s;letter-spacing:-2px; margin:0; width:10%; display: inline-block;  padding: 20px 15px; cursor: pointer; text-align:center; font-size:24px; color:#42455b; font-weight:bold;}
#timetable ul.tabs li:hover {background:#fff;}
#timetable ul.tabs li span { font-size:16px; display:block; color:#5c6077;letter-spacing:0px;  }
#timetable ul.tabs li.current{ background: #fff; }

#timetable {position:relative;  background:#95a0ae; padding-bottom:40px; }
#timetable .tab-content{ font-size:16px; display: none; background: #fff; padding: 30px 30px 30px 5%; }
#timetable .tab-content.current{    display: inherit;}
#timetable .timetable-ul li{ margin: 0 0 20px 0; text-align:left; }
#timetable .tab-content{ padding-bottom: 0;}
#timetable .timetable-ul li span { margin-right: 20px; letter-spacing:-1px;}
#timetable .timetable-ul li span:first-child  {color:#666; font-size:0.9em; }
#timetable .notice_area {line-height:160%; position:absolute; right:5%; bottom:60px; text-decoration:underline; color:#3a3c4b; }

/************* on-air style ****************/
.on_air {z-index:10; width:400px; position:absolute; bottom:0; right:0; color:#fff; height:60px; padding:10px 0; background:rgba(0,0,0,0.3); overflow:hidden; }
.on_air>.icon {float:left; width:10%; margin:0; padding:0% 3%; }
.on_air .btn {float:left; }
.on_air .title {float:left;  width:48%; height:60px; line-height:54px; padding:0 0%; font-size:14px; }
.on_air .title p {display:inline-block; vertical-align:middle; line-height:normal; }
.on_air .title span {display:block;}
.on_air .title .name {font-size:12px; opacity:0.6; padding-top:5px; }
.on_air .date {font-size:12px; }
.on_air .play {background: url("/images/common/icon_play_white.png") center center no-repeat; background-size:40px; }
.on_air .pause {background: url("/images/common/icon_pause_white.png") center center no-repeat; background-size:40px; }
.volum {position:relative; float:right; width:100px; padding:5px 0%; margin-right:20px; height:46px; position:relative; opacity:0.4; transition:all 0.5s ease 0.5s; }
.on_air .volum .icon {width:30px; height:46px; background: url("/images/common/icon_volum_white.png") center center no-repeat; background-size:20px;}
.on_air .volum .bar {position:absolute; top:17px; left:40px; }
/*.on_air .volum .bar {position:absolute; right:10px; margin-top:-4px; width:100%; height:8px; border-radius:5px; background:#a483aa; }
.on_air .volum .bar_ing {float:left; background:#fff; width:30px; height:8px; border-radius:5px; } */
.volum:hover {opacity:1; }
.on_air .progressbar {position:absolute; bottom:0; width:100%; height:5px; }
.on_air .progressbar .bar {height:5px; background:#f6b71f; opacity:1; }

/* 볼륨 조절바 스타일링 및 ie 처리 */
input[type=range] { margin: 0 10px 10 0; width: 100%;}
input[type=range]::-ms-track { /*example */ width: 70px;height: 10px; background: transparent; border-color: transparent; border-width: 6px 0; color: transparent;}
input[type=range]::-ms-fill-upper { background: gray; border-radius: 6px; }
input[type=range]::-ms-fill-lower { background: gray; border-radius: 6px; }
.amplitude-playing {position:relative; }
div.amplitude-playing {float:left; width:50px; height:50px; background: url("/images/common/icon_pause_white.png") center center no-repeat; background-size:40px;}
@keyframes spinner { to {transform: rotate(360deg);}  }
.amplitude-playing .spinner:before {
    content: '';
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 50%;
    border-top: 3px solid #fff8c8;
    border-right:1px solid transparent;
    animation: spinner 1.5s linear infinite;
}
.small-player-middle .amplitude-playing .spinner:before {left:25px;  }

div.amplitude-paused {float:left; width:50px; height:50px; background: url("/images/common/icon_play_white.png") center center no-repeat; background-size:40px;  }

/*nav ul li ul {background:rgba(0, 52, 127, 0.8); }*/
nav ul li ul {display:none; font-size:18px; transition:all 0.8s ease 0s; }
nav ul:hover li ul {display:block;  }

.navigation {font-size:14px; float:right; margin:0 15px; }

/****** Colum Size ******/
.container {margin:15px; padding-bottom:60px; min-height:300px; overflow:hidden;}
.colum_full {width:100%; overflow:hidden; }
.main_con {float:left;  }
.main_con img {width:100%; }
.side_con {float:right;}
.center {margin:0 auto; }

.pull-right {float:right; }
.fr {float:right; }

.wrapper {padding:0 15px; }

.container h2 {text-align:center; padding:2%;}
.container .program_cat {text-align:center; font-size:20px; }
.container .program_cat span {padding:2%; cursor:pointer; }
.container .program_cat .selected_cate {color:#cd292a; }

.visual_area {width:100%; margin:0; position:relative; }
.visual_area img {width:100%; }

.device_main {width:100%;}

.program_list {overflow:hidden; }
.program_list>li {position: relative; transition:all 0.6s ease 0s;}
.program_list>li .cover {margin:4%;  }
.program_list>li a {display:block; color:#fff; }
.program_list>li img {width:100%; opacity:1;}
.program_list .title {position:absolute; top:60%; display:block; padding-left:6%; }
.program_list .title .author {display:block; font-size:14px;}
.program_list .btn_more {float:right; position:absolute; padding:2% 10%; font-size:12px; bottom:10%; right:0; display:block; margin-right:3%; background:#cf0080;  }
.imgoverlay {display: block; position: absolute; background: url("/images/program/hover_image.png") right top no-repeat transparent;  z-index: 2; width: 100%; height: 100%; top: 0; right: 0;}

/* header */
.header-top {height: 20px;  background: url("/images/common/top_bg.png") 0 0 repeat;}
.header-top>ul {width:1000px; margin:0 auto; font-size: 0.8em; color:#999; }
.header-top>ul>li {float:right; margin-left: 8px; padding-top:5px;}

/* audio_list */
.audio_list li {padding:1%; overflow:hidden; position:relative; transition:all 0.6s ease 0s; overflow:hidden; border-bottom:1px solid #e1e1e1; }
.audio_list li:hover {background:#eee; }
.audio_list li span {float:left; }
.audio_list li .img {width:70px; margin-left:1%; margin-right:2%; height:70px;}
.audio_list li .btn {width:70px; height:70px; background: }
.audio_list li .play {background: url("/images/common/icon_play.png") center center no-repeat;}
.audio_list li .pause {background: url("/images/common/icon_pause.png") center center no-repeat;}
.audio_list li .title {width:48%; margin-top:23px; font-size:16px; vertical-align:middle; }
.audio_list li .date {width:28%; margin-top:23px; font-size:16px; vertical-align:middle; }
.audio_list li .title>span, .audio_list li .date>span {font-size:14px; color:#a8a8a8; margin-right:2%; margin-left:2%;  }
.audio_list li .link_btn {float:right; transition:all 0.6s ease 0s; margin-top:20px; }
.audio_list li .link_btn a {display:block; }

.audio_list li .volum {float:right; width:15%; position:relative; opacity:0.5; transition:all 0.6s ease 0s;  }
.audio_list li .volum:hover {opacity:1; }
.audio_list li .volum .icon {width:30px; height:60px; background: url("/images/common/icon_volum.png") center center no-repeat; }
.audio_list li .volum .bar {position:absolute; right:0; top:50%; margin-top:-4px; width:80%; height:8px; border-radius:5px; background:#95a0ae; }
.audio_list li .volum .bar_ing {background:#384658; width:50%; height:8px; border-radius:5px; }
.audio_list li .progress {position:absolute; bottom:0; left:0; width:100%; height:5px; }
.audio_list li .progress .bar_ing {width:30%; height:5px; background:#cd292a; }

.arrow_link {float:right; margin-top:-60px; width:40px; height:40px; background:url('/images/common/arrow_link.png') center center no-repeat; background-size:24px; opacity:0.3; transition:all 0.6s ease 0s; }
.arrow_link:hover {opacity:1; }
.arrow_link a { }
.bar_more {cursor: pointer; display:block; margin:3% 0; padding:1%; color:#fff; background:#b3bcc6; transition:all 0.3s ease 0s; text-align:center; border:0px solid #6c7886 ; }
.bar_more:hover {background:#95a0ae; color:#fff; }
.bar_more:link, .bar_more:visited {color:#fff;}

/* program view */
.program_view {background: url("/images/common/JerusalemRadio_bg.jpg") center top no-repeat; overflow:hidden; padding:3%; }
.program_view .program_image {}
.program_view .program_info {float:right; width:72%; position:relative; color:#fff; line-height:160%; }
.program_view .program_info .author {color:#f6b71f;  }
.program_view .program_info a {margin-top:4%; color:rgba(255,255,255,0.7); border:1px solid #f6b71f; padding:1% 2%; margin-left:1%; float:right; background:rgba(0,0,0,0.5); transition:all 0.6s ease 0s; overflow:hidden; }
.program_view .program_info .active, .program_view .program_info a:hover {color:rgba(255,255,255,1); background:rgba(246,183,31,0.5); }

.program_data .board_latest, .program_data .program_link {padding:0 15px;}
.program_data .program_link ul li a {padding:5px; display:block;}
.program_data h2 {text-align:left; font-size:20px; }

.program_data .board_latest h3 {padding-bottom:10px; border-bottom:2px solid #ccc; }
.program_data .board_latest h3 a {float:right; font-size:14px; margin-bottom:-10px;  }
.program_data .board_latest ul {margin-bottom:70px; }
.program_data .board_latest ul li {border-bottom:1px solid #cfd9db; }
.program_data .board_latest ul li a {display:block; padding:10px 5px; }

/* audio_list */
.program_data_list {margin-bottom:20px; }
.program_data_list li {padding:1.2% 1%;  overflow:hidden; position:relative; transition:all 0.6s ease 0s; overflow:hidden; border-bottom:1px solid #cfd9db; }
.program_data_list li:hover {background:#eff0f1; }
.program_data_list li .img {float:left; width:70px; margin-right:20px; height:70px;}
.program_data_list li .img p {width:70px; height:70px; position:absolute; z-index:10; background:#f6b71f; opacity:1; transition:all 0.6s ease 0s; }
.program_data_list li .img p:hover {width:70px; height:70px; position:absolute; z-index:10; background:#cd292a; opacity:1;}
.program_data_list li .img p span {position:absolute; z-index:11; width:70px; height:70px; background: url('/images/common/icon_play_only.png') center center no-repeat; background-size:30px;}
.program_data_list li .amplitude-playing p span {background: url('/images/common/icon_pause_only.png') center center no-repeat; background-size:30px;}
.program_data_list li .btn {width:10%; height:70px; background: }
.program_data_list li .play {background: url("/images/common/icon_play.png") center center no-repeat;}
.program_data_list li .pause {background: url("/images/common/icon_pause.png") center center no-repeat;}
.program_data_list li .title {display:block; margin-bottom:5px;font-size:16px; padding-left:90px; }
.program_data_list li .date {display:block; font-size:16px; padding-left:90px; margin-bottom:5px; }
.program_data_list li .title>span, .program_data_list li .date>span {font-size:14px; color:#a8a8a8; margin-right:2%;  }
.program_data_list li .link_btn {font-size:12px; padding:10px; margin-top:-40px;}

.link_btn {float:right; background:#cd292a; padding:0.5% 1.2% 0.5% 1.2%;; color:#fff; transition:all 0.6s ease 0s; }
.link_btn a:link, .link_btn a:visited, .link_btn a:hover {color:#fff; }
.link_btn:hover {background:#f6b71f;  }

    /*** replybox style ***/
.replybox {margin-bottom:70px; }

/*** 플레이어 영역입니다 ***/
.amplitude-play-pause {padding:0 0; margin:6px 12px; }
#small-player-middle {background:url('/images/common/audio_player_bg.png')left top no-repeat; width:98%; padding:1%; height:80px;padding-top:20px; margin-bottom:10px; }
#small-player-middle .amplitude-prev-aod {margin-top:10px;float:left; width:50px; height:50px; background:url('/images/common/icon_previous.png') center center no-repeat; background-size:20px; }
#small-player-middle .amplitude-next-aod {margin-top:10px;float:left; width:50px; height:50px; background:url('/images/common/icon_next.png') center center no-repeat;  background-size:20px;}
#small-player-middle .now-playing-title {font-size:14px; padding-bottom:6px;  }
#small-player-middle .btnAOD {margin-top:10px; }
#small-player-middle .amplitude-song-slider-aod {margin-top:10px;  margin-bottom:15px; }
#small-player-middle .volum {position:relative; float:right; width:16%; padding:5px 0%; margin-top:5px; margin-right:2%; height:46px; position:relative; opacity:0.4; }
#small-player-middle .volum .icon {width:30px; height:46px; background: url("/images/common/icon_volum_white.png") center center no-repeat; background-size:20px;}
#small-player-middle .volum .bar {position:absolute; top:16px; left:40px; }
#small-player-middle .volum:hover {opacity:1; }
.audio_player_box {float:left; width:44%; margin-left:3%; font-size:12px; color:#fff; }
.audio_player_box input {width:100%;}
.audio_player_box .duration-time {float:right; }
.audio_player_box .duration-time, .audio_player_box .current-time {opacity:0.5;  }

input[type=range] {
    -webkit-appearance: none; width: 100%; margin: 9px 0;}
input[type=range]:focus { outline: none;}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.13), 0px 0px 0px rgba(13, 13, 13, 0.13);
    background: #ffffff;
    border-radius: 25px;
    border: 0px solid rgba(0, 0, 0, 0);
}
input[type=range]::-webkit-slider-thumb {
    box-shadow: 0.7px 0.7px 0.8px rgba(0, 0, 0, 0), 0px 0px 0.7px rgba(13, 13, 13, 0);
    border: 0.6px solid rgba(0, 0, 0, 0);
    height: 21px;
    width:5px;
    border-radius: 0px;
    background: #ffb911;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -9px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ffffff;
}
input[type=range]::-moz-range-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.13), 0px 0px 0px rgba(13, 13, 13, 0.13);
    background: #ffffff;
    border-radius: 25px;
    border: 0px solid rgba(0, 0, 0, 0);
}
input[type=range]::-moz-range-thumb {
    box-shadow: 0.7px 0.7px 0.8px rgba(0, 0, 0, 0), 0px 0px 0.7px rgba(13, 13, 13, 0);
    border: 0.6px solid rgba(0, 0, 0, 0);
    height: 21px;
    width: 5px;
    border-radius: 0px;
    background: #ffb911;
    cursor: pointer;
}
input[type=range]::-ms-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #ffffff;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 50px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.13), 0px 0px 0px rgba(13, 13, 13, 0.13);
}
input[type=range]::-ms-fill-upper {
    background: #ffffff;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 50px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.13), 0px 0px 0px rgba(13, 13, 13, 0.13);
}
input[type=range]::-ms-thumb {
    box-shadow: 0.7px 0.7px 0.8px rgba(0, 0, 0, 0), 0px 0px 0.7px rgba(13, 13, 13, 0);
    border: 0.6px solid rgba(0, 0, 0, 0);
    height: 21px;
    width: 5px;
    border-radius: 0px;
    background: #ffb911;
    cursor: pointer;
    height: 3px;
}
input[type=range]:focus::-ms-fill-lower {
    background: #ffffff;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ffffff;
}


/* hover equalizer style */
.equalizer_area {position:absolute; left:0; top:0; width:100%; height:100%;  padding:0%; display:block;  transition:all 0.6s ease 0s;}
.equalizer {display:none; width:100%; height:100%; z-index:10;   }
.program_list li:hover .equalizer {display:block; background:rgba(0,0,0,0.6);  } 
.equalizer .bar-c {  overflow: hidden;  height: 30px;  width: 40px;  margin: 0 auto;  position: relative;  top:40%;  cursor: pointer;}
.equalizer .bar {  height: 1px;  width: 3px;  display: inline-block;  background-color: #ffffd2;  bottom: 0;  position: absolute;
  -webkit-animation-duration: 500ms;
  -webkit-animation-play-state: running;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
.equalizer .bar.noAnim {
  -webkit-animation: none;
  -webkit-animation-name: none;
}
.equalizer .bar#bar-1 {
  left: 0;
  -webkit-animation-name: danceHeight1;
  -webkit-animation-delay: 0ms;
}
.equalizer .bar#bar-2 {
  left: 6px;
  -webkit-animation-name: danceHeight2;
  -webkit-animation-delay: 300ms;
}
.equalizer .bar#bar-3 {
  left: 12px;
  -webkit-animation-name: danceHeight3;
  -webkit-animation-delay: 600ms;
}
.equalizer .bar#bar-4 {
  left: 18px;
  -webkit-animation-name: danceHeight4;
  -webkit-animation-delay: 900ms;
}
.equalizer .bar#bar-5 {
  left: 24px;
  -webkit-animation-name: danceHeight5;
  -webkit-animation-delay: 1200ms;
}
.equalizer .bar#bar-6 {
  left: 30px;
  -webkit-animation-name: danceHeight6;
  -webkit-animation-delay: 1500ms;
}
@-webkit-keyframes danceHeight1 {
  from {
    height: 1px;
  }
  to {
    height: 22px;
  }
}
@-webkit-keyframes danceHeight2 {
  from {
    height: 1px;
  }
  to {
    height: 15px;
  }
}
@-webkit-keyframes danceHeight3 {
  from {
    height: 1px;
  }
  to {
    height: 30px;
  }
}
@-webkit-keyframes danceHeight4 {
  from {
    height: 1px;
  }
  to {
    height: 20px;
  }
}
@-webkit-keyframes danceHeight5 {
  from {
    height: 1px;
  }
  to {
    height: 15px;
  }
}
@-webkit-keyframes danceHeight6 {
  from {
    height: 1px;
  }
  to {
    height: 15px;
  }
}


/********* main visual swiper **********/
.device .arrow-left { z-index:999; background: url(/images/common/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.device .arrow-right { z-index:999; background: url(/images/common/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.content-slide { padding: 20px; color: #fff; }
.Swipagination { position: absolute; text-align: center; bottom:5px; width: 100%; z-index: 999; }
.Swipagination-main { position: absolute; bottom:5px; text-align: right; right:20px; width: 100%; z-index: 999; }
.Swipagination-main .swiper-pagination-bullet{width:12px;height:12px;display:inline-block;border-radius:100%;background:#fff;opacity:0.6;margin:0 5px;}
.Swipagination-main .swiper-pagination-bullet-active{opacity:1;background:#26abe3;}
.Swipagination .swiper-pagination-bullet{width:12px;height:12px;display:inline-block;border-radius:100%;background:#fff;opacity:0.6;margin:0 5px;}
.Swipagination .swiper-pagination-bullet-active{opacity:1;background:#26abe3;}

.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer; }
.swiper-active-switch { background: #fff; }

.arrow-left { background: url("/images/common/btn_prev.png") no-repeat 0 -61px; position: absolute; left: -8px; top: 50%; margin-top: -15px; width: 40px; height: 61px; }
.arrow-right { background: url("/images/common/btn_next.png") no-repeat 0 -61px; position: absolute; right: 8px; top: 50%; margin-top: -15px; width: 40px; height: 61px; }
.roll-content .roll-box {
    position: relative;
    overflow: hidden;
    width: 670px;
}
.btn_box  {
    position: absolute;
    left: 49%;
    bottom: 0px;
}



/***��޽�Ÿ�� **/
.modal-dialog {
    right: auto;
    left: 50%;
    width: 780px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.bordered {border-bottom: 1px solid #ddd; padding: 15px;}


.animated {
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes shake {
    0%, 100% {-webkit-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@keyframes shake {
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

footer {background:#000c1b; overflow:hidden; padding:0px; color:#babcbe; text-align:center; line-height:200%;}
footer h2 {margin-bottom:3%;}
.about { background: url("/images/common/world_map.png") no-repeat center -160px; padding:8%;background-size:70%; }
.program {background:#16202c; padding:8%; overflow:hidden; text-align:center;  }
.program a {padding:0.2% 2%; border:1px solid #445366; overflow:hidden; display:block; float:left; margin:5px; transition:all 0.6s ease 0s; }
.program a:link, .program a:visited {color:#445366;} 
.program a:hover {color:#babcbe; border:1px solid #babcbe; } 
.copyright {background:#16202c; font-size:12px; border-top:1px solid #2e3947; padding:2% 2% 80px 2% ; color:#445366;}
.copyright a {color:#0d6fb8; text-decoration: none;}
.copyright a:hover,a:focus {color:#0d6fb8; text-decoration: none;}

@media (max-width: 960px) {
  .audio_list li .title>span, .audio_list li .date>span {display:none; }
}



/************* comment area **************/
/*.replybox {width:650px;}*/
.replybox {font-size:14px; font-size:14px; }
.replybox .comment_text .sns_login {min-height: 25px;float:left;}
.replybox .comment_text .sns_login li {float:left;width:28px; text-align:center; margin:0 5px 5px 0;cursor:pointer}
.sns_login .currentLogin {border: 2px solid #ec731a;padding: 0px 2px; border-radius: 3px; -webkit-border-radius: 3px; -moz-webkit-radius: 3px; }
.sns_login .snsCurrent01 img {content:url('/images/common/sns_icon_01_on.png');}
.sns_login .snsCurrent02 img {content:url('/images/common/sns_icon_02_on.png');}
.sns_login .snsCurrent03 img {content:url('/images/common/sns_icon_03_on.png');}
.reply-sum{float:right; margin:0 0 10px 0; font-size:14px; font-weight:bold; }
.ReportTxt {overflow-x:hidden;resize: none;}
.replybox .comment_text .btn {line-height:60px; vertical-align:middle; height:66px; width:6%; margin-left:0%; }
.comment_text {height:90px; }
.replay-txt {float:left; width:100%; height:90px; }
.replay-txt textarea { border:1px solid #cccccc; height:50px; width:82%; padding:2%; font-size:14px; background:#fff; resize: none;}
.replay-txtbox{overflow:hidden;  border-bottom:1px solid #E6E6E6; padding-top:20px; }
.replay-txtbox .img{float:left; margin:0 14px 0 0;width:48px; height:48px;}
.replay-txtbox .txtbox{float:left; width:100%;}
.replay-txtbox .txtbox .nick{margin:0 10px 0 0; font-size:12px; font-weight:bold; color:#ffb911;}
.replay-txtbox .txtbox .date{font-size:12px; color:#999999;}
.replay-txtbox .txtbox .txt{margin:0px 0 13px 0;word-break: break-all; overflow: hidden; clear: both; font-size: 14px;white-space : pre-line}
.replay-txtbox .txtbox .good-bad{margin:0 0 15px 0; padding: 0 0 15px 0; font-size:11px; color:#999999; border-bottom:none}
.replay-txtbox .txtbox .good-bad span{margin:0 5px}
.replay-txtbox .txtbox .good-bad img{vertical-align:top;}
.ctComment .nick{margin:0 10px 0 0; font-size:14px; font-weight:bold; color:#1983e5;}
.ctComment .date{font-size:12px; color:#999999;}
.ctComment .txt{margin:0 10px 13px 0; word-break:break-all;}

.latest_list .img {float:left; }
.latest_list p {padding:5px 0; line-height: 1.5em; }
.latest_list p:nth-child(2) {width:72%; float:left; font-size:0.96em; color:#666; }
.latest_list p span {float:left;  }
.latest_list p .nick {color:#ffb911;font-weight:bold; margin-right:8px; font-size:0.8em; }
.latest_list p .date{ color:#999999; margin-top:0; font-size:0.8em; }
.latest_list .link_btn { font-size:0.7em; }
.latest_list .link_btn a {padding:0px 10px; }
.latest_list_h3 {text-align:center; margin:10px 0 20px 0;}

/**** board style ****/

table {width:100%; border-bottom:2px solid #ccc; border-spacing:0;  }
table th {background:#f1f1f1; border-bottom:1px solid #ddd;}
table tr {border-bottom:1px solid #ddd; transition:all 0.6s ease 0s;  }
table th, td  {padding:8px 20px; }

.board_view blockquote {font-size:15px;}
.board_view h4 {font-size:24px; color:#000; line-height:38px; letter-spacing:-1px; margin:50px 0 10px 0; border-bottom:1px dashed #cfd9db; padding-bottom:10px;}
.board_view .date {font-size:14px; color:#888; letter-spacing:0px; }
.board_view .name {float:right; font-size:14px; font-weight:normal; color:#888; letter-spacing:0px; }
.board_view .file {border-bottom:1px solid #e2eaec; padding-bottom:20px;}
.board_view .subtitle {font-size:18px; font-weight:bold; margin-bottom:50px; text-align:center; }
.board_con {border-bottom:0px solid #cfd9db; line-height:1.8em; padding-top:20px; padding-bottom:30px; margin-bottom:20px;}
/*.board_con img { margin-bottom:20px; margin-top:20px; }*/
.bo_gallery img {margin-bottom:20px; margin-top:20px; }
.board_con iframe {width:100%; margin-bottom:30px;}
.board_con p {line-height:1.8em; margin-bottom:0; }
.board_view .table thead>tr>th, .board_view .table tbody>tr>th, .board_view .table tfoot>tr>th, .board_view .table thead>tr>td, .board_view .table tbody>tr>td, .board_view .table tfoot>tr>td { padding: 8px 30px; }
.board_view h5 {font-size:18px; color:#000; font-weight:bold; margin:30px 0 10px 0; }

.board_view_next_prev li { border-bottom:1px dashed #cfd9db; transition:all 0.6s ease 0s;  }
.board_view_next_prev li:hover {background:#f1f1f1; }
.board_view_next_prev li a {padding:10px; display:block; }
.board_view_next_prev li span {float:left; color:#888; padding:10px 3%; }

.board_area h3 {border-bottom:3px solid #3a3c4c; margin-top:20px; }

.table .board_list_num {width:30px; text-align:center; }
.table .board_list_name {width:60px; text-align:center; font-size:14px; }
.table .board_list_date {width:80px;text-align:center; }
.table .board_list_title { }
.table .board_list_title a {display:block;  }

.comment_count {color:#ffb911; font-size: 12px; }
.comment_date {color:#999; font-size: 12px; }

table {  background-color: transparent;}
caption {  padding-top: 8px;  padding-bottom: 8px;  color: #777;  text-align: left;}
th {  text-align: left;}
.table {  width: 100%;  max-width: 100%;  margin-bottom: 20px;}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,
.table > tfoot > tr > td {  padding:12px;  line-height: 1.42857143;  vertical-align: top;  border-top: 1px solid #ddd;}
.table > thead > tr > th {  vertical-align: bottom; color:#666; }
.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td {
  border-top: 0;}
.table > tbody + tbody {  border-top: 2px solid #ddd;}
.table .table {  background-color: #fff;}
.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td {  padding: 5px;}
.table-bordered {  border: 1px solid #ddd;}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td {  border: 1px solid #ddd;}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td {  border-bottom-width: 2px;}
.table-striped > tbody > tr:nth-of-type(odd) {  background-color: #f9f9f9;}
.table-hover > tbody > tr:hover {  background-color: #f5f5f5;}
table col[class*="col-"] {  position: static;  display: table-column;  float: none;}
table td[class*="col-"],table th[class*="col-"] {  position: static;  display: table-cell;  float: none;}
.table > thead > tr > td.active,.table > tbody > tr > td.active,.table > tfoot > tr > td.active,.table > thead > tr > th.active,
.table > tbody > tr > th.active,.table > tfoot > tr > th.active,.table > thead > tr.active > td,.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,.table > thead > tr.active > th,.table > tbody > tr.active > th,.table > tfoot > tr.active > th {  background-color: #f5f5f5;}
.table-hover > tbody > tr > td.active:hover,.table-hover > tbody > tr > th.active:hover,.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,.table-hover > tbody > tr.active:hover > th {  background-color: #e8e8e8;}
.table > thead > tr > td.success,.table > tbody > tr > td.success,.table > tfoot > tr > td.success,.table > thead > tr > th.success,
.table > tbody > tr > th.success,.table > tfoot > tr > th.success,.table > thead > tr.success > td,.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,.table > thead > tr.success > th,.table > tbody > tr.success > th,.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,.table-hover > tbody > tr > th.success:hover,.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,.table-hover > tbody > tr.success:hover > th {  background-color: #d0e9c6;}
.table > thead > tr > td.info,.table > tbody > tr > td.info,.table > tfoot > tr > td.info,.table > thead > tr > th.info,
.table > tbody > tr > th.info,.table > tfoot > tr > th.info,.table > thead > tr.info > td,.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,.table > thead > tr.info > th,.table > tbody > tr.info > th,.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;}
.table-responsive {  min-height: .01%;  overflow-x: auto;}
@media screen and (max-width: 767px) {
    #small-player-middle .volum {display:none; }

    .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 0px 0px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}


/******** header �̵������ ***********/

@media (max-width:375px){
	header {height:160px;  }
	nav h1 {float:none; width:50%; margin:0 auto; }
	nav h1 a {padding:0;}
	.on_air .title {width:72%; }
	.on_air .volum {display:none; }
	.mobile_login {display:visible; background:url("/images/common/icon_user.png") center center no-repeat; background-size:20px; width:40px; height:80px; float:right;
                        z-index:10; font-size:0px; color:rgba(255,255,255,0); }
    #btnShowTimetable {display:visible; background:url("/images/common/icon_schedule_m.png") center center no-repeat; background-size:26px; width:40px; height:80px; float:right;
                        z-index:10; font-size:0px; color:rgba(255,255,255,0); }
    #btnShowTimetable {padding-left:0;}

    .container .program_cat {font-size:14px; }
	.wrapper h3 {border-bottom:1px solid #fff; }
	.replybox .comment_text .btn {height:52px; width:6%; }
	.replay-txt textarea { width:80%; }
}

@media (max-width:767px){
    .on_air .volum {display:none; }
	.mobile_hidden {display:none; }
	.mobile_display {display:block; }
	.program_data .board_latest, .program_data .program_link  {padding:0 0; }
	.wrapper h3 {border-bottom:0px solid #fff; }
    .board_area h3 {border-bottom:2px solid #3a3c4c; margin-top:20px; font-size:18px;}
	.wrapper {padding:0 0; }

	header {height:80px; }
	nav {padding:0px 0 0px 0; }
	nav h1 {float:left; width:50%; padding:15px 20px;}
	nav h1 a {padding:0;}
	.top-link {display:none; }

	.on_air {position: fixed; width: 100%; padding:2px 0; background:rgba(40,42,53,0.9); left: 0;bottom:0;	z-index: 100; border-top:0.5px solid rgba(255,255,255,0.5); }
    .mobile_schedule {display:visible; background:url("/images/common/icon_schedule_m.png") center center no-repeat; background-size:20px; width:28px; height:80px; float:right;
        z-index:10; font-size:0px; color:rgba(255,255,255,0); }

    .mobile_login {display:visible; background:url("/images/common/icon_user.png") center center no-repeat; background-size:20px; width:46px; height:80px; float:right; z-index:10; font-size:0px; color:rgba(255,255,255,0); }
	.mobile_logout {display:visible; background:url("/images/common/icon_logout.png") center center no-repeat; background-size:20px; width:46px; height:80px; float:right; z-index:10; font-size:0px; color:rgba(255,255,255,0); }
    #btnShowTimetable {padding-left:0;}

    #timetable {position:relative;  background:#fff; padding-bottom:0px; }
    #timetable .tab-content{ font-size:14px; display: none; background: #fff; padding:15px; }
    #timetable .timetable-ul li{ margin: 10px 0; text-align:left; }
    #timetable .timetable-ul li span { margin-right: 15px;}
    #timetable .notice_area {line-height:160%; position:absolute; right:5%; bottom:60px; text-decoration:underline; color:#3a3c4b; }

    #timetable ul.tabs li {width:9.5%; padding: 14px 5px; cursor: pointer; text-align:center; letter-spacing:-1px; font-size:15px; font-weight:normal;}
    #timetable ul.tabs li span { font-size:12px;}
    .container .container {padding:0;}
    .container .program_cat {font-size:14px; }
	.audio_list li .date {display:none; }
	.audio_list li .title {width:50%; margin-left:2%;  }
	.audio_list li .more_btn {}
	.program_view {padding:0%; margin:0; }
	.program_view .program_info { display:none; }

	.program_data_list li .title {width:100%; }
	.program_data_list li .title span {display:none; }
	.program_data_list li .date span {display:none; }

	.table .board_list_num {display:none; }
	.table .board_list_name {width:40px; text-align:center; vertical-align:middle; font-size:12px; padding:5px; }
	.table th {font-size:12px; }
	.table .board_list_date {width:40px;text-align:center; font-size:12px; padding:5px;}

	.sticky {position: fixed; width: 100%; background:rgba(40,42,53,0.9); left: 0;bottom:0;	z-index: 100; border-top: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);}
	.is-hidden {opacity: 0;
		-webkit-transform: translate(0,-60px);
		-webkit-transition: -webkit-transform .2s,background .3s,color .3s,opacity 0 .3s;
	}

	.is-visible {
		opacity: 1;
		-webkit-transform: translate(0,0);
		-webkit-transition: -webkit-transform .2s,background .3s,color .3s;
	}

	.pageTop>button {color:#aaa;margin-right: 30px;	border-radius: 30px; width: 58px;height: 58px; }
	}
@media (min-width:768px){ 
	.mobile_login {display:none;}
	.mobile_logout {display:none;}
    .mobile_schedule {display:none;}
}
@media (min-width:992px){ }
@media (min-width:1200px){ }


.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
/*@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}*/

.row{margin-right:-15px;margin-left:-15px}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:0px;padding-left:0px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}
/*节目时间表分栏，make program timeTable split to many columns at homepage when timeTable is too big.*/
.programListColumn {
    padding: 1em;
    -moz-column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 1em;
    column-count: 2;
    column-gap: 1em;
}

@media (min-width:768px){
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}
.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}
.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}
.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}
.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}
.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}
.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}
.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-0{margin-left:0}
    .programListColumn {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media (min-width:992px){
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}
.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}
    .programListColumn {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media (min-width:1200px){
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}
.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}
.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}
.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}
.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}
.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}
.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}
.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-0{margin-left:0}
    .programListColumn {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}






/** button style **/
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
   transition:all 0.6s ease 0s; overflow:hidden;

  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.jmdNav{
    width:100%;
    position: fixed;
    top:0;
    left:0;
    right:0;
    height:2.8em;
    padding: 0;
    font-size:2.5em;
    text-align: center;
    -moz-column-count: 7;
    #-moz-column-gap: 1em;
    -webkit-column-count: 7;
    #-webkit-column-gap: 1em;
    column-count: 7;
    #column-gap: 1em;
    background-color: rgb(224, 223, 223);
    z-index: 1000;
    display: -webkit-flex;
    display:         flex;
    border-bottom: solid 1px lightgray;
    color: rgba(0, 0, 0, 0.73);
}
.jmdNav li{
    flex: 1;
    height:100%;
    padding: 0.8em 0 0 0;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-width:0 1px 0 0;
    border-color: #FFFFFF;
    border-style:solid;
}
.jmdNav li:nth-last-of-type(1) {
    border-right-width:0;
}
.jmdWeekToday{
    /*font-weight: bold;*/
    color: red;;
}
.jmdToolBar{
    position: fixed;
    right:0;
    top:2.8em;
    font-size:1em;
    padding-top:0.6em;
    box-sizing: border-box;
    width: 20%;
    text-align: center;
    z-index: 1000;
}
.jmdToolBar div{
    padding: 0.8em 0.2em 0.8em 0.2em;
    margin: 5px 0 5px 0;
    border: solid 1px rgba(119, 136, 153, 0.19);
    border-width: 1px 0 1px 0;
}
.jmdDetailContainer{
    overflow-y: scroll;
    position: relative;
    top:0px;
    bottom:0;
    display: flex;
}
.jmdWeekNotAcitve{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}
.jmdWeekAcitve{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    background-color: #f6b71f;
    width: 100%;
}
.jmdDetail{
    flex:8;
}
.jmdDetailItem{
    display: none;
}
.jmdDetailItemActive{
    display: block;
}
.jmdDetail ul ul {
    width:100%;
    line-height: 2.1em;
    font-size:1.1em;
    text-indent: 1.2em;
}
.jmdDetail ul ul li:nth-child(odd){
    background-color:#e8e8e8;
}
.jmdDetail ul ul li:nth-child(even){
    background-color:#f0f0f0;
}
.jmdDetailCurrentItem{
    color: red;
}
.notice_area{
    width: 80%;
    #text-align: center;
    font-size:1em;
    margin: 1em 1em 1em 1em;
    background-color: inherit;
    float: left;
}
@media screen and (orientation: portrait) {
    /*竖屏 css*/
    .jmdNav {
        font-size: 1.3em;
        height: 2.5em;
    }
    .jmdNav li {
        padding: 0.6em 0 0 0;
    }
}
@media screen and (orientation: landscape) {
    /*横屏 css*/
    .jmdNav {
        font-size: 1.3em;
        height: 2.5em;
    }
    .jmdNav li {
        padding: 0.6em 0 0 0;
    }
    .jmdDetail ul ul{
        text-indent: 30%;
    }
    .jmdToolBar {
        font-size: 1.2em;
    }
    .jmdToolBar div {
        padding: 0.2em 0.2em 0.2em 0.2em;
        border-width: 0px 0 1px 0;
    }
}
/***********    Mobile timetable ***********/

.app_timetable {position:relative;  background:#eeeff5; padding-bottom:0px; font-size:14px; }
.app_timetable>ul>li>p { padding: 20px 0 20px 20px;}
.app_timetable>ul>li>p span {}
.app_timetable>ul>li>ul {background:#fff; padding:10px 0px 40px 0; }
.app_timetable>ul>li>ul>li {line-height:160%; background:#fff; padding:3px 20px; }

.app_timetable>ul>li>ul>li>span:first-child  {color:#666; font-size:0.9em; padding-right:20px; }