html,body{font-size:14px;font-family:prompt,sans-serif;/*line-height:1.2em;*/color:#333;}
html *,body *{box-sizing:border-box;position:relative}
h1,h2,h3,h4,h5,h6{margin:0;line-height:1.4em}
h2 .uk-icon-caret-right{position:relative;top:4px}
a:hover{text-decoration: none;}
.navbar-fixed-top {
    background-color: #808080;
/*    border-top: 4px solid #eb1c23;*/
    padding: 10px 0 10px;
    width: 100%;
    font-size: 1.2em;
/*	box-shadow: 3px 2px 5px #aaaaaa;*/
	max-width: 1206px;
    margin-left: auto;
    margin-right: auto;
/*	background: url(../images/bg-topnav.png) no-repeat;*/
/*	background-position-y: -18px;*/
	background-position: bottom center; 
    height: 62px;
}
.navbar-fixed-top .container {
/*    max-height: 80px;*/
}
.navbar{
    margin-bottom: 0px;
    display: block;
    text-align: center;
    position: relative;
    border: 0;
/*    min-height: 80px;*/
	margin-left: -55px;
}    
.navbar ul {
    padding: 0;
    margin: 0;
}
.navbar li {
    display: inline-table;
    vertical-align: top;
    text-align: center;
/*    height: 80px;*/
    margin: 0 2px;
}
.navbar li a {
    font-family: Helvethaica,sans-serif;
/*	font-style: italic; */
	font-weight: normal;
	font-variant: normal; 
    line-height: 1.4em;
    font-size: 1.4em;
    letter-spacing: 2px;
    color: white;
    text-decoration: none;
    display: inline-block;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}
.navbar .submenu-stations {
    display: none;
/*    margin: 5px 0px 0px 0px;*/
/*    padding: 35px 30px 35px 25px;*/
    list-style: none;
    position: absolute;
    z-index: 5;
    right: 5px;
    top: 30px;
    width: 330px;
/*    height: 386px;*/
    background: #FFFFFF;
	border:solid 5px #eb1c23;
}
.navbar .submenu-stations>div:nth-child(1) {border-bottom: solid 5px #eb1c23; padding-bottom: 30px; margin-bottom: -15px;}
.navbar .submenu-stations>div:nth-child(2) header {background: #FFFFFF; padding:0px 15px 0px 15px;    width: 60%;    margin-left: auto;    margin-right: auto; }
.wrapper .container{
	width: 1200px;
/*    background-color: #FFFFFF;*/
/*    box-shadow: 0px -10px 15px #aaaaaa;*/
}
.content-wrap{ float: right;margin-top: -40px;margin-right: 10px;}

.wrapper{width:100%;/*overflow:hidden;*/position:relative;margin-top:15px;}
.sub .wrapper{background:#E5E5E5}


.container-center {
    margin-left: auto;
    margin-right: auto;
}
.btn-go2top>img{ width: 100%;margin-bottom: 25px;}
.padding-top {
    padding-top: 15px;
}
/*
.bg-left, .bg-right {
    width: 508px;
    height: 1152px;
    position: absolute;
    top: 0;
    background-size: 100% auto !important;
}
.bg-left {
    background: transparent url(../images/bg-left.jpg) 0 0 no-repeat;
    left: -480px;
}
.bg-right {
    background: transparent url(../images/bg-right.jpg) 0 0 no-repeat;
    right: -480px;
}

*/

body{background: transparent url(../images/bg.png) top center repeat-x;
    background-position-y: 258px;}

.hightlight{display: flex; padding: 35px; }
.hl_left{display: table-cell;width:850px;}
.hl_right{display: table-cell;width:350px;padding-left: 10px;}
.search>div{max-width: 800px; margin-left: auto;margin-right: auto;}
.topheader{padding: 45px 0 0;max-width: 1200px;}
.latest{margin-top:20px;}
.latest>div:nth-child(2){display: flex;}
.latest>div:nth-child(n)>a>div{display: table-cell;width: 50%;padding:10px 10px 0 0; vertical-align: top;color:#000;}
.latest>div:nth-child(n)>a>div img{width: 100%;}
.show-list{display: flex;z-index: 100;}
.show-list>div{width: 50%; margin:10px; border-top:solid 3px #000; padding-top: 5px;}
.show-list>div>div:nth-child(2),.show-list>div>div:nth-child(3){width:49%; display:inline-block; font-weight: bold;}
.show-list>div>div:nth-child(2){margin-right: 1%;}
.show-list>div>div:nth-child(3){margin-left: 1%;}
.show-list>div>div{vertical-align: top;}
.show-list>div>div>p{font-weight: bold;}
.list-cover{display: block;
    padding-top: 56.25%; cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;}
.podcast-cat{width: fit-content;
    background: #000;
    color: #FFF;
    padding: 10px;
    margin-bottom: 20px;}
.publish{position: relative; width: 100%;}

.publish>div:nth-child(1){float: left;width: 70%;}
.publish>div:nth-child(2){float: right;width: 30%;}
.publish>div:nth-child(2)>div{width:auto;margin-right: 0;}
.more-podcast ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.more-podcast{display: block; border-top:solid 5px #000;margin-top:10px; margin-bottom: 20px;z-index: 98;}
.more-podcast ul li {
    width: 22.5%;
    float: left;
    position: relative;
    padding: 0;
    margin: 0 2% 2% 0;
    height: 160px;
}
.more-podcast ul li a {
    text-decoration: none;
    color: #000;
    font-size: 1.2em;
	outline: none;
}
.more-podcast .thumb {
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
    position: relative;
    height: auto;
}
.more-podcast ul li .cover {
	width: 100%;
    position: absolute;
    top: 0;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    padding-top: 56.25%;
}
.more-podcast ul li .caption h2{font-size: 1em;}

.podcast-chanel{border: solid 1px #a0a0a0; border-radius: 5px;    padding: 20px;}
	.tags{background: #ebebeb;}


.top-logo {
	display: inline-block;
    width: 100%;
	max-width: 1200px;
    height: 184px;
    background: transparent url(../images/hudi_logo.png) center no-repeat;
    margin-top: 35px;
    margin-bottom: 35px;
}
.banner970{
    width: 970px;
    margin-left: auto;
    margin-right: auto;
}
.banner320{
    width: 320px;
    margin-left: auto;
    margin-right: auto;
}
#social-top {
    width: 100%;
    text-align: right;
    margin-top: 1em;
}
#social-top a {
    display: inline-block;
/*
    width: 1.5em;
    height: 1.5em;
    line-height: 1.6em;
    font-size: 1.2em;
    text-align: center;
    border-radius: 50%;
    background-color: black;
    color: white;
    transition: .2s;
*/
    margin: 0px;
}
#social-top a>i{
    
      margin-top: 6px;
}
#social-top a:hover {
/*    background-color: #eb1c23;*/
}

.addline{
	width: 26px;
	height: 26px;
	background: url(../images/addline_icon.jpg) no-repeat;
    background-size: contain !important;
    padding-top: 2px;
}
.addline:hover{
	background: url(../images/addline_icon_over.jpg) no-repeat;
}

[class*='uk-icon-'], [class*='uk-icon-']:hover, [class*='uk-icon-']:focus {
    text-decoration: none;
}

[class*='uk-icon-'] {
    font-family: FontAwesome;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.uk-icon-facebook-f:before, .uk-icon-facebook:before {
    content: "\f09a";
}

.fb_iframe_widget_fluid span, iframe.fb_ltr { width: 100% !important; }

@media (min-width: 1025px){
	.hidden-desktop {
   	 display: none !important;
	}

}

@media (min-width: 768px){
	.width-medium-18-100 {
	    width: 18%;
	}
	.width-medium-17-100 {
	    width: 17%;
	}
	.width-medium-82-100 {
   	 width: 82%;
	}
   
}
@media (max-width: 1024px){
	.bg-left {
	    left: -700px;
	}
	.bg-right {
	    right: -700px;
	}
}


#top-nav{z-index: 103;}
#top-nav>div>div>ul>li.active:after, #top-nav>div>div>ul>li:hover:after, #top-nav>div>ul>li>a.active:after, #top-nav>div>ul>li>a:hover:after {
    opacity: 1;
    top: -10px;
}
#top-nav>div>div>ul>li:after, #top-nav>div>ul>li>a:after,#top-nav>div>ul>li.active {
    content: "";
    width: 100%;
    height: 64px;
/*
    border-left: 5px solid #eb1c23;
    border-right: 5px solid #eb1c23;
*/
    border-top: 5px solid #eb1c23;
    position: absolute;
    left: 0;
    bottom: -20px;
    margin-left: -5px;
    opacity: 0;
	margin-top:60px;
/*    transition: .2s;*/
}


/*#whatsup{position:relative;margin:5% 1.5%;overflow:hidden}*/
#whatsup{width:100%; max-width:900px; height:600px;margin-top:10px; }
#whatsup .whatsup-wrapper{max-width:800px;margin:0 auto;text-align:center;margin-bottom: -20px;}
#whatsup .whatsup-wrapper header{text-align:left}
#whatsup .whatsup-inner{position:relative;max-width:800px;height:600px;    overflow-y: hidden;/*overflow:hidden;padding:5px;*/margin:0 auto; /*box-shadow: 0px 5px 20px 3px #00000070;*/}
/*#whatsup .whatsup-border{position:relative;width:100%;max-width:1016px;margin:0 auto;padding:8px 8px 0;background-color:rgba(255,255,255,0.1);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;    box-shadow: 0px 5px 20px 3px #00000070;}*/
#whatsup .swiper-slide{position:relative;width:100%;max-width:800px;height:520px;}
#whatsup .cover{width:100%;padding-top:520px;/*position:absolute;*/background-size:cover;background-position:center center;top:0}

#whatsup .boxgrid{width:800px;height:520px;position:relative}
/*#whatsup .caption{width:100%;height:100%;position:absolute;top:84%;color:#FFF;font-family:rsu;padding:2%;text-align:left;background:rgba(0,0,0,0.8);-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}*/
#whatsup .caption{width: 100%;
    height: 60px;
/*    position: absolute;*/
/*    bottom: -60px;*/
    color: #FFF;
    font-family: Prompt;
    padding: 5px 0;
    text-align: left;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
	z-index: 0;
}

#whatsup .share{top: 0;
    right: 5px;
    z-index: 97;
    width: 100%;
    text-align: right;}
#whatsup .share_bubble{width: 317px;
    height: 125px;
    padding-top: 25px;
    padding-left: 25px;
    position: absolute;
    right: 0;
    top: -100px;}
#whatsup .whatsup-inner a{position: unset !important;}
#whatsup a:hover .caption{top:65%}
#whatsup .caption h2{font-size:2em;margin:0;color: #000 !important;}
#whatsup .caption p{font-size:1em; color: #000 !important; padding-right: 40px;}
#whatsup header{padding:50px;}
@media (max-width:767px) {
	.hightlight{display: block; padding: 0px; }
.hl_left{display: block;width:100%;}
.hl_right{display: block;width:100%;padding-left: 0px;}
	.show-list{display: block;padding-right: 10px;}
.show-list>div{width: 100%; margin:10px; padding-right: 10px; border-top:solid 3px #000;}
	.show-list>div>div:nth-child(2),.show-list>div>div:nth-child(3){display: none;}
	.more-podcast{height: auto;z-index: 98;}
	.more-podcast ul li {width: 100%;}
	.more-podcast ul>li:nth-child(n+2) {display: none}
	
	#whatsup .cover{padding-top:0;}
#whatsup{padding:2% 0 2% 0;overflow:hidden;margin:0;height: auto;}
#whatsup header{text-align:center;padding:5% 0;padding:inherit;}
#whatsup header img{max-width:100%;width:100%;height:auto}
#whatsup .cover{background-image:none!important}
#whatsup .whatsup-wrapper,#whatsup .whatsup-border,#whatsup .whatsup-inner,#whatsup .swiper-slide,#whatsup .boxgrid{width:100%;height:auto;padding:0;border:0;background:none}
#whatsup .caption{top:100%;    font-size: smaller;}
#whatsup a:hover{text-decoration:none}
.applebanner{background-image:none!important;}
    .swiper-container{height: 400px !important;}
#whatsup .caption h2 {
    font-size: 2.5em;
    margin: 0;
}
#whatsup .caption p {
    font-size: 1.5em;
}
}
#whatsup .arrow-left{background:url(../images/btn-whatsup.png) no-repeat;position:absolute;left:-14px;top:50%;margin-top:-84px;width:84px;height:84px;z-index:99;-webkit-transition:inherit;-moz-transition:inherit;-ms-transition:inherit;-o-transition:inherit;transition:inherit}
#whatsup .arrow-left:hover{background-position:100% 0}
#whatsup .arrow-right{background:url(../images/btn-whatsup.png) no-repeat 0 100%;position:absolute;right:-14px;top:50%;margin-top:-84px;width:84px;height:84px;z-index:99;-webkit-transition:inherit;-moz-transition:inherit;-ms-transition:inherit;-o-transition:inherit;transition:inherit}
#whatsup .arrow-right:hover{background-position:100% 100%}
#whatsup .pagination{text-align:center;    margin-left: 25px;}
#whatsup .swiper-pagination-switch{display:inline-block;width:12px;height:12px;border-radius:8px;margin-right:8px;cursor:pointer;background:#a2a2a2}
#whatsup .pagination a.active,#whatsup .pagination .swiper-active-switch{background-color: #7f7f7f;border: 1px solid #7f7f7f;}

#whatsup .swiper-next, .swiper-prev {font-size: 32px; color: black;display: inline-block;    vertical-align: middle; /*position: absolute;*//*bottom: 5px;*/cursor: pointer;z-index: 10;transition: .2s;}
#whatsup .swiper-next:hover, .swiper-prev:hover {color: gainsboro;}
#whatsup .swiper-prev {left: 0; }
#whatsup .swiper-next {left: 15px; }
#whatsup .swiper-slide> a {display: block;width: 100%;height: 0;padding-bottom: 45%;overflow: hidden;position: relative;}
#whatsup .swiper-slide> a.img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background-size: cover;}

#swiper_nav{display: block; position: relative;/* padding: 30px;*/ z-index: 98;}

#selectdate{background-color: #9b0a17;
    border-radius: 12px;
    border-style: none;
    float: right;
    margin-top: 20px;
    font-size: 0.6em;padding: 5px;}

.sub-nav {
    margin-top: 40px !important;
    right: 5px;
/*    background: #fff;*/
}
.sub-nav .sub-nav-bar {
/*    width: 1260px;*/
    margin: 0 auto;
    position: relative;
    text-align: right;
/*    padding: 8px 0 5px 0;*/
/*    border-bottom: #000 1px solid;*/
}
.sub-nav ul {
    padding: 0;
    margin: 0;
    position: relative;
/*    right: 40px;*/
}
.sub-nav li {
    text-align: center;
    margin: 0;
    position: relative;
    display: inline-block;
/*    border-right: 1px solid #fff;*/
}
.sub-nav li a {
    font-size: 0.9em;
    letter-spacing: 2px;
    color: white;
    text-decoration: none;
    padding: 2px 15px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    color: #000;
}


#webcam,#contents{display: grid; grid-template-columns: 840px 305px;width:103%; max-width:1200px; height:1120px;margin-left: -15px;padding-top: 20px;margin-bottom: 60px;
    padding-left: 30px;}
/*#dvGame{    font-size: 0.8em;}*/
#dvTalkToDJ{    display: grid;  grid-template-columns: 840px 305px;margin-top: -430px; margin-left: 11px; margin-bottom: 50px;}
#dvTalkToDJ>div:nth-child(2){    margin-top: -39px;}
#livecam{display:table-row;height: 720px; overflow: hidden; }
#livecam iframe{height: 457px;    width: 819px;}
.top-5>ol>li{    display: grid; grid-template-columns: 27% 66%;}
.chart-icon{display: grid !important;grid-template-columns: 25% 25% 25% auto;}


.video-box {
    border: 5px solid #4f4c4d;
} 
.content {
    padding: 15px;
    background: #dedede;
    margin-bottom: 20px;
    font-family: "Helvethaica", sans-serif;
    font-size: 1.7em;
    line-height: 1.2;
}
.dj_showprofile{    
	display: grid;
    grid-template-columns: 40% auto;
    height: 385px;
    overflow: hidden;
    margin-bottom: -20px;
}
.dj_showprofile>div:nth-child(2){padding-top: 30%;
    padding-bottom: 30%;
    padding-left: 20px;
    text-align: left;
    font-size: x-large;}
.dj_showprofile>div>div:nth-child(1){font-weight: bold;}
.dvVideos{display:grid; grid-template-columns: 33% 33% 33%;}
.dvVideos>div{padding:10px;}
#contents {height: auto; margin-top:25px; /*grid-template-columns: 830px 330px;*/}
#contents_l{background-color: #FFFFFF;margin-left: -30px;height: auto; /*min-height: 1123px;*/ width: 850px;padding-left: 30px;padding-right: 9px;}
.news-container{position:relative;width:100%;height:0;padding-bottom:0;margin-top: -20px;padding-top: 33px;}
.video-container{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}
.video-container iframe,.video-container object,.video-container video,.video-container canvas{position:absolute;/*width:70%;*/height:100%;top:0;left:0}
/*#livecam_left{min-height: 1075px; }*/
.cam-badge {
    font-family: Helvethaica,sans-serif;
    line-height: 1.2em;
    padding-left: 5px;
    background-color: rgba(0,0,0,0.8);
    color: white;
    font-size: 1.6em;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
	width: 55px;
}
.cam-badge:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 26px solid rgba(0,0,0,0.8);
    border-right: 26px solid transparent;
    top: 0;
    right: -26px;
    position: absolute;
}

.cam-badge2 {
    font-family: Helvethaica,sans-serif;
    line-height: 1.2em;
    padding-left: 5px;
/*    background-color: rgba(0,0,0,0.8);*/
    color: white;
    font-size: 1.6em;
    position: absolute;
    top: 0px;
    right: 30px;
    z-index: 2;
    /*width: 55px;*/
}

#webcam-right{/*display: table-cell; width: 30%;    right: 30px;*/}
.screenshot-container {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    display: block;
    overflow: hidden;
}

.talk-to-dj-panel {
    width: 98%;
    background-color: #191919;
    color: white;
    font-size: 1.4em;
/*    padding: 10px;*/
    font-family: Helvethaica,sans-serif;
    line-height: 1.2em;
    margin-top: -250px;
    height: 441px;
}
.talk-to-dj-panel header{
    
}
.talk-to-dj-panel header .button {
    font-family: Helvethaica-Bold,sans-serif;
    line-height: 1.2em;
    display: inline;
    padding: 5px 10px 3px;
    border: 1px solid white;
    color: white;
    transition: .2s;
    font-size: .5em;
    position: relative;
    top: -4px;
    margin-left: 10px;
    cursor: pointer;
}
.talk-to-dj-panel header .button:hover {
    text-decoration: none;
    color: white;
    background-color: #eb1c23;
}

.link-plain *, .link-semi-plain *, .link-plain:hover *, .link-plain:active * {
    color: #FFF;
    text-decoration: none;
    transition: .2s;
}
.uk-float-right {
    float: right;
	margin-right: 10px;
}
#msb {
    height: 401px;
}
.share-list {
    display: table;
    width: auto;
	z-index: 1;
}
ul.share {
    list-style: none;
    margin: 0;
    display: table;
    float: right;
    padding: 0;
}
ul.share>li {
    float: left;
    margin: 0 3px;
    padding: 0px !important;
}
#dvListenLive{display: grid; grid-template-columns: 417px 489px auto;}
#dvListenLiveSub {display: grid; grid-template-columns: 417px 543px auto;}
#dvListenLiveSub #dj{grid-template-columns: 222px 187px;}
#dvListenLiveSub #song{top: 70px;left: 148px;}
#dvListenLiveSub #cover-song{left: 22px;}
#dvListenLiveSub #btnListenLive{left: 25px;}
#dj{display: grid; grid-template-columns: 250px 208px;width: 417px;}

#dj-name{position: relative;font-style: italic;font-weight: bold;text-align: right;padding-right: 22px;line-height: 1.2em;}
#dj_thumb>img{	width:250px;margin-top:65px;margin-left: -15px;}
#dj_thumb_main>img{	width:250px;margin-top:47px;margin-left: -15px;}
#dj_thumb_sub>img{	width:250px;margin-top:17px;margin-left: -15px;}
#tabletime{display: inline-table;position: relative;font-style: italic;font-weight: bold;top: 148px;right: 17px;height: 202px;}
#TalkToDJ{display: inline-table;top: 71px;cursor: pointer;}
#cover-song{display: table-cell;position: absolute;top: 76px;left: 40px;}
#song{position: relative;top: 86px;left: 216px;color: #FFF;font-weight: bold;font-style: italic;padding:5px;}
#next-prev{width: 438px;position: absolute;top: 268px;left: 26px;font-weight: bold;}
#btnListenLive{position: relative;top: 27px;left: 100px;}

.dj-list{display: grid; grid-template-columns: 25% 25% 25% 25%; /*align-items: baseline;*/}
.dj_frame{padding-bottom: 15%; text-align: -webkit-center;display: flex;}
.dj_profile{    font-size: 2em;
    font-weight: bold;padding: 27px;}
.q_left{    position: relative;
    top: -10px;
    float: left;
    left: 30px;
	    width: 6%;
}
.q_right{
	    position: relative;
    top: -10px;
    float: right;
    right: 30px;
	    width: 6%;
}
.gp-list .gp-item .item-detail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px 10px;
    background: rgba( 0,0,0,0.75 );
    color: #fff;
}
.item-detail > .title {
    font-family: "Helvethaica-Bold", sans-serif;
    font-size: 2.3em;
    line-height: 1;
    margin-bottom: 5px;
}
.gp-list .gp-item .item-detail .title a {
    color: #fff;
}
.gameprize{display: grid; grid-template-columns: 50% auto;    text-align: -webkit-center;}
.gameprize>div{padding-bottom: 20px;}
.item{width: 300px;}

.banner {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.banner300 {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	width: 300px;
}
.margin-y {
    margin-top: 40px;
    margin-bottom: 15px;
}
@media (min-width: 1025px){
	.uk-visible-desktop {
		display: block !important;
	}
}
@media (min-width: 1025px)
{
	.uk-hidden-desktop {
		display: none !important;
	}
}
#home-upcoming>div:nth-child(2) {
    width: 33.5%;
    margin-right: 3%;
}
#home-upcoming>div {
    display: inline-block;
    float: left;
    border: 0px solid green;
    text-align: left;
}
#upcoming{margin-top:10px;    box-shadow: 0px 7px 13px 0px #00000060; }
#upcoming a{color: white !important; text-decoration: none;    line-height: 1.3em;}

.wrap-upcoming-box {
    display: table;
    width: 100%;
    height: auto;
    background: #4d4d4d;
/*    padding: 2.5% 0 0 0;*/
}
.upcoming-box>header {
    margin-bottom: 0%;
    font-size: 55px;
    font-weight: 600;
    line-height: 41px;
    font-family: 'rsu';
    color: #474747;
}
.upcoming-item {
    display: table;
    width: 100%;
    min-height: 50px;
    overflow: hidden;
}

.upcoming-item:nth-child(1){background-color: #353535;}
.upcoming-item:nth-child(2){background-color: #191919;}
.upcoming-item:nth-child(3){background-color: #353535;}
.upcoming-item .cover {
    width: 31%;
    display: block;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	margin:8px;
}
.upcoming-item>div {
    float: left;
}
.upcoming-item .title {
    width: 57%;
	margin-top:10px;
    margin-left: 4%;
    height: 100px;
    overflow: hidden;
}
.upcoming-item .title .spartist{font-size: 1.3em;}
.upcoming-item .title .spdetail{font-size: 0.9em;}
.upcoming-item .title .date-1{font-size: 0.8em;}
.uk-modal.uk-open {
    opacity: 1;
}
.uk-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

#gamesprizes {
    display: table;
    width: 100%;
    max-width: 1200px;
    margin: 50px auto 100px auto;
}
#gamesprizes>img {
    max-width: 100%;
}
#gamesprizes>div>iframe {
    display: inline-block;
    width: 260px;
    height: 216px;
    margin: 0 3px;
}	
#gamesprizes>div>iframe:nth-child(1) {
    display: inline-block;
    width: 300px;
    height: 250px;
    margin: 0 3px;
}
#desktop-footer .panel{background-color:#d0d0d0;padding:15px;border-radius:15px;overflow:hidden;border:3px solid #dbdbdb;position:relative; }
#desktop-footer .panel>div{position:relative;z-index:2}
#desktop-footer .panel>div h4{font-family:Helvethaica,sans-serif;font-size:20px;line-height:24px;margin-bottom:10px}
#desktop-footer .panel>div a{font-family:Helvethaica,sans-serif;line-height:1.2em;font-size:1.3em;display:block;border-radius:5px;padding:1px 3px;border:1px solid transparent;color:black}
#desktop-footer .panel>div a:hover{text-decoration:none;border:1px solid rgba(0,0,0,0.5)}
#desktop-footer .panel:after{content:"";width:700%;height:250%;border-radius:50%;position:absolute;background-color:#cacaca;top:-25%;left:0;z-index:1}
@media (min-width:960px){.uk-visible-small{display:none !important}.uk-visible-medium{display:none !important}.uk-hidden-large{display:none !important}}@media (min-width:768px) and (max-width:959px){.uk-visible-small{display:none !important}}
#MusicVideo .img{
    background-position: center center;
    background-size: cover;
}
#Gallery{ position: relative;height: 760px; }
#Gallery div{display: block;position: relative; /*margin-left: auto;*/ margin-right: auto;    }
#Gallery header{display: block; height: 40px;}
#Gallery>div:nth-child(1){width:850px; float: left;}
#Gallery>div:nth-child(2){width:300px;float: right;}
#Gallery .item{width: 420px;}
#Gallery>div:nth-child(2) .item{width: 100%;}
#Gallery>div:nth-child(1) .thumb{height: 330px;}
#Gallery>div:nth-child(2) .thumb{width: 300px; height: 171px;}
#Gallery .img{background-size: cover;}

#MusicVideo{ position: relative;height: 560px; }
/*#MusicVideo div{display: block;position: relative; margin-left: auto; margin-right: auto;    }*/
#MusicVideo header{display: block; height: 40px;}
#MusicVideo>div:nth-child(1){width:450px; float: left; }
#MusicVideo>div:nth-child(2){width:709px;float: right;}
#dvMainSection{display:grid; grid-template-columns:auto 27%;    margin-bottom: 20px;}
/*#dvMainSection{display:grid; grid-template-columns:44% auto 27%;    margin-bottom: 20px;}*/
#dvMainSection>div:nth-child(1){border-right: solid #000 1px;}
.ml-15{margin-right: -15px;}
.chkin{margin-top: 20px; margin-bottom: 25px;}
 .subsection{display: block; height: 40px;}
.news-list {
    width: 100%;
    margin: 0;
    padding: 5px;
    background-color: #FFFFFF;
    list-style: none;
	border: solid 1px #333333;
}
.music-video .img{    padding-bottom: 56%;}
.news-list li {
/*    margin-bottom: 17px;*/
    padding:3px;
    font-size: 1.6em;
    font-family: Helvethaica,sans-serif;
    line-height: 1.2em;
	background-color: #e3e3e3;
}
.news-list>li:nth-child(2n){background-color: #FFFFFF;}
.news-list li p {
	color:#000000;
    padding: 10px;
    padding-left: 0;
    margin: 0;
}
.uk-grid:before, .uk-grid:after {
    content: "";
    display: block;
    overflow: hidden;
}

.uk-grid-small {
    margin-left: -10px;
}
.uk-width-3-10 {
    width: 30%;
	float: left;
}
.uk-width-7-10 {
    width: 70%;
	float: right;
}

.spot-list {
    list-style: none;
    padding-left: 0px;
}
.subsection>div:nth-child(1){float: left; max-width: 79%;}
.subsection>div:nth-child(2){float: right;}

.top-5 ol {
    list-style: none;
    position: relative;
    counter-reset: rank;
    margin: 0;
    padding: 0;
}
.top-5 ol li {
    position: relative;
    padding-left: 100px;
	background-color: #353535;
	padding-top: 10px;
    padding-bottom: 10px;
}
.top-5 ol li:before {
    font-family: "Helvethaica-Bold",sans-serif;
    line-height: 1.2em;
    position: absolute;
    content: counter(rank);
    counter-increment: rank;
    font-size: 4em;
    color: #FFFFFF;
    left: 60px;
    top: 15px;
}
.top-5 h4{color:#FFFFFF;    margin-bottom: 15px;font-size:1rem;}
.link-plain *, .link-semi-plain *, .link-plain:hover *, .link-plain:active * {
/*    color: #333;*/
    text-decoration: none;
    transition: .2s;
}
.link-semi-plain:hover *, .link-semi-plain:active * {
    color: #eb1c23;
    text-decoration: none;
}
a[href="javascript:;"] *, a[href="javascript:;"]:hover *, a[href="javascript:;"]:active * {
    color: #ccc !important;
}
.font-0-9-em {
    font-size: .9em !important;
}
.font-title {
    font-family: "Helvethaica",sans-serif;
    line-height: 1.2em;
}
.font-1-5-em {
    font-size: 1.5em !important;
}
.top-5 ol li:nth-child(2n) {
    background-color: #4c4c4c;
}
.top-5 ol li.increase:after, .top-5 ol li.decrease:after, .top-5 ol li.new:after {
    font-family: FontAwesome;
    display: inline-block;
    font-weight: 300;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
/*    top: 5px;*/
	vertical-align: middle;
}
.top-5 ol li:after {
    font-family: FontAwesome;
    content: "\f068";
    color: #eb1c23;
    position: absolute;
    font-size: 3em;
    top: 20px;
    left: 15px;
}
.top-5 ol li.normal:after {
    font-family: FontAwesome;
    content: "\f068";
    font-size: xx-large;
}
.top-5 ol li.increase:after {
    content: "\f0d8";
}
.top-5 ol li.decrease:after {
    content: "\f0d7";
}
.top-5 ol li.new:after {
    content: "\f067";
    font-size: xx-large;
}
.uk-width-1-4 {
    width: 25%;
}
.info {
    border-left: 16px solid #eb1c23;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0 10px;
    background: #FFFFFF;
}
.info a{color:#000000;}
.ellipsis {
    display: block;
    width: 100%;
/*    white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 50px;
}
.thumb{    
	display: block !important;
/*    width: 420px;*/
    height: 286px;
    overflow: hidden;
}

.frontpage-item {
/*    margin: 0 -10px;*/
}

.item-wrapper {
    overflow: hidden;
}


#Gallery .img {
    background-position: top center;
    background-color: #000;
	background-size: contain;
	padding-bottom: 67%;
}
.img {
    background-position: center;
    background-color: #000;
	background-size: cover;
	padding-bottom: 56.25%;
}
.frontpage-item .img {
    position: relative;
    width: 420px;
    height: 0 !important;
    padding-bottom: 56.25%;
    background-size: cover;
    background-position: center center;
}

#member_info a ,#member_info p {
    text-decoration: none;
    color: #FFF !important;
}

@media (min-width: 1220px){
.frontpage-container .desktop-2-4 {
    width: 50%;
}
}
@media (min-width: 480px){
.item-set-2 .item {
    float: left;
    width: 100%;
    padding-bottom: 5px;
}
}
#main-footer-logo {
    height: 242px;
}
/*#main-footer {transform: scale(1.18);}*/


#news-postit{

}
#news-postit>header>img{
    max-width: 339px;
}
.news-postit-wrap{
    display: block;
    width: 100%;
    height: 360px;
    background: #4e4c4d;
    overflow: auto;
   	padding: 10px;
    margin: 3% auto 0 auto;
}
.news-postit-wrap .item{
	display: block;
    width: 100%;
     height: 111px; 
    overflow: hidden;
    background: #6d6d6d;
    margin: 1px;
    padding: 1px;
}
.news-postit-wrap .item div{
    float: left;
    display: block;
    border: 0px solid red;
}
.news-postit-wrap .item .img-cover{
    width: 32%;
    margin-right: 3%;
}
.news-postit-wrap .item .title{
    width: 65%;
    padding: 3% 0 2% 0;
    color: #FFF;
    /*font-family: 'rsu';*/
    font-weight: 300;
    font-size: 1.2em;
    line-height: 1.5em;
}
.img-cover {
    position: relative;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#ypwp .bg-ypwp figure {
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
	#ypwp .bg-ypwp figure:nth-child(1) {
    width: 65%;
    padding-top: 0.3%;
    padding-left: 3%;
}
	#ypwp .bg-ypwp figure:nth-child(2) {
    width: 33%;
    padding-top: 5%;
}

.video-thumb .img:hover:after {
    opacity: .95;
}

.video-thumb .img:after {
    content: "";
    background: transparent url(../images/play-button.png) 0 0 no-repeat;
    position: absolute;
    background-size: 100% auto;
    width: 60px;
    height: 42px;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -21px;
    opacity: .8;
}
	ul.music-video li a h3 {
	color: #FFFFFF;
    font-size: 1.3em;
	border-left: 16px solid #eb1c23;
    padding: 0 10px;
/*
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,0.8);
    color: white;
    font-size: 1.6em;
    text-align: center;
    padding: 0 .2em;
    left: 0;
    right: 5px;
    bottom: 5px;
    transition: .2s;
    font-family: Helvethaica-Thin,sans-serif;
    line-height: 1.2em;
*/
}
@media (min-width: 786px){
ul.music-video {
    position: relative;
    height: 520px;
    right: -5px;
    margin: 0;
    padding: 7px;
    list-style: none;
}
	ul.music-video li {
    width: 50%;
    float: left;
	margin-bottom: auto;
    margin-top: 10px;
}

	ul.music-video li a {
    display: block;
    position: relative;
    padding-right: 5px;
    padding-bottom: 5px;
}
	ul.music-video li a .img, ul.music-video li a img {
    width: 100%;
}

	ul.music-video li:first-child:after {
    content: "Recommend";
    font-size: 1.6em;
    padding: 0 10px;
    color: white;
    background-color: #eb1c23;
    position: absolute;
    bottom: 8.5em;
    left: -3px;
    font-family: Helvethaica,sans-serif;
    line-height: 1.2em;
}
    
}


#gallery_inserted_ads{
	display: none;
	position:  absolute;
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 0px solid red;
	background-color: rgba(0, 0, 0, 0.75);
}
#gallery_inserted_ads>div{
	display: table;
    border: 0px solid green;
    margin: 100px auto;
	position: relative;
	/*background: #FFF;*/
}
#gallery_inserted_ads>div>span{
	color: #FFF;
    position: absolute;
	z-index: 999999;
    top: -35px;
	right: 0;
    font-size: 1.5em;
    line-height: 1em;
    border: 1px solid #FFF;
    padding: 2px 10px 0px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
@media screen and (max-width: 640px) and (min-width: 0px){
#content_home iframe, #content_home img, #logo-sponser img {
    max-width: 100%;
}
}

@media (max-width: 767px){
	.header, .footer {
	    box-sizing: border-box;
	    width: 100%;
	    left: 0;
	    position: fixed!important;
	}
	.header {
	    top: 0;
	}
	.navbar-header {
	    height: 42px;
	    background: #000;
	    padding: 0 0 0 12px;
	    position: relative;
	    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5), inset 0 0 0 2px rgba(255,255,255,0.075), 0 2px 3px 0 rgba(0,0,0,0.35);
	    text-shadow: -1px -1px 0 rgba(0,0,0,1);
	    color: #fff;
	    font-size: 1.5em;
	    margin-left: 0!important;
	    margin-right: 0!important;
	    z-index: 1031;
	}
	.navbar {
	    display: none;
	}
	.navbar-header a {
	    color: #fff;
		z-index: 1;
	}
	.navbar-toggle {
	    position: relative;
	    float: left;
	    padding: 7px;
	    margin: 0;
	    background-color: transparent;
	    background-image: none;
	    border: 1px solid transparent;
	    width: 40px;
	}
	.navbar-header .icon-bar {
	    display: block;
	    width: 25px;
	    height: 3px;
	    border-radius: 1px;
	    background: #fff;
	}

	.width-medium-18-100 {
	    width: 18%;
	}
		.width-medium-17-100 {
	    width: 17%;
	}
	#leaderboard_a {
	    position: fixed;
	    z-index: 999999;
	    bottom: 0;
	    width: 100%;
	    background: #FFF;
	    border-top: 1px solid #CCC;
	    height: 50px;
	    margin: 0px;
	}
	#banner_Toppage_mobile{
		background-color: #292929;
		padding-top: 10px;
		padding-bottom: 12px;
		margin-top: -5px;
	}
    #large-slider .swiper-slide > a {padding-bottom: 65%;}
	#swiper_nav{display: block;position: relative;padding: 0;transform: scale(0.6);}
	#MusicVideo>div:nth-child(1) {
		width: 100% !important; 
		padding:5px;
	}
	.applebanner{margin-left: auto !important; margin-right: auto !important;}
    #Gallery,#HitNewRelease{height: auto !important;}
    #Gallery>div:nth-child(1) {
    	width: 100% !important;
	}
 #social-top {text-align: center;}    
    .margin-top{margin-top: 10px;}
    		#ypwp .bg-ypwp figure:nth-child(1) {
    		width: 100%;
		}
			section header {
/*			padding-top: 23%;*/
		}
        #dvMainSection{display: block;}

	#webcam, #contents {
    display: block;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-bottom: auto;
	padding-left: inherit; 
    background: unset;
}
	#dvTalkToDJ {
    display: block;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: auto;
	
}
			.dj_images{ width: 150%;margin-left: -22px; margin-top: -15px;}
		.dj_image{ width: 250%;margin-left: -63px;margin-top: -15px;}
	#livecam{display:block;height: 249px;overflow: hidden;    width: 300px;margin-left: auto;margin-right: auto;}
	#livecam iframe{    height: 228px;    width: 400px;    margin-left: -50px;}
	.talk-to-dj-panel {width: 100% !important; margin-top: 0 !important;}
	#webcam-right {
		padding-bottom: 20px;
	}
	#webcam-right>div:nth-child(1){display: block;    width: 300px;    margin-left: auto;    margin-right: auto;}
	#upcoming {margin-top: 0 !important; margin-bottom: 20px; padding: 10px 0 0 0; background-color: #202020;}
	#upcoming .upcoming-item{background-color: #191919;}
	#HitNewRelease>div:nth-child(1) {
    width: 100% !important;
    display: block !important;
    height: auto !important;
    padding: 5px !important;
}
    .item {
    width: 100% !important;
}
    #HitNewRelease .thumb2 {
            height: 236px !important;
    }
	#Gallery>div:nth-child(2) {    width: 100% !important;margin-top: 50px;}
    #Gallery>div:nth-child(2)>div {    padding-left: 15px;padding-right: 15px;
	}
    
    .frontpage-item .img {
        height: 0 !important;
        padding-bottom: 66.25% !important;
        width: 100% !important;
    }
    #Gallery>div:nth-child(1) .thumb {
    height: 279px !important;
}
    #Gallery div {
    margin-left: auto !important;
    margin-right: auto !important;
}
	#HitzKaraoke,#HitzCheckIn, #HitzArtistFocus,#HitzOneTakeOnly,#HitNewRelease{    display: inline;
    height: auto !important;
    padding: 10px;}
	#MusicVideo>div:nth-child(2) {
			width: 100% !important;    margin-top: 20px;
		}
    #HitzKaraoke>div>div:nth-child(1){padding-left: 20px;padding-right: 20px;}
	.music-video{ background-color: white;padding: 5px;}
	ul.music-video li{		padding-bottom: 20px;background-color: #353535;	}
	#contents_l{width: 100% !important;  margin-left: 0 !important; margin-top: 10px !important;padding-left: 5px !important;padding-right: 5px !important;}
	.dj-list{display: grid; grid-template-columns: 50% 50% !important; align-items: baseline;}
	.dj_profile{    font-size: 1em !important;
    font-weight: bold;}
	
	.dj_showprofile>div:nth-child(2){padding-top: 30%;
    padding-bottom: 30%;
    padding-left: 20px;
    text-align: left;
    font-size:unset !important;}
	.dj_showprofile{ height: 181px !important; }
	.dvVideos{grid-template-columns: auto !important;}
	.dvVideos .titles{font-size:x-small;}
	.gameprize{grid-template-columns: auto !important;}
    iframe>msb h4{font-size: 1em !important;}
    
    #Gallery>div:nth-child(2) .thumb2{height: 245px}

	.content-wrap{ margin-top: -30px;}
	.wrapper .container{
	width: auto;
/*    background-color: #FFFFFF;*/
/*    box-shadow: 0px -10px 15px #aaaaaa;*/
}
	.navbar-fixed-top {
	background: url(../images/bg-topnav-mobile2.png) no-repeat;
	background-position: bottom center;
}
.container{padding:0;margin:0}
.wrapper{background:#FFF; overflow: hidden;}
	.chat-box {
    height: 401px;
}
    .cam-badge2 {
    font-family: Helvethaica,sans-serif;
    line-height: 1.2em;
    padding-left: 5px;
    /* background-color: rgba(0,0,0,0.8); */
    color: white;
    font-size: 1.6em;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    width: 40px;
}
/*    .news-container{position:relative;width:100%;height:0;padding-bottom:0;margin-top: -20px !important;padding-top: 0;}*/
}
@media (min-width:768px and max-width: 1260px) {
.wrapper{width:1260px}
}