html {
	position: relative;
	min-height: 100%;
}
@font-face {
	font-family: 'Segoe Print';
	src: url('fonts/hinted-SegoePrint.eot');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe Print';
	src: local('Segoe Print'), local('SegoePrint'),  url('fonts/hinted-SegoePrint.ttf') format('truetype'),  url('fonts/hinted-SegoePrint.svg#SegoePrint') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Bookman Old Style';
    src: url('../fonts/BookmanOldStyle-BoldItalic_1.eot');
    src: url('../fonts/BookmanOldStyle-BoldItalic_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BookmanOldStyle-BoldItalic_1.woff2') format('woff2'),
        url('../fonts/BookmanOldStyle-BoldItalic_1.woff') format('woff'),
        url('../fonts/BookmanOldStyle-BoldItalic_1.ttf') format('truetype'),
        url('../fonts/BookmanOldStyle-BoldItalic_1.svg#BookmanOldStyle-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}


@font-face {
    font-family: 'Microsoft New Tai Lue';
    src: url('fonts/MicrosoftNewTaiLue.eot');
    src: url('MicrosoftNewTaiLue.eot?#iefix') format('embedded-opentype'),
        url('MicrosoftNewTaiLue.woff2') format('woff2'),
        url('MicrosoftNewTaiLue.woff') format('woff'),
        url('MicrosoftNewTaiLue.ttf') format('truetype'),
        url('MicrosoftNewTaiLue.svg#MicrosoftNewTaiLue') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {
	font-family: 'akrobat';
	font-weight: 200;
	padding-bottom: 60px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'akrobat';
	font-weight: 700;
}
th {
	text-align: center;
}
th, td {
	font-weight: 700;
	font-size: 14px;
	/*word-break: break-all;*/
	padding: 4px;
}
th + th {
	border-left: 1px solid #000;
}


.table-responsive {
	/*width: 1000px;*/
}
.table>thead>tr>th {
	vertical-align: middle;
}
.ad-hyperlink {
    display: block;
    text-align: center;
    width: 100%;
}
.ads-box a img {
    width: 100%;
}
.btn {
	border-radius: 40px;
}
.btn-lg {
	font-size: 20px;
	padding: 10px 15px;
}
@media only screen and (max-width: 376px) {
	.btn-lg {
		font-size: 17px;
	}	
}
.btn-red {
	background-color: #e0433b;
	color: #fff;
}
.btn-text-red {
	background-color: transparent;
	color: #e0433b;
	padding: 10px 32px;
}
.btn-red:hover {
	background-color: #cf4039;
}

.logo_image {
	width: auto;
	float: left;
	margin-left: 15px;
}
.logo_image {
	width: 70px;
	margin-left: 14px;
	height: 62px;
	background: url(../../img/livetunestonight_logo.png);
	background-repeat: no-repeat;
	margin: 12px 0px;
}
.open > .dropdown-menu {
	z-index: 99999;
}
p.logo-text{
  font-family: 'BookmanStd-MediumItalic';
  font-size: 45px;
  font-weight:bold;
  margin-bottom:0;
  line-height: 45px;
}

p.logo-bottom-text{
    font-family: 'MicrosoftNewTaiLue-Bold';
    font-size: 17px;
    margin: 3px 0 0;
}

.add-banner {
    width: 120px;
    float: left;
    margin-left: 20px;
    margin-top:5px;
    display:none;
}
.add-banner-main {
    width: 100%;
    height: 600px;
    background: #cc6600;
    margin-bottom:20px;
    text-align: center;
}
.add-banner-main h4{
    color:#fff;
    padding: 290px 0;
    
}

.search-form label,.search-form .dropdown-menu {
	font-size: 17px;
	font-weight: 700;
	color: #000;
}

.form-control,.btn-default,.bootstrap-select > .dropdown-toggle.bs-placeholder,.btn-default:hover{
	font-weight:700;
	color: #23527c;
	font-size:17px;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default{
	color: #23527c !important;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #23527c !important;
}

.main_box_style {
	background: #c6d9f1;
	border: 4px solid #1a181b;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	font-family: 'Segoe Print';
	font-style: italic;
	float: left;
	padding: 2px 20px;
	text-align: center;
	width: 100%;
	border-radius: 15px;
	color: #c00000;
	font-size: 48px;
}
.down_text {
	background: #fdeada;
	border: 2px solid #1a181b;
	margin-bottom: 0px;
	float: left;
	font-family: 'Segoe Print';
	padding: 5px 30px;
	text-align: center;
	width: 100%;
	font-size: 16px;
	border-radius: 5px;
	color: #000;
}
.style_new_nav li:first-child {
	margin-left: 0px;
}
.left_header_text {
    width: 75%;
    float: left;
}
.left_header_text.main-page-head {
	width: 68%;
	float: left;
	margin: 7px 0;
}
/*=== homepage ===*/
.welcome-div {
	float: left;
	width: 60%;
	background: #fffed6;
	border: 4px solid #000;
	padding: 6px;
	font-size: 16px; 
	font-weight: 700;
	line-height: 24px;
	min-height: 295px;
}
@media only screen and (max-width:768px){
	.welcome-div{
		display:none;
	}
}
.welcome-div p {
	margin: 0;
   text-align: center;
   font-weight: 700;
   color: #000;
   line-height: 28px;
   font-size: 18px;
}
.homelft-top {
	float: left;
	width: 100%;
}
.home-left-div {
	width: 80%;
	margin: 15px auto 0;
}
.pages-div {
	width: 90%;
	margin: 0 auto;
}
.home-quicksrch {
	float: right;
	width: 39%;
	background: #fffed6;
	border: 4px solid #000;
	padding: 0 6px 6px 6px;
	text-align: center;
    height: 295px;
}

.home-quicksrch button {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 18px;
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
}
.home-quicksrch h4 {
	margin: 0px auto 5px;
	font-size: 24px;
	text-align: center;
	/* float: none; */
	text-decoration: underline;
	color: #000;
	border: 0px solid #000;
	padding: 3px 15px;
	width: auto;
	text-decoration: none;
	display: inline-block;
}
.srchdetail {
	width: 100%;
	text-align: left;
	font-size: 16px;
	color: #000;
	position: relative;
}
.srchdetail label{
    font-size:18px;
}
.srchdetail p {
	float: left;
	width: 100%;
	margin: 0 0 0px;
	line-height: 21px;
	padding-right: 8px;
}
/*.style_new_nav li:nth-child(2) {
    opacity: 0.5;
    pointer-events: none;
}*/
#event_element_data_mobile
{
	display:none;
	position: absolute;
	background: #fffed6;
	margin-left: -8px;
	margin-right: -8px;
	padding: 6px 24px 7px 8px;
	border: 3px solid #000;
	top: 41px;
	z-index: 9;
}
#event_element_data_mobile .menu-icon{
	position:absolute;
	margin: 0 5px;
	right: 5px;
	top: 4px;
	cursor: pointer;
	display:none;
}
#event_element_data_mobile .menu-icon i{
	font-size: 23px;
}

#event_element_data{
	display: block;
}

#event_element_data .link {
	font-size: 16px;
	font-weight: 700;
}

#event_element_data .menu-icon{
	display: none;
}
.srchdetail p label {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	float: left;
	width: 26%;
}
.srchdetail p span {
	font-size: 16px;
    color: #000;
    font-weight: 700;
    text-align: left !important;
    float: right;
    width: 74%;
}
.srchdetail p span.name {
	background: #fff;
	border: 1px solid #000;
	padding: 3px 10px;
	width: 67%;
	float: left;
}
.homelft-btm {
	float: left;
	width: 100%;
	margin-top: 20px;
}
.home-event-img {
    float: left;
    width: 34%;
}
.home-event-detail {
    float: right;
    width: 65%;
    margin-bottom: 5px;
}
.event-image {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
.event-image li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
	height:187px;
	overflow:hidden;
}
.event-image img {
	width: 100%;
	/*height: 190px;
	padding: 0px 8px 0 0px;*/
}
.event-list li {
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 15px;
}
@media only screen and (max-width: 376px) {
	.event-list li {
		margin-bottom: 5px;
	}	
}
.event-list {
	width: 100%;
	list-style: none;
	padding: 0;
	margin:0;
}
@media only screen and (max-width: 376px) {
	.event-list{
		margin-bottom: 10px;
	}		
}	
.event-list li a {
	float: left;
	width: 28%;
	background: #ffff99;
	border: 4px solid #000;
	padding: 14px 2px;
	border-radius: 8px;
	color: #000;
	font-size: 22px;
	font-weight: 800;
	text-align: center;
	line-height: 20px;
	opacity: 1;
	min-height: 56px;
	margin-top: 0;
	position: absolute;
	left: 2px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	vertical-align: middle;
	align-items: center;
	display: flex;
	text-align: center;
	justify-content: center;
}

.home-event-img .row > div, .btm-event-list .row > div{
	padding: 10px;
}
.other-adv-list img,
.btm-event-list img {
	width: 100%;
	/*height: 190px;*/
	/*padding: 0px 16px 0 8px;*/
	/*margin-bottom: 23px;*/
}

.other-adv-list img{
	height: auto;
	padding: 0px;
	margin-bottom: 15px;
}

.event-list li p {
	background: #ffff99;
	border: 3px solid #000;
	float: right;
	width: 68%;
	padding: 5px 18px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	color: #000;
	line-height: 24px;
	margin-bottom: 0;
	display: flex;
    align-items: center;
    vertical-align: middle;
    line-height: 24px;
    min-height: 88px;
	justify-content: center;
}

@media screen and (max-width: 768px) and (orientation: landscape)  {
	.event-list li p {
		font-size: 16px;
	}	
}
.event-list li a.artists {
	background-color: #b8cde4;
	border-color: #000;
}
.event-list li p.artists {
    background: #b8cde4;
}

.event-list li a.musicevent {
	background: #c3d59b;
	border-color: #000;
}
.event-list li p.musicevent {
    background: #c3d59b;
}
.event-list li a.resources {
	background: #e6b8b8;
	border-color: #000;
}
.event-list li p.resources {
    background: #e6b8b8;
}
.event-list li a.liveevent {
	border-color: #000;
	background: #f9c090;
}
.event-list li p.liveevent {
    background: #f9c090;
}

.Note-box {
    background: #fffed6;
    border: 4px solid #000;
    padding: 0px;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    /*min-height: 303px;*/
    /*font-style: italic;*/
	cursor: pointer;
	position:relative;
	/*height: 330px;*/
	margin: 7px 0px 0 2px;
}

.Note-box-wrapper{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 65.25%; /* 16:9 Aspect Ratio */
}

.Note-box-mobile-dropdown-wrapper{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 65.25%; /* 16:9 Aspect Ratio */
}

.Note-box iframe,.Note-box img{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.Note-box img{
	object-fit: cover;
}


.Note-box .mobile-dropdown {
    width: 100%;
    border: 3px solid #000;
    padding: 0px;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    border-radius: 4px;
    position: absolute;
    top: 33px;
    left: 46%;
    margin-left: -46%;
    z-index: 1000;
	background: #fffed6;
	display: none;	
}

.Note-box p{
	text-align: center;
	font-weight: 700;
	color: #000;
	font-style: initial;
	font-size: 18px;
	margin-bottom:0;
	line-height: 28px;
}

.btm-event-list {
	float: left;
	width: 100%;
	margin-top: 2px;
	margin-left: 15px;
}
.btm-event-image {
    list-style: none;
    padding: 0;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.btm-event-image li:nth-child(2) {
    margin: 0 14px;
}
.btm-event-image li {
	float: left;
	width: 32%;
	/* margin: 0 2%; */
	height: 187px;
    overflow: hidden;
}
.btm-event-image li img {
	width: 100%;
	height: 187px;
	object-fit: fill;
}
.home-right-box {
	float: right;
	width: 18%;
	margin-top: 14px;
}

.event-image .img-list{
	/*margin-bottom: 23px;
	padding: 0 7px;*/
}
	
.add-box {
	border: 2px solid #000;
	background: #ebe7f1;
	padding: 20px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	line-height: 25px;
	min-height: 332px;
	margin-bottom: 20px;
}
.add-box.dark {
	background: #ccc1da;
}
@media (min-width: 1367px) {
.container-fluid {
	padding-left: 100px;
	padding-right: 100px;
}
}
footer {
	padding: 20px;
	background-color: rgba(32,32,32,.8);
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
footer p {
	margin-bottom: 0;
}
 [class="form-control"], .bootstrap-select .btn {
 border-radius: 0;
 box-shadow: none;
 height: 40px;
}
.bootstrap-select .btn {
	border-radius: 0px;
}
.container {
	max-width: 980px;
}
/*
navbar setting
------------------------------------------ */
header {
	background: #c5d9f0 !important;
	padding-bottom: 0px;
}
header .nav-main .navbar-nav{
    width:100%;
    text-align: center;
}
header .nav-main {
    background: #17375e;
}
header .nav-main li {
    float:none;
    display: inline-block;
}
header .nav-main li a {
    color: #fff !important;
    padding: 10px 14px;
    display: inline-block;
    height: auto;
}

/*header .nav-main li a:hover {
    text-decoration: underline;
}
*/

.active.orange.underline a {
    text-decoration: underline !important;
}

.custom-nav {
	background: none;
	border: none;
	border-radius: 0;
	height: auto;
	position: relative !important;
	margin-bottom: 0;
}
.custom-nav .page-name {
	background: none;
}
.custom-nav .navbar-brand {
	height: auto;
	padding: 20px 15px;
}
.custom-nav .navbar-nav > li > a, .custom-nav .navbar-nav > li > a:focus {
    font-weight: 700;
    font-size: 30px;
}
.custom-nav .navbar-nav > li > a:hover, .custom-nav .navbar-nav > li.active > a, .custom-nav .navbar-nav > li.active > a:hover {
	background-color: transparent;
	color: #fff;
}
 @media (max-width: 1095px) {
.custom-nav .navbar-header {
	width: 30%;
}
.custom-nav .navbar-brand {
	padding: 28px 15px;
}
.custom-nav .navbar-brand img {
	width: 100%;
}
/*.custom-nav .navbar-nav > li > a {
		font-size: 20px;
		color: #fff;
	}
	.btn-lg {
		font-size: 24px;
	    padding: 10px 32px;
	}*/
}
 @media (max-width: 767px) {
.custom-nav .navbar-header {
	width: auto;
}
.custom-nav .navbar-brand {
	width: 235px;
}
.navbar-toggle {
	margin-top: 20px;
}
.navbar-collapse {
	background-color: rgba(32,32,32,.8);
}
}
/*@media (min-width: 768px) {
	.navbar-nav>li>a {
	    padding: 30px 20px;
	}
}*/
.style_new_nav li a {
	height: 30px;
	line-height: 28px;
	font-size: 19px !important;
	/* font-family: 'Segoe Print'; */
	margin: 0px;
	color: #000 !important;
	border-radius: 5px;
	display: inline-block;
}
.navbar-nav > li > a {
	padding: 0px 12px;
}
/*
homepage banner setting
------------------------------------------ */

.mobile-menu{
	background: #375f92;
	margin:0 auto;
	width: 100%;	
}

.mobile-menu h3 {
	border-radius: 6px;
	font-size: 20px;
	font-style: italic;
	padding: 2px 0;
	color: #000;
    margin-top: 12px;
    margin-bottom: 0px;
	padding: 5px 9px 7px 0px;
	background-color:#fff;
	text-align: center;
	width: 75%;
	float:left;
	margin-left: 5%;
	text-decoration:underline;
	cursor: pointer;
}

.mobile-menu h3.welcome{
	font-size: 17px;
	border-radius: 0px;
	background-color:#fffed6;
	border: 2px solid #000;
	font-style: normal;
}

.mobile-menu h3.welcome2{
	font-size: 17px;
	background-color:#fffed6;
	border: 2px solid #000;
	font-style: normal;
	text-decoration: none;
}

.mobile-menu i{
	float: left;
	font-size: 25px;
	margin: 13px 0px 0 6px;
	border: 1px solid white;
	padding: 3px 8px;
	background-color: black;
	color: #fff;
	cursor: pointer;	
}

.mobile-dropdown {
    width: 90%;
	border: 4px solid #000;
    padding: 6px 6px 12px;
    text-align: center;
	margin: 0 auto;
	font-weight: bold;
	border-radius: 4px;
	position: absolute;
	top: 110px;
	left: 50%;
	margin-left: -46%;	
	z-index: 1000;
}

.mobile-dropdown .menu-title {
    width: 100%;
    border-radius: 5px;
    border: 2px solid #000;
	font-size: 20px;
	margin: 2px auto;
}

.mobile-dropdown-gold{
	background: #ffffff;
	display: none;
}

.mobile-dropdown-welcome{
	background: #fffed6;
	display: none;
}

.mobile-dropdown-gold .menu-title{
	background: #FFFF99;
}

.mobile-dropdown-live-bets,
.mobile-dropdown-white{
	background: #fff;
	display: none;
}

.mobile-dropdown-live-bets .menu-title,
.mobile-dropdown-welcome .menu-title, 
.mobile-dropdown-gold .menu-title,
.mobile-dropdown-white .menu-title {
    width: 88%;
    border-radius: 5px;
    border: 2px solid #000;
	font-size: 20px;
	margin: 0;
	float:left;
}

.mobile-dropdown-live-bets .menu-icon,
.mobile-dropdown-welcome .menu-icon,
.mobile-dropdown-gold .menu-icon,
.mobile-dropdown-white .menu-icon{
	float: right;
	padding: 3px 0px;
	width:12%;
}

.mobile-dropdown-live-bets .menu-icon i,
.mobile-dropdown-welcome .menu-icon i,
.mobile-dropdown-gold .menu-icon i,
.mobile-dropdown-white .menu-icon i{	
	font-size: 25px;
	border: 0px solid white;	
	color: #000;
	cursor: pointer;	
}

.mobile-dropdown-live-bets .menu-title,
.mobile-dropdown-welcome .menu-title{
	font-size: 19px;
	border: 0px solid #000;
}

.mobile-dropdown-live-bets .menu-icon,
.mobile-dropdown-welcome .menu-icon{
	padding: 0px;
}

.mobile-dropdown .list-group{
	margin:5px 0 0 0;
}	
.mobile-dropdown .list-group-item{
	background: none;
	border: 0px;
	padding: 2px;
	
}

.mobile-dropdown .list-group-item a{
	color: #000;
	font-size: 18px;
	text-decoration: underline;
}

.mobile-dropdown .list-group-item a:hover{
	text-decoration: none;
}

.mt2{
	margin-top: 2px;
}
.mt3{
	margin-top: 3px;
}
.mt4{
	margin-top: 4px;
}
.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt15{
	margin-top: 15px;
}
.mt20{
	margin-top: 20px;
}
.mr10{
	margin-right: 10px;
}
.mb2{
	margin-bottom: 0.2rem;
}
.mb3{
	margin-bottom: 2px;
}
.mb4{
	margin-bottom: 0.4rem;
}
.mb5{
	margin-bottom: 5px;
}
.mb20{
	margin-bottom: 20px;
}
.mb2-chrome{
	-webkit-margin-after : 2px
}
.mb5-chrome{
	-webkit-margin-after : 5px
}
.mb10-chrome{
	-webkit-margin-after : 10px
}
.pl0{
	padding-left: 0;
}
.layout-padding{
	padding-right: 40px;
}
.searhform-padding{
	padding-right: 0px;
}

.logo-link{
	color: #000;
}
.logo-link:hover{
	color: #000;
	text-decoration:none;
}
.page-name {
	color: #000;
	font-size: 40px;
	padding: 7px 0;
	background-color: #fff;
}
@media only screen and (max-width: 576px) {
	p.logo-text {
		font-size: 25px;
	}	
	.page-name {
		padding: 3px 0 0 0;
	}
	.navbar{
		min-height: 35px;
	}	
}	
.banner-home {
	background: #375f92;
	min-height: 200px;
	padding-top: 0px;
	padding-bottom: 10px;
}
.search-form {
    background-color: transparent;
    border-radius: 0px;
    border-radius: 5px;
    /*width: 358px;*/
    padding: 10px 0px 0 32px;
    margin-top: 0;
}
.search-box h1 {
	color: #000000;
	font-weight: 700;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 26px;
	border: 2px solid #000;
	padding: 4px 7px;
	border-radius: 8px;
	background: #fac090;
}
@media only screen and (max-width: 376px) {
	.search-box h1 {
		font-size: 20px;
	}		
}
.help-box h3 {
    border: 2px solid #000;
    border-radius: 6px;
    font-size: 20px;
    font-style: italic;
    padding: 2px 0;
    color: #000;
    margin-top: 0;
    margin-bottom: 2px;
}
.search-box {
    position: relative;
    margin-left: 0;
    background: #c2d69a;
	margin-top: 15px;
	margin-bottom: 15px;
}

.search-box label{
	font-size: 16px;
}

.search-box hr{
	border-top: 1px solid #eaeded;
	margin: 0px 0 9px;	
}

.search-box .form-control::placeholder {
    color: #23527c;
}

.search-box label span{
	font-size: 13px;
}

.search-box .search-form{
    /*width: 330px;
    padding: 10px 28px 5px;*/
}

.search-box input{
  height: 40px;
}

.right_content_box .help-box{
height: auto !important;
bottom: auto;
}
.right_content_box {
    float: left;
    width: 70%;
}
    
}

/*@media (max-width: 600px) {
	.search-form {
		width: auto;
	}
}*/

.search-form .btn-block {
	margin-top: 10px;
}
.detail {
	padding: 0 0;
	background: #375f92;
	padding-bottom: 10px;
}
/*
.help-box {
	padding-bottom: 20px;
	margin-left: 40px;
	background-color: #fff;
	border-radius: 0px;
	max-width: 507px;
	padding: 10px 10px 8px;/*margin-top: 55px;
}
*/

.help-box {
	margin-right: -15px;
	margin-top: 10px;
	background-color: #fff;
	border-radius: 5px;	
	padding: 10px 10px 8px;
	border: 2px solid #000;
}

.help-box p {
  font-size: 15.6px;
    font-weight: 600;
    line-height: 22px
    margin-bottom: 0; 
}
.help-box.artist-min {
    min-height: 250px;
}
.help-box.calender-min {
    min-height: 328px;
}
.help-box.liveevents {
    min-height: 416px;
}
.help-box.venue {
    min-height: 490px;
}

/*@media (min-width: 992px) {*/
.ads-box {
    width: 243px;
    position: initial;
    top: 0px;
    border-radius: 5px;
    background-color: transparent;
    padding: 0;
   /* max-height: 408vh;
    overflow: hidden;*/
    float: left;
    margin-top: 14px;
}
.ad-hyperlink {
    display: block;
    text-align: center;
    width: 100%;
    height: 243px;
    overflow: hidden;
}
.detail-box {
    width: 100%;
    /*min-height: 170vh;*/
    margin-left: 280px;
    padding: 0;
   /* max-height: 150vh;*/
    margin-left: 0;
    /*overflow: auto;*/
    margin-top: 10px;
    margin-left: 0;
}
/*
	.search-box {
		margin-left: 295px;
	}*/


/*}*/

/*@media (max-width: 1236px) {
	.help-box {
		display: none;
	}
}*/

@media only screen and (max-width: 576px) {
	.frm-input-right .dropdown-menu {
		left: 1px !important;
		width: 145px;
	}
	.frm-input-right-musicevent .dropdown-menu {
		left: -25px !important;
		width: 200px;
	}	
}	

@media only screen and (max-width: 376px) {
	.frm-music-type .dropdown-menu {
		left: -97px !important;
	}
	.frm-input-left .dropdown-menu {
		left: 0px !important;
		width: 145px;
	}	
	.frm-input-right .dropdown-menu {
		left: -25px !important;
		width: 145px;
	}
	.frm-input-right-musicevent .dropdown-menu {
		left: -75px !important;
		width: 200px;
	}	
}


.detail h2 {
	text-align: center;
}
.detail table {
	margin-bottom: 0;
	margin-top: 0px;
}
.table.detail-table tbody {
	background: #fff;
}
.table thead {
	background-color: #fbf506;
}
.table .comment {
	line-height: 21px;
}
td{
    font-size: 16px;
}
@media only screen and (max-width: 376px) {
	td{
		font-size: 1.3rem;
	}		
}	
.ui-dialog .ui-dialog-title {
    font-size: 19px !important;
}    
.ads-box .ad-hyperlink + .ad-hyperlink {
	margin-top: 20px;
	display: block;
}
a:focus {
	outline: thin dotted;
	outline: 0px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.web-links li a {
	color: #03275d;
	text-decoration: none !important;
	font-size: 19px;
	margin: 4px 0;
	float: left;
	width: 100%;
	font-weight: 600;
}

.web-links li {
	list-style: none;
}
.web-links {
	padding: 0 5px;
}
.table.detail-table {
	text-align: center
}
.detail-table th small {
	display: block;
	font-size: 12px;
}
.table .table.detail-table thead {
	background-color: #fbf506;
	border: 1px solid #000;
}
.table.detail-table thead th {
    border-bottom: 1px solid #000;
    border-left: 2px solid #000;
}
.table.detail-table th, .table.detail-table td {
	padding: 4px 4px;
}
.table.detail-table th {
	font-size: 16px;
	font-weight: 800;
}
.table.detail-table thead {
	background-color: #fffc8b;
	border: 2px solid #000;
}
a:focus {
	outline: none;
	outline: 0px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.search-box .btn.btn-success.btn-lg.btn-block {
	background: #00a040;
	border: 2px solid #000;
	color: #000;
	font-weight: bold;
	padding: 6px 3px;
	border-radius: 8px;
	margin-top: 5px;
}
.search-box .btn.btn-red.btn-lg.btn-block {
	background: #e0433b;
	border: 2px solid #000;
	color: #000;
	font-weight: bold;
	padding: 6px 3px;
	border-radius: 8px;
	margin-top: 5px;
}
.srchdetail .input.text input.mainEventpage {
    border: 1px solid #000;
    color: #000;
    padding: 2px 5px;
    font-weight: 700;
    font-size: 17px !important;
    line-height: 24px;
    width: 80%;
	margin-left: 10px;
}
.srchdetail input.mainEventpage::placeholder{color:#000; opacity:1;}
.srchdetail .input.text {
    /*float: right;*/
    width: 100%;
}
@media only screen and (max-width: 576px) {
	.srchdetail .input.text {
		padding-left: 19px;
	}
}
@media only screen and (max-width: 376px) {
	.srchdetail .input.text {
		padding-left: 3px;
	}
	.srchdetail .input.text input.mainEventpage {
		margin-left: 3px;
	}	
}
.ui-widget.ui-widget-content {
    border: 2px solid #000 !important;
    max-height: 300px !important;
    overflow-y: auto !important;
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #2d73b0 !important;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #343434;
	font-size: 17px;
	font-weight: 600;
}
@media only screen and (max-width: 576px) {
	
	.pagination{
	    margin: 20px 0 0;
	}
	
	.pagination > li > a, .pagination > li > span {
		font-size: 16px;
		padding: 6px 8px;
	}
	
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #9e9e9e !important;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	z-index: 2;
	color: #fff !important;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}

/*=== 28-3-2018 contact page ===*/
.banner-home.contact-main {
	background: #375f92;
}
.contact-page-content h1 {
	background: #95b3d7;
	text-align: center;
	border: 3px solid #000;
	border-radius: 6px;
	font-size: 26px;
	padding: 10px 10px;
	color: #000;
	/* margin: 0; */
}
.contact-page-content {
	width: 80%;
	margin: 0 auto;
}
@media only screen and (max-width: 576px) {
	.contact-page-content {
		width: 100%;
	}
}
.gradient-bg{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00000c+0,520040+40,d85511+75,fdb400+100 */
	background: #00000c; /* Old browsers */
	background: -moz-linear-gradient(top, #00000c 0%, #520040 40%, #d85511 75%, #fdb400 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00000c 0%,#520040 40%,#d85511 75%,#fdb400 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00000c 0%,#520040 40%,#d85511 75%,#fdb400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000c', endColorstr='#fdb400',GradientType=0 ); /* IE6-9 */
	float: left;
	width: 100%;
	padding:3px;
}
.whower {
	float: left;
	width: 100%;
	background: #f2dcdb;
	padding: 15px;
}
.whower h2 {
	font-size: 24px;
	margin-top: 0;
	float: left;
	width: 100%;
	text-align: center;
	font-style: italic;
	text-decoration: underline;
	color: #000;
}
.whower p {
    color: #000;
    font-weight: 400;
    line-height: 22px;
    margin: 10px 0 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 23px;
}
.whower.how-use-site {
	background: #b7dee8;
	border: 3px solid #000;
	margin-top: 25px;
	margin-bottom: 20px;
}
.whower.contact-info {
	float: none;
	width: 300px;
	text-align: center;
	margin: 20px auto 0;
	overflow: hidden;
	display: block;
	border: 3px solid #000;
	background: #fac090;
}
@media only screen and (max-width: 376px) {
	.whower.contact-info {
		width: 100%;
	}
}
.whower.contact-info p {
	font-weight: 600;
	line-height: 24px;
	font-weight: bold;
}
.contact-info a {
	float: left;
	width: 100%;
	color: #000;
}
.contact-info a.contact-email {
	color: #337ab7;
}
#back2Top {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	font-size: 22px;
	font-weight: 600;
	text-decoration: underline;
}

.inactive {
	opacity: 0.5;
	pointer-events: none;
}
.secondary-resource-type {
	-moz-appearance: none;
	background-color: #fff;
	background-image: url(../../img/dropdown.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	background-size: 8px 4px;
	padding-right: 25px;
	height: 40px;
}
.secondary-resource-type.active{
    color: #000;
    background-image: url(../../img/dropdown_blk.png);
}
.liveevnet.row {
	font-size: 21px;
	line-height: 34px;
}

.comment-note{
	position:relative;
	max-height: 46px;
	overflow: hidden;
}
.comment-note .dialog-more { 
  position: absolute; 
  bottom: 0px; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; 
  padding: 2.3% 0; 
  background-image: linear-gradient(to bottom, transparent, white);
}
@media only screen and (max-width: 576px) {
	.comment-note .dialog-more { 
		padding: 7.3% 0; 
	}	
}
@media only screen and (max-width: 376px) {
	.comment-note .dialog-more { 
	  /*background-image: none;*/
	}	
}

.dialog-box{
	border: 2px solid #000;
    padding: 6px;
    text-align: left;
	margin: 0 auto;
	font-weight: bold;
	border-radius: 8px;
	position: absolute;
	z-index: 1000;	
	background: #fff;	
}
@media only screen and (max-width: 376px) {
	.dialog-box { 
		width: 287px !important; 
	}	
}
.dialog-box p{
	overflow: auto;
	height: 180px;
	font-size:18px;
	padding: 0 5px;
}

.dialog-box .title {
    background: #7abcd2 !important;
	border: 1px solid #000 !important;
	width: 88%;
	font-size: 18px;
	line-height: 20px;
	color:  #000000;
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 4px;
    text-align: center;
	margin-bottom: 10px;
	float:left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dialog-box .close-icon {
    float: right;
    padding: 4px 6px; 
    border: 1px solid #000 !important;
	border-radius: 3px;
	background-color: #ff0000;
	text-align:center;
	cursor: pointer;
	font-size: 22px;
}

.dialog-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(22,37,57,0.2);
  z-index: 2;
  cursor: pointer;
}

.row.no-pad {
  margin-right:0;
  margin-left:0;
}
.row.no-pad > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}

/* music event mobile */
.mem-type-month{
	display:none;
}
/* music event desktop */	
.med-type-month{
	display:block;
}
@media only screen and (max-width: 576px) {
	/* music event mobile */
	.mem-type-month{
		display:block;
	}
	/* music event desktop */	
	.med-type-month{
		display:none;
	}	
	
} 

/** instruction detail **/

.instruction-detail h2{
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 0px;
	width: 100%;
	text-align: center;
	color: #000;	
	background-color: #ffff99;
	padding: 10px 0;
	border: 3px solid #000;
}

.instruction-detail .back2Top{	
	padding: 0px 10px;
	float: right;
	margin-right: 20px;
	background-color: #fff;	
	border: 1px solid #000;
	font-weight: 700;
	font-size: 17px;
	color: #226ABE;	
}

.instruction-detail-content{
	padding: 20px;
	background-color: #fffed6;
}

/*
*/
.pagination .disabled {
    display: inline;
}

/*
*/
.adv-sidebar{
	margin-top: 15px;
	padding:0;
}
@media only screen and (max-width: 576px) {
	.adv-sidebar{
		margin-top: 0px;
		padding:0;
	}	
}	

/*
*/
.search-box-pop-up{
    padding: 8px;
    text-align: left;
	margin: 0 auto;
	font-weight: bold;
	border-radius: 10px;
	position: absolute;
	z-index: 1000;	
	background: #E46C0A;
	text-align:center;
	line-height: 23px;
	color: #000;
}

.search-box-pop-up {
  animation: fadeEffect 0.5s; /* Fading effect takes 500 milisecond */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@media only screen and (max-width: 376px) {
	.search-box-pop-up { 
		/*width: 287px !important; */
	}	
}
.search-box-pop-up p{
	overflow: auto;
	height: 180px;
	font-size:18px;
	padding: 0 5px;
}

.search-box-pop-up::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 8px;
	border-style: solid;
	border-color: #E46C0A transparent transparent transparent;
  }

/*
.site-instruction-btn {
	bottom: 23px;
	right: 28px;
	position: fixed;
	z-index: 50;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #fff;
	font-size: 23px;
	display: flex;
	justify-content: center;
	align-items:center;	
	cursor: pointer;
} 

.site-instruction-btn a i{
	color: #333;
}
.site-instruction-btn a i:hover{
	color: #000;
}	
*/

.site-instruction-btn{
	border: 2px solid #000;
	padding: 4px 20px;
	border-radius: 6px;	
	color: #23527c;
}

.instruction-detail h2 a{
	color: #000;	
}
.instruction-detail h2 a:hover, .back2Top:hover{
	text-decoration: none;
}

.show-ad{
	display: none;
}

/* responsive media queries */ 

@media only screen and (max-width: 576px) {
	.searhform-padding {
		padding-right: 15px;
	}
	.layout-padding{
		padding-right: 11px;
		padding-left: 10px;
	}
}	

@media only screen and (min-height: 1366px) {
	
}

@media screen and (max-width: 992px) and (min-width: 767px) {
  /*.welcome-div,.home-quicksrch {
	width: 100%;
	min-height: auto;
	float: none;
  }	
  .home-quicksrch {
	margin-top: 15px;
  }*/
  .hide-ad{
	  display:none;
  }
}

/* laptop 1280 */
@media only screen and (min-width: 800px) {
	.btm-event-list .row{
		margin-right: -1px;
	}			
}

/* ipad pro 10.5 */
@media screen and (min-width: 769px) and (max-width: 992px)   {
	
}	
@media only screen and (max-width:992px){

	.Note-box {
		height: auto;
		margin-top: 0;
	}	
	.Note-box iframe{
		/*height: 200px;*/
	}
	
	.Note-box {
		width: 100%;
		text-decoration: underline;
	}
	
	.other-adv-list{
		padding: 0 10px;
		margin-bottom: 15px;
	}	
	.other-adv-list img{
		padding: 5px;
		margin-bottom: 0px;
	}
	.mobile-dropdown{
		top: 121px;
		width: 84%;
		margin-left: -43%;
	}
	.mobile-menu h3 {
		width: 80%;
		margin-left: 7%;			
	}

	.welcome-div {
		display: none;
	}
		
	.home-quicksrch {
		height: auto;
		position: relative;
		padding-bottom: 10px;
	}	
	
	.searhform-padding {
		padding-right: 15px;
	}

	/*.layout-padding{
		padding-right: 15px;
	}*/	

	.homelft-btm {
		margin-top: 10px;
	}
	.banner-home {
		padding-bottom: 20px;
	}	
	
	.home-left-div {
		width: 100%;
		margin: 15px auto 0;
	}	
	
	.welcome-div{
		float:none;
		width: 100%;
	}
	
	.home-quicksrch{
		float:none;
		width: 100%;
	}
	.home-event-img	{
		float:none;
		width: 100%;
		display:none;		
	}
	.home-event-detail{
		float:none;
		width: 100%;		
	}
	
	.event-image img{
		height: 110px;
	}
	
	#event_element_data, #event_element_data_dummy{
		display:none;
	}
	#event_element_data_mobile .menu-icon{
		display: block;
	}
	
	.btm-event-list {
		margin-left: 0px;
	}

	.event-list li a {
		left: 0px;
		font-size: 18px;
		padding: 9px 2px;
	}	
	
	.event-list li p {
		font-size: 16px;
		line-height: 18px;
		min-height: 65px;
		width: 69%;
		padding: 9px 6px;
		min-height: 65px;
	}	
	
	.row {
		margin-right: -10px;
		margin-left: -10px;
	}	
	
}

/* iphone 6,7,8 */
@media only screen and (min-height: 667px) {	
	
}	

/* iphone 6,7,8+ */
@media only screen and (min-height: 736px) {	
		
}	

/* iphone x */
@media only screen and (min-height: 812px) {

}	

@media only screen and (max-width:768px) {
	
	.mobile-menu h3.welcome {
		font-size: 16px;	
	}
	
	.home-quicksrch h4 {
		font-size: 21px;
	}
	
	.mobile-menu h3 {
		width: 85%;
		margin-left: 4%;
	}
	
	.mobile-dropdown {
		top: 100px;
	}
	
	.mobile-dropdown-live-bets .menu-title, .mobile-dropdown-welcome .menu-title {
		font-size: 18px;
	}	
	
	.col-ls{
		width: 33%;
		float:left;
	}			
	
	.mobile-dropdown {
		top: 121px;
	}		

}

@media only screen and (max-width:768px) and (orientation: landscape){
	.mobile-menu h3{
		width: 80%;
		margin-left: 6%;
	}
}	

/* ipad mini */
@media screen and (min-width: 768px) and (max-width: 799px)  {
	
}	


/* iphone 6,7,8+ Portrait */
@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: portrait) { 

	.mobile-menu h3 {
		width: 80%;
	}

	.mobile-dropdown {
		top: 100px;
	}	
}

@media screen and (max-width: 450px) {	

	.col-ls{
		width: 50%;
		float:left;
	}
}	

/* s9 */
@media screen and (max-width: 375px) {	

	.mobile-menu h3 {
		width: 82%;
		margin-left: 0%;
	}
	
	.Note-box p {
		font-size: 17px;
	}
	.Note-box p.content{
		font-size: 14px;
		line-height: 20px;
		color: #333;
		margin-bottom: 10px;
	}
	
	.homelft-btm {
		margin-top: 2px;
	}
	
	.event-list li {
		margin-bottom: 10px;
	}
	
	.Note-box-wrapper {
		padding-bottom: 0;
	}	
	
	.event-list li p {
		font-size: 15px;	
	}			
	
	.mobile-dropdown {
		top: 100px;
	}		
}	

/* iphone 5, se */
@media screen and (max-width: 320px) {
	
	.btm-event-list {
		margin-left: 0px;
	}
	
	.btm-event-list .row > div {
		padding: 8px;
	}
	.Note-box {
		margin-top: 2px;
	}
	
	.event-list li p {
		font-size: 14px;
	}	
		
}

/* Landscape */
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
	  	.mobile-dropdown {
		top: 100px;
	}
}