/* kanit-regular - latin_latin-ext_thai */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: url('../dist/vendor/fonts/kanit-v3-latin_latin-ext_thai-regular.eot'); /* IE9 Compat Modes */
  src: local('Kanit Regular'), local('Kanit-Regular'),
       url('../dist/vendor/fonts/kanit-v3-latin_latin-ext_thai-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../dist/vendor/fonts/kanit-v3-latin_latin-ext_thai-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../dist/vendor/fonts/kanit-v3-latin_latin-ext_thai-regular.woff') format('woff'), /* Modern Browsers */
       url('../dist/vendor/fonts/kanit-v3-latin_latin-ext_thai-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../dist/vendor/fonts/kanit-v3-latin_latin-ext_thai-regular.svg#Kanit') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin_latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../dist/vendor/fonts/roboto-condensed-v16-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../dist/vendor/fonts/roboto-condensed-v16-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../dist/vendor/fonts/roboto-condensed-v16-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../dist/vendor/fonts/roboto-condensed-v16-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../dist/vendor/fonts/roboto-condensed-v16-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../dist/vendor/fonts/roboto-condensed-v16-latin_latin-ext-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

html, body {
	margin-top: 24px;
}

a:hover, a:focus, a:active {
	text-decoration : none;
}

.head-info {
	overflow: hidden;
	padding: 5px 7px;
	border-bottom: 2px solid #ffcc66;
	color: #0b4b4f;
	background-color: #fff;
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;

}

.cover-title-head {
	overflow: hidden;
	position: relative;
	margin: 7px 0;
	background-color: #fff;
}

.cover-title-head img {
	margin-right: 10px;
    width: 64px;
    height: 64px;
    vertical-align: top;
	float: left;
}

.cover-title-head .t_header_en {
	margin-bottom: 0;
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #003300;
}

.cover-title-head .t_header_th {
	margin-top: 0;
	font-family: "Kanit", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #003300;
}

.page-focus {
	margin-top: 16px;
}

.title-head-info {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
	font-family: "Kanit", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fa-1x {
	width: 1.15em;
	font-size: 1.25em;
}

.fa-1xx {
	width: 1.15em;
	font-size: 1.25em;
	text-align: center;
}

.fa-xxx {
	line-height: 1;
	width: 1.15em;
	font-size: 1.5em;
	text-align: center;
}

.no-margin {
	margin: 0;
	padding: 0;
}

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

.no-margin-bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}


/***** BEGIN Config Nav bar *****/

.navbar-default {
	border-radius: 0;
	border: none;
	background-color: #dff0d8;
}
.navbar-default .navbar-nav > li > a {
	color: #009999;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active {
	color: #003366;
	background-color: #c1e2b3;
}

/*@media (min-width: 768px) and (max-width: 991px) {*/
@media (min-width: 768px) {
	.navbar-header {
		/*float: none;
		background-color: transparent;*/
	}
	.navbar-left,.navbar-right {
		/*float: none !important;
		padding: 0;*/
	}
	.navbar-default .navbar-toggle {
		display: block;
		margin-left: 10px;
		margin-right: 0;
		float: left;
		border-width: 1px;
		background-color: #c1e2b3;
		border-color: #8FBC7C;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #006600;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #8FBC7C;
		border-color: #8FBC7C;
	}
	.navbar-default .navbar-collapse {
		padding-left: 10px;
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav > li {
		float: none;
	}
	.navbar-nav > li > a {
		float: left;
  		border: 1px solid #ddd;
		margin: 0 10px 10px 0;
		padding: 7px 12px;
		border-radius: 4px;
	}
	.collapse.in{
		display: block !important;
	}
	.navbar-default {
		border: none;
		padding: 0;
	}
	.navbar-default .navbar-brand {
		padding: 10px;
		font-size: 2.5em;
		color: #6EA358;
	}
	.navbar-default .navbar-nav > li > a {
		background-color: #fff;
	}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li > a:active {
		border: 1px solid #8FBC7C;
	}
}

@media (max-width:767px) {
  	.navbar-default .navbar-toggle {
		display: block;
		margin-left: 10px;
		margin-right: 0;
		float: left;
		border-width: 2px;
		background-color: #c1e2b3;
		border-color: #8FBC7C;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #006600;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #8FBC7C;
		border-color: #8FBC7C;
	}
	.navbar-default .navbar-brand {
		padding: 10px;
		font-size: 2.5em;
		color: #6EA358;
	}
	.navbar-default .navbar-nav > li > a {
		border-bottom: 1px solid #99cc99;
	}
	.cover-title-head img {
		margin-right: 10px;
		width: 50px;
		height: 50px;
		vertical-align: top;
		float: left;
	}
	.cover-title-head .t_header_en {
		font-size: 1em;
		line-height: 1em;
		overflow: hidden;
  		text-overflow: ellipsis;
		white-space: nowrap;
		display:block;
		text-transform: uppercase;
	}
	.cover-title-head .t_header_th {
		font-size: 1.25em;
		line-height: 1.25em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display:block;
	}
	.navbar-default .navbar-collapse {
		margin: 0 10px;
	}
	.navbar-nav > li {
		float: none;
		margin-bottom: 10px;
	}
	.navbar-nav > li > a {
  		border: 2px solid #8FBC7C;
		color: #55aaff;
		padding: 7px 12px;
		border-radius: 4px;
		background-color: #fff;
		text-align: center;
	}
	.title-head-info {
		font-size: 2em;
	}
}

/***** END Config Nav bar *****/



/***** BEGIN Config Masjid Menu *****/
.wrapper-menu {
	background-color: #222222;
	background-image: url('bg-chalkboard.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.wrapper-menu .cover-addr {
	overflow: hidden;
	margin: 5px;
	padding: 12px 0;
	color: #777;
	background-color: rgba(255, 255, 255, 0.9);
	border: 1px solid #fff;
}
.wrapper-menu .cover-addr .text-addr {
	margin-bottom: 0;
}
.wrapper-menu .cover-addr .text-addr-detail {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display:block;
	margin: 0;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 24px;
	color: #333;
}
.wrapper-menu .text-warp {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display:block;
	margin: 0;
	line-height: 24px;

}
.nav-pills > li {
	float: left;
	margin: 7px;
}
.nav-pills > li > a {
	border-radius: 4px;
	color: #eee;
	background-color: rgba(0, 0, 0, 0.5);
}
.nav-pills > li + li {
	margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
	background-color: rgba(255, 255, 255, 0.5);
	color: #003366;
	font-weight: 700;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
	background-color: rgba(255, 255, 255, 0.5);
	color: #003366;
	font-weight: 700;
}
@media (min-width: 768px) and (max-width: 991px) {
	.center-pills {
    	display: flex;
    	justify-content: center;
	}
}
@media (max-width:767px) {
	.nav-pills > li {
		float: none;
		margin: 7px;
		text-align: center;
		/*font-size: 1.25em;*/
		font-weight: 700;
	}
	.nav-pills > li > a {
		border: 2px solid #aaa;
		border-bottom: 1px solid #777;
	}
	.nav-pills > li + li {
		margin-left: 5px;
	}
	.center-pills {
		display: block;
		justify-content: none;
	}
}
/***** END Config Masjid Menu *****/



/***** BEGIN Committee CSS *****/
.txt-cover {
	margin: 16px 0;
	padding: 12px;
	color: #555;
	background-color: #fcfcfc;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #eee;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 3px;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
	box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
}
.wrapper-txt-title {
    margin: 32px 0;
}
.wrapper-txt-title-section {
	width: 100%;
	height: auto;
	padding: 12px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	border: 1px solid #fff;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	text-align: center;
}
.wrapper-txt-title-section:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	position: absolute;
	border-top-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}

.wrapper-txt-title.wrapper-txt-title-default { }
.wrapper-txt-title.wrapper-txt-title-default .wrapper-txt-title-section {
	border-color: #777;
	color: #555;
}
.wrapper-txt-title.wrapper-txt-title-default .wrapper-txt-title-section:after {
	border-top-color: #777;
	color: #555;
}

.wrapper-txt-title.wrapper-txt-title-green { }
.wrapper-txt-title.wrapper-txt-title-green .wrapper-txt-title-section {
	border-color: #339999;
	color: #0e6469;
	}
.wrapper-txt-title.wrapper-txt-title-green .wrapper-txt-title-section:after {
	border-top-color: #339999;
	color: #0e6469;
}

@media (max-width:767px) {
	/*.wrapper-txt-title {
   		 margin: 16px 0 0;
	}*/
}

.wrapper-comm {
	/*overflow: hidden;*/
	max-width: 400px;
	position: relative;
	margin: 0 auto;
}
.wrapper-comm .img-thumbnail {
	background-color: #337AB7;
	border-color: #337AB7;
}
.wrapper-comm .lb-name {
	overflow: hidden;
	position: absolute;
	width: 100%;
	letter-spacing: 1px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.75);
	left: 0;
	bottom: 0;
	text-align: center;
	margin: 0 auto;
	padding: 7px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.wrapper-comm .lb-name .lb-error {
	color: #ff6633;
}

.lb-position {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display:block;
  margin: 7px 0 32px 0;
  line-height: 125%;
  color: #006699;
}

@media (max-width:767px) {
	.wrapper-comm .lb-name {
		font-size: 1em;
		font-weight: 700;
	}
}
/***** END Committee CSS *****/



/* BEGIN Table CSS */

.table-striped > thead > tr > th {
	padding-top: 12px;
	/*background-color: #d9edf7;
	color: #31708f;*/
	background-color: #ddd;
	color: #555;
	vertical-align: middle;
	text-align: center;
}
.table-striped > tbody > tr > td {
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
}
.table-hover > tbody > tr > td {
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
}

.table {
	border: none!important;
}

/* END Table CSS */



/* BEGIN Thaihalal CSS */

.warpper_halal {
	position:relative;
	margin: 0;
	background: #fff;
}

.warpper_halal .halal-link {
	padding: 10px 0 5px 0;
	font-weight: 700;
}

.warpper_halal .halal-name {
	white-space: nowrap;
}

.warpper_halal .halal-img {
	width: 100px;
	margin: 0 7px 0 0;
	height: auto!important;
    vertical-align: top;
	float: left;
}

.warpper_halal .link-ico {
	position: absolute;
	left: 3px; top: 3px;
	text-align: right;
	margin: 0;
	padding: 3px;
	background: #fff;
	color: #ffa500;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
	z-index: 10;
}


.halal-txt-cover {
	overflow: hidden;
	margin: 32px 0 0 0;
}

.cover-halal-advert {
	overflow: hidden;
	margin: 0 0 32px 0;
	padding: 2px;
	background-color: #330000;
}

.wrapper-halal-advert {
	overflow: hidden;
	margin: 2px -13px;
	padding: 2px;
	background-color: #fcfcfc;
}

.wrapper-halal-advert img {
	width: 40%;
	margin-right: 7px;
	height: auto!important;
    vertical-align: top;
	float: left;
}

.wrapper-halal-advert .lb-name {
	overflow: hidden;
	/*white-space: nowrap;*/
	height: 40px;
	letter-spacing: 1px;
	line-height: 1.5;
	/*text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;*/
}

.wrapper-halal-advert .lb-info {
	overflow: hidden;
	position: absolute;
	top: 5px;
	right: 5px;
}

@media (min-width: 992px) and (max-width:1199px) {
.wrapper-halal-advert .lb-name {
	overflow: hidden;
	white-space: nowrap;
	height: auto;
	letter-spacing: 1px;
	line-height: 1.5;
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.wrapper-halal-advert .lb-name {
	overflow: hidden;
	height: 40px;
	letter-spacing: 1px;
	line-height: 1.5;
}
}

@media (min-width: 480px) and (max-width: 647px) {
.wrapper-halal-advert .lb-name {
	overflow: hidden;
	margin-top: 5px;
	height: 34px;
	letter-spacing: 1px;
	font-size: .83em;
	line-height: 1.5;
}
}

@media (max-width:767px) {
	.cover-halal-advert {
		margin: 0 -15px;
	}
}
@media (max-width:479px) {
.wrapper-halal-advert h5 {
	margin-top: 7px;
	font-size: .83em;
}
.wrapper-halal-advert .lb-name {
	overflow: hidden;
	white-space: nowrap;
	margin: 0;
	height: auto;
	letter-spacing: 1px;
	line-height: 1.5;
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

}
/* END Thaihalal CSS */



/* BEGIN Google Map CSS */
.map-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	margin:0;
}
/* END Google Map CSS */



/* BEGIN Event CSS */
.cover_event {
	position:relative;
	margin: 16px 0;
	border-bottom: 1px solid #ddd;
}

.wrapper_event {
	overflow: hidden;
	position:relative;
	margin: 12px 0 7px 0;
	background: #fff;
	z-index: 1;
}

.wrapper_event:hover {
	background: #f5f5f5;
}

.wrapper_event .topic-label {
	overflow: hidden;
	white-space: nowrap;
	line-height: 2.5;
	padding-left: 7px;
	margin: 0;
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.wrapper_event .txt-lb {
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.75;
	margin: 0;
	padding-left: 7px;
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.wrapper_event img {
	width: 120px;
    height: auto!important;
    vertical-align: top;
	float: left;
	padding: 2px;
	border: 1px solid #ddd;
  	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.wrapper_event .link-ico {
	position: absolute;
	right: 3px; top: 3px;
	text-align: right;
	margin: 0;
	padding: 3px;
	background: #fff;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
	z-index: 10;
}

.event-img-view {
	width: 100%;
    height: auto!important;
    vertical-align: top;
	/*float: left;*/
	margin-bottom: 16px;
	padding: 5px;
	border: 1px solid #ddd;
  	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
	background: #eee;
}

.event-img-thumb {
	position:relative;
	/*float: left;*/
	margin-bottom: 24px;
	padding: 2px;
	border: 1px solid #ddd;
  	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}

.event-img-thumb img {
	width: 100%;
    height: auto!important;
    vertical-align: top;
}

.event-img-thumb .zoom-ico {
	position: absolute;
	left: 0; top: 0;
	text-align: right;
	margin: 0;
	padding: 5px;
	background: #fff;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
	z-index: 10;
}

/* END Event CSS */


.img-banner {
	width: 100%;
    height: auto!important;
    vertical-align: top;
}