@charset "utf-8";
@font-face {
        font-family: 'supermarketRegular';
         src: url('http://www.job-108.com/templates/bootstrap/font/supermarket.eot');
         src: url('http://www.job-108.com/templates/bootstrap/font/supermarket.eot#iefix') format('embedded-opentype'),
              url('http://www.job-108.com/templates/bootstrap/font/supermarket.woff') format('woff'),
              url('http://www.job-108.com/templates/bootstrap/font/supermarket.ttf') format('truetype');
			  font-weight: normal;
              font-style: normal;
		 }
h1{font-size: 20px; padding:0; margin:0;}		 
@media (min-width: 1024px) { 
body{
	font-size:13px;
	-webkit-font-smoothing: antialiased;
	background-color:#FFF;
}
.container {width:990px;margin-left:auto;margin-right:auto;zoom:1;} 
.form-control{ width:340px;} 
.addthisx{display:none;}
.maincontentweb{width:100%;}
}
@media (max-width: 768px){
	body{
	
	font-family: tahoma, Verdana, Geneva, Sans-serif;
	font-size:14px;
	background-color:#FFF;
	
}
    .container {width:98%;} 
	.form-control{ width:90%;}aside{display:none;}.comment_box{display:none;}.jobs {
	font-family:'supermarketRegular'; 
	background: url(http://www.job-108.com/templates/bootstrap/img/tab_current.png) no-repeat 100% center; 	
	float: left;	
	font-size: 16px; 
	color: #FFF; 
	height:35px;  
	padding-top:15px; 
	padding-left:10px; 
	padding-right:20px; 
	white-space: nowrap;
	overflow:hidden;text-overflow: ellipsis;text-overflow: '...?';}
	#myCarousel{display:none;}
	.maincontentweb{width:100%; margin:0 auto;background-color:#FFF; margin-bottom:20px; padding-bottom:20px; padding-top:5px;}
}
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
  padding-top:0px;
}
.navbar-default .navbar-brand {
	width:170px;
    color:#000;
	font-size:22px;
	font-family:'supermarketRegular'; 
	-webkit-font-smoothing: antialiased;



}

.navbar-default .navbar-brand span{
    color:#F90000;
	font-size:24px;
	font-family:'supermarketRegular'; 
	-webkit-font-smoothing: antialiased;
}
.navbar-default .navbar-brand img{
	margin-bottom:3px;
	margin-left:2px;
	margin-right:2px;
	border:0
}
.navbar-default .navbar-brand a{white-space:nowrap;}
.navbar-default .navbar-brand element {overflow:hidden;}
/*
.navbar-inverse{  
  background-color:#404040;
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#404040), to(#000000));
  background-image:-webkit-linear-gradient(top, #404040, #000000);
  background-image:-o-linear-gradient(top, #404040, #000000);
  background-image:linear-gradient(to bottom, #404040, #000000);
  background-image:-moz-linear-gradient(top, #404040, #333333);
  background-repeat:repeat-x;
  filter:progid:dximagetransform.microsoft.gradient(startColorstr='#404040', endColorstr='#000000', GradientType=0);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);
  color:#fefefe;
  }

.navbar-inverse{
	background-color:#800000;
	
	}
*/
.govjovbg{
  padding:10px;
  background-color:#0080C0;
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0080C0), to(#036));
  background-image:-webkit-linear-gradient(top, #0080C0, #036);
  background-image:-o-linear-gradient(top, #0080C0, #036);
  background-image:linear-gradient(to bottom, #0080C0, #036);
  background-image:-moz-linear-gradient(top, #0080C0, #036);
  background-repeat:repeat-x;
  filter:progid:dximagetransform.microsoft.gradient(startColorstr='#0080C0', endColorstr='#036', GradientType=0);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);
  color:#0080C0;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
	}	
.govjovbg a{ color:#FFF;}	
.tag{
  padding:10px;
  background-color:#FC0;
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#FC0), to(#FF8000));
  background-image:-webkit-linear-gradient(top, #FC0, #FF8000);
  background-image:-o-linear-gradient(top, #FC0, #FF8000);
  background-image:linear-gradient(to bottom, #FC0, #FF8000);
  background-image:-moz-linear-gradient(top, #FC0, #FF8000);
  background-repeat:repeat-x;
  filter:progid:dximagetransform.microsoft.gradient(startColorstr='#FC0', endColorstr='#FC0', GradientType=0);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);
  color:#FF8000;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
	}	
.tag a{ color:#FFF;}		
.school{
  padding:10px;
  background-color:#FCC;
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#FCC), to(#F0F));
  background-image:-webkit-linear-gradient(top, #FCC, #F0F);
  background-image:-o-linear-gradient(top, #FCC, #F0F);
  background-image:linear-gradient(to bottom, #FCC, #F0F);
  background-image:-moz-linear-gradient(top, #FCC, #F0F);
  background-repeat:repeat-x;
  filter:progid:dximagetransform.microsoft.gradient(startColorstr='#FCC', endColorstr='#F0F', GradientType=0);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);
  color:#F0F;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
	}	
.school a{ color:#FFF;}
.bank{
  padding:10px;
  background-color:#008000;
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#008000), to(#060));
  background-image:-webkit-linear-gradient(top, #008000, #060);
  background-image:-o-linear-gradient(top, #008000, #060);
  background-image:linear-gradient(to bottom, #008000, #060);
  background-image:-moz-linear-gradient(top, #008000, #060);
  background-repeat:repeat-x;
  filter:progid:dximagetransform.microsoft.gradient(startColorstr='#008000', endColorstr='#060', GradientType=0);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);
  color:#008000;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
	}	
.bank a{ color:#FFF;}	
.container {
  padding-left: 20px;
  padding-right: 0px;
}
 img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }

h4 {
  margin-top: 5px;
}
.row {
  margin-bottom: 10px;
}
.row {
  margin-right: 10px;
}
.row .row {
  margin-top: 0;
  margin-bottom: 3px;
}

/* Wrapper for page content to push down footer */
.maincontentweb {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}
#footer {
  height: auto;
  background-color: #f5f5f5;
  border-top:solid 2px #666;
}
#footer > .container {
  padding-top:2px;
  
}
.nav-tabs-justified{background-color: #f5f5f5;}
.list-group-item{ border:solid 1px #00468C; background-color:#BFEBFF;}
#wrap > .container {
  padding: 60px 15px 0;
}
.container .credit {
  margin: 20px 0;
}
.panel-title{font-family:'supermarketRegular'; font-size:18px; margin:0; padding:0;}

article{

    overflow:hidden;text-overflow: ellipsis;text-overflow: '...?';
}
.well{white-space: wrap;overflow:hidden;text-overflow: ellipsis;text-overflow: '...?';}

.barx{width:100%;font-family:'supermarketRegular'; background-image:url(http://www.job-108.com/templates/bootstrap/img/sub-nav-bg.png); margin-bottom:10px; height:36px; text-align:left; border:solid 1px #EBEBEB;}
.jobs {
	font-family:'supermarketRegular'; 
	background: url(http://www.job-108.com/templates/bootstrap/img/tab_current.png) no-repeat 100% center; 	
	float: left;	
	font-size: 16px; 
	color: #FFF; 
	height:35px;  
	padding-top:5px; 
	padding-left:10px; 
	padding-right:20px; 
	white-space: nowrap;
	overflow:hidden;text-overflow: ellipsis;text-overflow: '...?';}
[class*="col-"] { padding-left:10px; padding-right:10px;}

.menu_bar{font-family:'supermarketRegular'; background:url(http://www.job-108.com/templates/bootstrap/img/tab_current.png) no-repeat 100% center; 	float: left;font-size: 18px; color: #FFF; height:35px;  padding-top:3px; padding-left:10px; padding-right:20px;}


.menuhot {
	font-family:'supermarketRegular'; 
	background: url(http://www.job-108.com/templates/bootstrap/images/bar1.png) no-repeat 100% center; 	
	float: left;	
	font-size: 16px; 
	color: #FFF; 
	height:35px;  
	padding-top:5px; 
	padding-left:10px; 
	padding-right:20px; 
	overflow:hidden;text-overflow: ellipsis;text-overflow: '...?';}
.menuschool{
	font-family:'supermarketRegular'; 
	background: url(http://www.job-108.com/templates/bootstrap/images/tab_current5.png) no-repeat 100% center; 	
	float: left;	
	font-size: 16px; 
	color: #FFF; 
	height:35px;  
	padding-top:5px; 
	padding-left:10px; 
	padding-right:20px; 
	overflow:hidden;text-overflow: ellipsis;text-overflow: '...?';}
.menu_gov{
	font-family:'supermarketRegular'; 
	background: url(http://www.job-108.com/templates/bootstrap/images/tab_current3.png) no-repeat 100% center; 	
	float: left;	
	font-size: 16px; 
	color: #FFF; 
	height:35px;  
	padding-top:5px; 
	padding-left:10px; 
	padding-right:20px; 
	overflow:hidden;text-overflow: ellipsis;text-overflow: '...?';}
.menu_gov2{
	font-family:'supermarketRegular'; 
	background: url(http://www.job-108.com/templates/bootstrap/images/tab_current2.png) no-repeat 100% center; 	
	float: left;	
	font-size: 16px; 
	color: #FFF; 
	height:35px;  
	padding-top:5px; 
	padding-left:10px; 
	padding-right:20px; 
	overflow:hidden;text-overflow: ellipsis;text-overflow: '...?';}			
.menu_bar span{ color:#FF6600; font-size: 16px; padding-left:2px; padding-right:2px;}


.media{ display:block; border-bottom:dotted 1px #EFEFEF; padding-bottom:1px; padding-left:1px; padding-right:1px;}


.row_tr{ border-bottom: dotted 1px #F0F0F0;}
iframe{border: 0px none;border-collapse: separate; width:100%;}
.calendar{ width:100%;}
.calendar_2{ width:299px;}
.headdotline{ background-color:#FFCCFF; color:#000;}
.calendarHeader {font-weight: bolder;}
.calendarToday {	background-color: #FF8000;	font-weight: bold;}
.nav_menu{display:block; color:#0066CC; width:728px; padding-left:10px; padding-bottom:10px; padding-top:0px;font-size:18px; font-weight:bold;margin-bottom:10px;}
.nav_menu a{ color:#0000FF;}
.calendar_2{ width:323px;}
.dotline{margin:0 auto; padding-top:2px; padding-bottom:2px; border-bottom: 1px dashed #EAEAEA; text-align:center;}
.useronline{ width:auto;}
.topic{overflow:hidden;overflow: hidden;text-overflow: ellipsis;text-overflow: '...?';}
.topic img{max-width:730px; min-width:12px;}


.nav-tabs-justified a:hover{color:#FFF;background: url(http://www.job-108.com/templates/bootstrap/images/tab_current.png) no-repeat 100% center;}
.tag_cloud12 { padding: 3px; text-decoration: none; }
.tag_cloud12:link  {color: #333333;}
.tag_cloud13 { padding: 3px; text-decoration: none; }
.tag_cloud13:link  {color:#FFCC66;}
.tag_cloud14 { padding: 3px; text-decoration: none; }
.tag_cloud14:link  {color: #9966FF;}
.tag_cloud15 { padding: 3px; text-decoration: none; }
.tag_cloud15:link  {color:#CC33CC;}
.tag_cloud16 { padding: 3px; text-decoration: none; }
.tag_cloud16:link  {color: #993300;}
.tag_cloud17 { padding: 3px; text-decoration: none; }
.tag_cloud17:link  {color: #0066FF;}
.tag_cloud18 { padding: 3px; text-decoration: none; }
.tag_cloud18:link  {color:#FF0000;}

.item{   
    text-align: center;
    height:200px !important;
}

.carousel-control{width:0;}

.date-label {
  background: #f5f5f5;
  display: inline-block;
  width: 45px;
  height: 45px;
  text-align: center;
  font-size: 13px;
  margin-right:10px;
}
.date-label .month {
  background: #6091ba;
  color: #fff;
  display: block;
  font-size: 13px;
  text-transform: uppercase;
}
.date-label .date-number {
  clear: left;
  display: block;
  padding-top: 5px;
  font-size: 15px;
  font-family: 'open sans', arial, sans-serif;
  font-weight: 500;
}

/*Page (Features)
------------------------------------*/
/*Thumbnail*/
a.thumbnail {
	padding: 0;
	border: none;
	margin-bottom: 15px;
}

.thumbnail-style { 
	padding: 5px;
	margin-bottom: 20px; height:300px;

}
.thumbnail-style:hover { 
	box-shadow: 0 0 8px #ddd; 
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.thumbnail-style h3 {
	margin: 5px 0 0 0;
}
.thumbnail-style h3 a {
	font-size: 16px;
}
.thumbnail-style h3 a:hover {
	color: #72c02c;
	text-decoration: none;
}
.thumbnail-style .thumbnail-img {
	position: relative;
	margin-bottom: 10px;
}
.thumbnail-style a.btn-more {
	right: -10px;
	bottom: 10px;
	color: #fff;
	padding: 1px 6px;
	position: absolute;
	background: #72c02c;
	display: inline-block; 
}
.thumbnail-style a.btn-more:hover {
	text-decoration: none;
	box-shadow: 0 0 0 2px #377500;
}
.thumbnail-style:hover a.btn-more {
	right: 10px;
}

.thumbnail-kenburn img {
	left: 10px;
	margin-left: -10px;
	position: relative;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.thumbnail-kenburn:hover img {
   -webkit-transform: scale(1.2) rotate(2deg);
   -moz-transform: scale(1.2) rotate(2deg);
   -o-transform: scale(1.2) rotate(2deg);
   -ms-transform: scale(1.2) rotate(2deg);
   transform: scale(1.2) rotate(2deg);
}
.overflow-hidden {
	display: block;
	white-space: wrap;
    overflow:hidden;overflow: hidden;text-overflow: ellipsis;text-overflow: '...?';
	height:73px !important;
	padding-bottom:10px !important;
	margin-bottom:5px !important;
	
}
a.overflow-hidden:hover,
a.overflow-hidden:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.overflow-hidden.active,
.overflow-hidden.active:hover,
.overflow-hidden.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.overflow-hidden.active .overflow-hidden-heading,
.overflow-hidden.active:hover .overflow-hidden-heading,
.overflow-hidden.active:focus .overflow-hidden-heading {
  color: inherit;
}

.overflow-hidden.active .overflow-hidden-text,
.overflow-hidden.active:hover .overflow-hidden-text,
.overflow-hidden.active:focus .overflow-hidden-text {
  color: #e1edf7;
}
.overflow-hidden2 {
	display: block;
	white-space: wrap;
    overflow:hidden;overflow: hidden;text-overflow: ellipsis;text-overflow: '...?';
	height:20px !important;
	
}  
a.overflow-hidden2:hover,
a.overflow-hidden2:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.overflow-hidden2.active,
.overflow-hidden2.active:hover,
.overflow-hidden2.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.overflow-hidden2.active .overflow-hidden2-heading,
.overflow-hidden2.active:hover .overflow-hidden2-heading,
.overflow-hidden2.active:focus .overflow-hidden2-heading {
  color: inherit;
}

.overflow-hidden2.active .overflow-hidden2-text,
.overflow-hidden2.active:hover .overflow-hidden2-text,
.overflow-hidden2.active:focus .overflow-hidden2-text {
  color: #e1edf7;
}

.border_left{ border:dotted 1px #F4F4F4;}
.border_right{ border:dotted 1px #F4F4F4;}
.menubar{
.border:1px solid #999999;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc;
}
@media only screen and (max-width: 767px) {
.fb-comments{width: 98% !important;}
.fb-comments iframe[style]{width: 98% !important;}
.fb-like-box{width: 98% !important;}
.fb-like-box iframe[style]{width: 98% !important;}
.fb-comments span{width: 98% !important;}
.fb-comments iframe span[style]{width: 98% !important;}
.fb-like-box span{width: 98% !important;}
.fb-like-box iframe span[style]{width: 98% !important;} }