@import url('/fonts/HelvethaicaMon/stylesheet.css');
#warning{
	position:relative;
	top:0px;
	width:100%;
	height:100%;
	background-color: #F5DA81;
	margin-top:0px;
	padding:6px;
	border-bottom:solid 4px #D8D8D8;
	color: #000;
	text-align: center;
}
#warning h4{
	color: #000;
}
#warning a{
	color: royalblue;
}

body,html {
	font-family: db_helvethaicamon_x55_regular;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 24px;
}
.mini p{
	font-size: .8em;
	line-height: 1.2em;
}

#zoneheader{
	padding-top: 12px;
}


body{
	background-color:#fff;
}
.container{
	background-color:#fff;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
  color: #faaf38;
  background-color: #f7f7f7;
}
.navbar{
	margin-bottom: 12px;
}
.navbar-default{
	border: none;
	border-radius: 0;
}
.navbar-toggle {
  float: left;
  margin-left: 15px;
}
.nav-pills>li>a{
	margin: 5px 2px;
	color:#333;
	background-color: #f7f7f7;
	font-size: 1em;
	border-radius: 1px;
	padding: 8px 0;
}
.navbar-right{
	margin-top: 12px;
	margin-right: 2px;
}
@media (min-width: 768px) and (max-width: 991px){
	.nav-pills>li>a{
		font-size: .7em
	}
}
.pills2>li>a{
	margin: 5px 2px;
	color:#333;
	background-color: #e4e4e4;
	font-size: 1em;
	border-radius: 1px;
	text-align: center;
	padding: 8px;
}
@media (min-width: 0px) and (max-width: 991px){
	.pills2>li>a{
		font-size: .7em;
	}
}


.rez>p, .rez>a,{
	font-size: .5em;
	padding: 0;
}
@media (min-width: 0px) and (max-width: 1024px){
	.rez>p, .rez>a,  .rez>small{
		font-size: .5em;
		line-height: .5em;
	}
}
.logosize{
	width: 229px;
	height: 140px;
	padding-top: 15px;
	padding-left: 15px;
}
.logosize2{
	width: 125px;
	height: 140px;
	padding-top: 15px;
	padding-left: 15px;
}

/** hero bg **/
#hero{
	border-top: #fff solid 8px;
	border-bottom: #fff solid 8px;
}
.padding0{
	padding: 0;
}
.icon-bar{
	background-color: black;
	border-color: black;
	border-radius: 9px;
}
.sponsor{

}
.sphov{
	cursor: pointer;
	display: inline;
	width: 150px;
    height: auto;
    margin-right: 2%;
    padding: 0;

}
.sphov2{
	cursor: pointer;
	display: inline;
	width: 230px;
    height: auto;
    margin-right: 2%;
    padding: 0;

}
@media (min-width: 431px) and (max-width: 950px){
	.sphov{
		width: 120px!important;
	    height: auto;
	    margin-left: 2%;
	}
}
@media (min-width: 0px) and (max-width: 430px){
	.sphov{
		width: 60px!important;
	    height: auto;
	    margin-left: 4%;
	}
}
.sphover1{
	content: url('../images/sp1w.png') no-repeat;
}
.sphover1:hover{
	content: url('../images/sp1.png') no-repeat;
}
.sphover2{
	content: url('../images/sp2w.png') no-repeat;
}
.sphover2:hover{
	content: url('../images/sp2.png') no-repeat;
}
.sphover3{
	content: url('../images/sp3w.png') no-repeat;
}
.sphover3:hover{
	content: url('../images/sp3.png') no-repeat;
}

article{
	margin: 2% auto;
}
.zonefooter{
	padding: 1% 7%;
	color: #333;
	background: #c3c3c3;
}
.zonefooter a{
	color: #428bca;
	text-decoration: none
}
.zonefooter a:hover{
	color: white;
	text-decoration: none
}
span{
	color: #fbb034;
}

.isoc{
	display: block;
	position: relative;
	float: right;
	cursor: pointer;
	margin: 0 5px 5px 0;
}
@media (min-width: 0px) and (max-width: 991px){
	.isoc{
		margin-top: -30px;
		margin-bottom: 5px;
	}
}

.isocial1{
	content: url('../images/ifb1.png') no-repeat;

}
.isocial1:hover{
	content: url('../images/ifb2.png') no-repeat;
}
.isocial2{
	content: url('../images/itw1.png') no-repeat;
}
.isocial2:hover{
	content: url('../images/itw2.png') no-repeat;
}
.isocial3{
	content: url('../images/iyt1.png') no-repeat;
}
.isocial3:hover{
	content: url('../images/iyt2.png') no-repeat;
}
.isocial4{
	content: url('../images/irs1.png') no-repeat;
}
.isocial4:hover{
	content: url('../images/irs2.png') no-repeat;
}

.waterm{
	padding: 0;
	margin-top: 0;
}

/*@media (min-width: 991px){
	span i{
		margin-left: 8%;
	}
}*/

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

.tabloid{
	font-size: 1.5em;
	font-weight: 700;
	padding: 5px 0 5px 15px;
	background-color: rgb(0,0,10);
	color: white;
	border-top: #fbb034 solid 8px;
}

.nodec a{
	text-decoration: none;
	color: #555;
}
.nodec a:hover{



}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #fbb034;
}
.nav-tabs > li > a{
	color: #555;
	font-weight: 700;
  border-bottom: 1px solid #fbb034;
}
.nav-tabs > li > a:hover {
  border-color: #fbb034 #fbb034 #fbb034;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #fbb034;
  border: 1px solid #fbb034;
  border-bottom-color: transparent;
}
.ggmap{
	margin:0 0 3% 0 ;
}
.ggmap2{
	margin:3% 0 ;
}
.ggmap3{
	padding:1%;
}
.toleft{
	text-align:left;
}
thead{
	background-color: #fbb034;
	color: #333;
}
td[colspan]{

}
.orange1{
	background-color: #fbb034;
}
.orange2{
	background-color: #FFDCA4;
}
.blue1{
	background-color: #E3EEFB;
}
.colorblue1{color: #337AB7!important;}
.fonthi a{text-decoration: none;color: #333;}
#truehits_div{position:relative;z-index:60;text-align:center;bottom:19px;}

.btn-set-yellow-hover {
    background-color: #fdaf31;
    padding: 0 20px;
    font-size: 22px;
}

.btn-set {
    font-family: db_helvethaicamon_x55_regular;
    margin-bottom: 0;
    font-weight: 200;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0 12px;
    font-size: 18px !important;
    line-height: 1.42857143;
    border-radius: 40px;
    text-decoration: none !important;
}

 p { line-height: 24px ; margin:0}