.mobileMainMenu li {
    background: url(/turf/common/images/nav-bg.jpg) #022169;
    background-repeat: repeat-x;
    color: #FFF;
    text-decoration: none;
    line-height: 25px!important;
    text-align: center;
	font-size: 15px;
}

#mainNav-en-mobile:not( .mm-menu ) {
    display: none;
}
.nav.nav-level-1.dropdown li[class^="topmenu-li-"], #mobileHeadMenu {
	background:#022169;
}

/*home-slider.css*/
#spotlightContainer{
	min-height:279px !important;
}
#latestNewsContainer .latestNewsContainerBg{
        margin-top: 100px;
}
@media (max-width: 1199px){
#latestNewsContainer .latestNewsContainerBg{
        margin-top: 80px;
}
#spotlightContainer{
	min-height:279px !important;
}
}
@media (max-width: 991px){
#latestNewsContainer .latestNewsContainerBg{
        margin-top: 64px;
}
#spotlightContainer{
	min-height:250px !important;
}
}
@media (max-width: 768px) and (min-width: 768px){
#spotlightContainer{
    margin-top:-328px;
}
#latestNewsContainer .latestNewsContainerBg {
    margin-top: 52px;
}
}
@media (max-width: 767px){
#latestNewsContainer .latestNewsContainerBg{
        margin-top: 0px;
}
}


/*home-spotlight.css*/
    #spotlight{
        max-width: 229px;
        margin-bottom: 10px;
		position: absolute;
    }
	#spotlight #bannerPromo a{
		display: inline-block;
	}
	@media (max-width: 991px){
		#spotlight{
			max-width: 201px !important;
		}
	}
    .spotlightFrame{
        background:url('/common/images/spotlight_bg.png') no-repeat;
        padding: 5px 6px 5px 7px;
    }
    .spotlightFrame .row{
        margin:0px;
        padding-bottom: 0px;
    }
    .spotlightFrame .row > div{
        padding:0px;
    }
    .spotlightTab .spotlightBtn{
        padding:0px;
        cursor:pointer;
    }
    .spotlightTab .spotlightBtn img{
        visibility:hidden;
    }
    
    #spotlightBtn-spotlight{
        background:url('/common/english/images/spotlight/eventbtn2_spotlight_h.gif') no-repeat;
        background-size:100%;
    }
    #spotlightBtn-spotlight:hover{
        background:url('/common/english/images/spotlight/eventbtn2_spotlight.gif') no-repeat;
        background-size:100%;
    }
    #spotlightBtn-spotlight.active, #spotlightBtn-spotlight.active:hover{
        background:url('/common/english/images/spotlight/eventbtn2_spotlight_o.gif') no-repeat;
        background-size:100%;
    }
    #spotlightBtn-coming{
        background:url('/common/english/images/spotlight/eventbtn2_coming_h.gif') no-repeat;
        background-size:100%;
    }
    #spotlightBtn-coming:hover{
        background:url('/common/english/images/spotlight/eventbtn2_coming.gif') no-repeat;
        background-size:100%;
    }
    #spotlightBtn-coming.active, #spotlightBtn-coming.active:hover{
        background:url('/common/english/images/spotlight/eventbtn2_coming_o.gif') no-repeat;
        background-size:100%;
    }
    .spotlightContent{
        min-height:200px;
    }


    .mobileSpotlightBg.bannerPromoBg{
        visibility: visible;
        background-size:auto 100%;
		background-position:center;
        background-repeat: no-repeat;
    }
    .mobileSpotlightBg.bannerPromoBg a{
        display: block;
    }        
    .mobileSpotlightBg.bannerPromoBg img{
        visibility: hidden;
    }



.spotlightComingEvent{
    overflow: hidden;
}
.comingEventContainer {
	font-family:  sans-serif, Arial, Helvetica, Geneva;
	font-size:11px;
	line-height: 11px;
	margin: 0px;
	background-color:#FFF;
    width: 100%;
    height: 224px;
    overflow: hidden;	
}
.comingEventContainer p {
	font-size:11px;
	line-height:normal;
}
.comingEventContainer ul { list-style-type:none; margin: 0px; padding: 0px;  }

.comingEventContainer li { float:left; }
 
.comingEventContainer .event {
    width: 100%;
    height:224px;
    margin: 0px;
    padding: 0px;
    border:0px solid #e4e4e4;
    border-top-style:none;

}
 .comingEventContainer .event iframe {
	 	float:left;
		
	
 }
 
/* ====================== coming event menu =====================*/
  .comingEventContainer .comingeventarea {
	width: 100%;
	height: 224px;
	margin: 0px;
	position: relative;
	left: 0px;
  }
  
  .comingEventContainer .eventitems {
	  width: 100%;	
      height: 100%;
  }
  
   .comingEventContainer .eventitems a:link {
	color: #15296e;
	text-decoration:none;
	font-weight:bold;
}

  .comingEventContainer .eventitems a:visited {
	  	color: #15296e;
	  	text-decoration:none;
			font-weight:bold;
}

  .comingEventContainer .eventitems a:hover {
	color: #15296e;
	text-decoration:underline;	 
}



  .comingEventContainer .eventcolume {
	 height: 25%;
	 padding: 8px 5px 2px 5px;
	 border-bottom:1px solid #d6d6d6; 
	 border-left:1px solid #d6d6d6;
	 border-right:1px solid #d6d6d6;
	 background:#fff; 
	 cursor:pointer;
             background: rgba(251,251,251,1);
        background: -moz-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(246,245,246,1) 48%, rgba(241,241,241,1) 89%, rgba(240,239,239,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,251,1)), color-stop(48%, rgba(246,245,246,1)), color-stop(89%, rgba(241,241,241,1)), color-stop(100%, rgba(240,239,239,1)));
        background: -webkit-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(246,245,246,1) 48%, rgba(241,241,241,1) 89%, rgba(240,239,239,1) 100%);
        background: -o-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(246,245,246,1) 48%, rgba(241,241,241,1) 89%, rgba(240,239,239,1) 100%);
        background: -ms-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(246,245,246,1) 48%, rgba(241,241,241,1) 89%, rgba(240,239,239,1) 100%);
        background: linear-gradient(to bottom, rgba(251,251,251,1) 0%, rgba(246,245,246,1) 48%, rgba(241,241,241,1) 89%, rgba(240,239,239,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f0efef', GradientType=0 );
  }

 .eventcolume .view_more{
    position: absolute;
    right: 10px;
    margin-top: 15px;
 }
 .eventdetailcontentwrapper .view_back{
    position: relative;
    display: block;
    top: 50%;
 }


.eventdetailcontentwrapper .view_back:before {    
    display: inline-block;
    content: "\f0a8";
    font-family: FontAwesome;
    position: relative;
    bottom: 0;
    color: #0C2677;
    margin: 0 3px 0 3px;
}

 .comingEventContainer .eventlist {
	 padding-top:0px; 
 }


.comingEventContainer ul.eventitemul {
	 font-size:11px;
	line-height: 14px;
	  color: #858585;
	 padding: 0px 0px 0px 0px;
	 margin-left: 0px;
	 margin-bottom: 1px;	
 }
 
 
.comingEventContainer li.eventitem {
	 width: 100%;
padding-left: 0px;
font-size:11px;
 }
 
.comingEventContainer li.eventitem a{
	 display: block;
	 padding-right: 16px;
	 
 }
 
.comingEventContainer .date {
		width: 100%;
		position:relative;
		font-size: 10px;
	   color: #666666;
		 line-height:10px;
		 text-align:left;
		 padding-top:1px;
	}


/* ====================== coming event detail =====================*/
.comingEventContainer .eventdetailcolume, .comingEventContainer .eventdetailcolume_1, .comingEventContainer .eventdetailcolume_2, .comingEventContainer .eventdetailcolume_3, .comingEventContainer .eventdetailcolume_4 {
    position: absolute;
    top:0px;
    left: 216px;
    width: 100%;
    height: 100%;
    padding: 5px 5px 5px 5px;
    border-bottom:1px solid #d6d6d6;
    border-left:1px solid #d6d6d6;
    border-right:1px solid #d6d6d6;
    background:#fff;  
}
  
  
.comingEventContainer .eventdetailcontent {
	 padding:0px;
 }
  
 .comingEventContainer .eventdetailcontent h1{
		font-size:11px;
		line-height:14px;
	    font-weight:bold;
		color: #15296e;
		margin: 10px 0px 0px 0px;	
	}

.comingEventContainer .eventdetailcontent .eventdetailcontentwrapper {
	width:100%;
	padding-top:0px;
	margin-top:6px;
	position:relative;
	
}
.comingEventContainer .eventdetailcontent .eventdetailcontentwrapper .backlink{
	height:150px;
	width: 14px;
	position: absolute;
	cursor:pointer;
}
	
.comingEventContainer .eventdetailcontent .eventdetailcontentwrapper .backlink:hover {
	background: #ddd;
}

.comingEventContainer .eventdetailcontent .eventdetailcontentwrapper .context{
	width:183px;
	float:right;
}
.comingEventContainer .eventdetailcontent .eventdetailcontentwrapper .context img{
    width:auto !important;
    height:auto !important;
}
#spotlight .comingEventContainer .eventdetailcontent .eventdetailcontentwrapper .context img{
    width:60px !important;
    height:50px !important;
}
.comingEventContainer .eventdetailcontent p{
		padding-top:0px;
		color:#868082;
		font-size:11px;
		line-height:15px;
	}
			
.comingEventContainer .eventdetailcontent_more{
        font-size: 11px;
        color: #15296e;
        position: absolute;
        top: 138px;
        right: 5px;
        font-weight: normal;
        line-height: 15px;
        text-decoration: none;
	}
	
.comingEventContainer .eventdetailcontent_more a:hover{
		text-decoration:underline;
	}
	 
.comingEventContainer .eventdetailcontent img{
		margin-right:5px;
		margin-top:3px;
	}

@media screen and (max-width: 1199px){
    #spotlightContainer{
        margin-right: 32px;
    }
}
@media screen and (max-width: 991px){
    #spotlightContainer{
        margin-right: 0px;
    }
    #spotlight #bannerPromo img {
        width: 100%;
        height: auto;
    }
    #spotlight .spotlightFrame {
        background-size: 100%;
        padding: 4px 12px 7px 7px;
    }
    #spotlight .comingEventContainer{
        height: 195px;
    }
    #spotlight .comingEventContainer .comingeventarea{
        height: 195px;
    }
    #spotlight .comingEventContainer .eventdetailcontent .eventdetailcontentwrapper .context{
        width: auto;
    }
    #spotlight .comingEventContainer .eventdetailcontent h1{
        margin: 0px;
    }
    #spotlight .comingEventContainer .eventdetailcontent_more{
        top: auto;
    }
    #spotlight .comingEventContainer .eventdetailcontent .eventdetailcontentwrapper .backlink:hover {
        background: none;
    }
    #spotlight .comingEventContainer .eventdetailcontent p{
        line-height: 12px;
    }
    #spotlight .eventdetailcontentwrapper .view_back {
        top: 85%;
    }
}
@media screen and (max-width: 767px) {
    .mobileSpotlightBox{
        overflow:hidden;
    }
    .mobileSpotlight .comingEventContainer{
        -webkit-text-size-adjust: none;
        height: auto;
    }
    .mobileSpotlight .comingEventContainer .comingeventarea{
        height: auto;
    }
    .mobileSpotlight .comingEventContainer .eventcolume{
        height: auto;
        min-height: 60px;
        padding-bottom: 10px;
        border-left: 0px solid #d6d6d6;
        border-right: 0px solid #d6d6d6;

    }
    .mobileSpotlight .comingEventContainer .eventlist{
        margin-left: 10px;
    }
    .mobileSpotlight .comingEventContainer li.eventitem{
         width: 100% !important;
         padding-right: 30px;
    }
    .mobileSpotlight .comingEventContainer .eventitems a {
        font-size: 14px;
        line-height: 1.2em;
    }
    .mobileSpotlight .comingEventContainer .eventlist .date {
        font-size: 12px;
        line-height: 1.6em;
    }
    .mobileSpotlight .comingEventContainer .eventcolume .view_more{
        margin-top: 20px;
        right: 15px;
    }
    .mobileSpotlight .comingEventContainer .view_more:before{
        font-size: 24px;
    }

    .mobileSpotlight .comingEventContainer .eventdetailcolume, .mobileSpotlight .comingEventContainer .eventdetailcolume_1, .mobileSpotlight .comingEventContainer .eventdetailcolume_2, .mobileSpotlight .comingEventContainer .eventdetailcolume_3, .mobileSpotlight .comingEventContainer .eventdetailcolume_4 {
        border-left: 0px solid #d6d6d6;
        border-right: 0px solid #d6d6d6;
        height: 100%;
        padding: 5px 15px;
        background: rgba(251,251,251,1);
        background: -moz-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(246,245,246,1) 48%, rgba(241,241,241,1) 89%, rgba(240,239,239,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,251,1)), color-stop(48%, rgba(246,245,246,1)), color-stop(89%, rgba(241,241,241,1)), color-stop(100%, rgba(240,239,239,1)));
        background: -webkit-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(246,245,246,1) 48%, rgba(241,241,241,1) 89%, rgba(240,239,239,1) 100%);
        background: -o-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(246,245,246,1) 48%, rgba(241,241,241,1) 89%, rgba(240,239,239,1) 100%);
        background: -ms-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(246,245,246,1) 48%, rgba(241,241,241,1) 89%, rgba(240,239,239,1) 100%);
        background: linear-gradient(to bottom, rgba(251,251,251,1) 0%, rgba(246,245,246,1) 48%, rgba(241,241,241,1) 89%, rgba(240,239,239,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f0efef', GradientType=0 );
    }

    .mobileSpotlight .comingEventContainer .eventdetailcontent h1{
        font-size: 14px;
        line-height: 1.2em;
        margin-bottom: 2px;
    }
    .mobileSpotlight .comingEventContainer .date{
        font-size: 12px;
        line-height: 1.6em;
    }
    .mobileSpotlight .comingEventContainer .eventdetailcontent .eventdetailcontentwrapper .backlink:hover {
	    background: none;
    }
    .mobileSpotlight .comingEventContainer .eventdetailcontentwrapper .view_back:before{
        font-size: 24px;
    }
    .mobileSpotlight .comingEventContainer .eventdetailcontent .eventdetailcontentwrapper .context{
        width:100%;
    }
    .mobileSpotlight .comingEventContainer .eventdetailcontent .eventdetailcontentwrapper .context img{
        width:18% !important;
    }
    .mobileSpotlight .comingEventContainer .eventdetailcontent p {
        font-size: 14px;
        line-height: 1.2em;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .mobileSpotlight .comingEventContainer .eventdetailcontent .eventdetailcontentwrapper .backlink{
        position:relative;
        height: 30px;
        width: 30px;
    }
    .mobileSpotlight .comingEventContainer .eventdetailcontentwrapper .view_back{
        top:100%;
    }
    .mobileSpotlight .comingEventContainer .eventdetailcontent_more {
        font-size: 14px;
    }
}
@media screen and (max-width: 480px){
    .mobileSpotlight .comingEventContainer .eventdetailcontent .eventdetailcontentwrapper .context img{
        width:30% !important;
    }
}