@charset "utf-8";
/* CSS Document */
.img-cover {
	object-fit: cover;
    width: 100%;
    height: 100%;
}
.img-contain {
	object-fit: contain;
    width: 100%;
    height: 100%;
}
.sponser,
.banner,
ins {
	display: block;
    text-align: center;
    overflow: hidden;
}
.sponser a,
.banner a,
ins a {
	display: inline-block;
}
.sponser img,
.banner img,
ins img {
	max-width: 100% !important;
	height: auto !important;
}
input::-webkit-input-placeholder {
	line-height: 1.8;
}
.form-control {
	box-shadow: none !important;
	-webkit-appearance: none;
}
.btn.loading:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8) url('../../img/loading2.gif') no-repeat center; }
body.loading:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	background: #fff url('../../img/loading.gif') no-repeat center;
	z-index: 99999;
}
body.loading {
	overflow: hidden;
}
* { font-family: Arial, 'Hanuman', sans-serif; font-size: 100%; }
.navbar { margin-bottom: 0px !important }
.my_container { max-width: 1060px !important; margin: 0px auto; }
a { color: #006190; }
.red, .text-red { color: #ff3500; }
.text-green, .green { color: #008c3d; }
.text-yellow, .yellow { color: #F08100;  }
.midle {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.wide {
    max-width: 100%;
}
.tall {
    max-height: 100%;
}

.clear_both { clear:both; }
li a { display: block; text-decoration: none !important; }
a:focus { outline: 0; }
.form-control-feedback { background-color: #fff; height: 32px !important; width: 32px  !important; top: 1px !important; right: 16px !important; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.bs-callout {
    padding: 10px 20px;
    margin: 20px 0px 0px;
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    border-color: #EEE;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 3px;
}
.bs-callout .title { color: #ee8001; }
.bs-callout-warning {
    border-left-color: #ee8001;
}


/*  header */
#header .header-bar {
	height: 60px;
}
#logo img {
    max-height: 61px;
}
#switch_template_bar { background-color: #FFFFD7; position: relative; }
#switch_template_bar a { padding: 10px; display: block; margin-right: 30px; font-size: 14px; }
#switch_template_bar  span { position: absolute; top: 0px; right: 0px; font-size: 12px; padding: 14px 10px; }
.user_profile {
	background-color: #fafafa;
	border-bottom: solid 1px #EEEEEE;
	overflow: hidden;
	padding: 35px 20px;
}
.user_profile i {
font-size: 18px;
vertical-align: top;
margin-left: 75px;
display: inline-block;}
.user_profile   .user_image {
border-radius: 50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
overflow: hidden;
display: inline-block;
width: 68px;
height: 68px;
position: absolute;
top: 16px;
left: 10px;
border: solid 1px rgba(0,0,0,0.1);
}

.user_profile  .user_image img:empty {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.user_profile  .user_image img {
    position: absolute;
    max-width: 130%;
    max-height: 130%;
    vertical-align: middle;
}
.logo .changeLang, .logo .changeLang * {
vertical-align: middle;
line-height: 4;
text-align: center;
	}
.logo .changeLang span {
color: rgb(255, 255, 255);
font-size: 14px;
font-weight: bold;


} 
.logo .changeLang {
padding: 3px 3px;
}
.logo .changeLang  img { border: 1px solid rgba(255, 255, 255, 0.8);  max-height: 32px; }
.logo .changeLang:hover  img, .logo .changeLang:hover  img, .logo .changeLang:hover  img { border: 1px solid rgba(255, 255, 255, 1); }
.logo .changeLang:hover, .logo .changeLang:focus, .logo .changeLang:active { text-decoration: none !important; }

.logo > * { float: left }
#header .in { position: relative !important; }
#header .navbar-toggle { display: block !important;/* border-left: solid 1px #0377b3;*/  }
#header { background: none repeat scroll 0% 0% #0076BE; /* box-shadow: 0px 0px 2px 1px #C9C9C9; */ }
#header .navbar-toggle .icon-bar { background-color: #FFF !important; height: 4px; }
#header .glyphicon, #header a  { color: #333; }
.logo { display: inline-block; margin-bottom: -1px !important; position: absolute; z-index: 99; height: 60px; }

#menu > button .glyphicon  { line-height: 1.5; }
#menu > button { height: 50px; border-radius: 0; padding-left: 10px; padding-right: 10px; }
#header .navbar-toggle { padding-bottom: 8px !important; margin: 0; }
#header select { line-height: 2; }
#header.navbar { border-bottom: none; }

#btn_post {
    margin: 10px 5px 0px 0px !important;
    height: 40px !important;
    border-radius: 3px;
    line-height: 1.5;
    font-size: 20px;
    padding-left: 12px !important;
    padding-right: 12px !important;
    text-align: center;
}
#btn_post .icon {
	display: inline-block;
	font-size: 16px !important;
}
.btn-search {
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #0377b3;
	border-right:1px solid #0377b3;
	background-color: inherit;
	padding-left: 15px;
	padding-right: 15px;
}
#menu .btn_message {
    line-height: 2;
    height: 70px;
    display: inline-block;
    position: relative;
}
#menu .btn_message span {
    color: #fff !important;
}
#menu .btn_message .glyphicon {
    font-size: 18px;
    padding: 25px 10px;
}
#menu .badge  {
    background: red;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 11px;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
}
.btn-search .glyphicon { font-size:20px; color: #fff !important; }
.menu { border-bottom: 1px solid rgba(24,24,24,0.15);   padding-bottom: 10px; }
#menu .btn_menu  {
font-weight: bold;
color: #FFF;
position: relative; }
#menu a {
	margin-bottom: 8px;
}
#menu #btn_menu {
    margin-right: 10px;
    margin-left: 10px;
    background: #fff;
    color: #0076BE !important;
    border-radius: 50%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 32px;
    padding-top: 3px !important;
}
#menu #btn_menu.active,
#menu #btn_menu:active,
#menu #btn_menu:focus {
	color: #fff !important;
}
#menu #btn_menu .icon {
	font-size: 22px;
}
#menu a.btn_menu  {
    height: 32px;
    padding-left: 8px;
    padding-right: 8px;
    display: inline-block;
    padding-top: 6px;
    float: right;
    margin-top: 14px;
}
.btn-yellow_dark {
	background-color: #ff8900;
    border-color: #ee8001 #ee8001 #e37a01 #ee8001;
    color: #fff;
}
.btn-yellow_dark:focus,
.btn-yellow_dark:active,
.btn-yellow_dark:hover {
background-color:#f58503 !important;
border-color:#f08100 !important;
}
#menu a.btn_menu .glyphicon {
    font-size: 20px;
}
#menu a.btn_menu:active,
#menu a.btn_menu:hover {
background-color: rgb(1, 89, 144);
}
#menu .btn_menu .glyphicon {
    color: #fff;
}
 #menu #btn_menu,
 #menu #btn_chat,
 #menu #btn_notification {
    font-weight: bold;
    color: #FFF;
    font-size: 18px;
    position: relative;
    float: left;
 }
 #menu #btn_menu.active,#menu #btn_menu:active,#menu #btn_menu:focus, #menu #btn_chat.active, #menu #btn_notification.active  {
 	background: rgba(0,0,0,0.15);
 }
 #menu #btn_menu i {

 }
#search select .main-cat { font-weight: bold; font-style: italic; }
#search select .sub-cat { padding-left: 10px; }
#search select .sub-cat:before { content: "-"; margin-right: 8px; }
.search select option { padding-top: 3px; padding-bottom: 3px; }
#search .form-control {
	border-color: #ecf0f1;
	padding-right: 35px;
	border-radius: 3px;
	background: #ecf0f1;
}
#search button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	height: 34px;
	color: #fff !important;
	background: transparent;
	border-color: transparent;
	color: #888;
}
#search .icon {
	color: #bbb !important;
	font-size: 18px;
}
.search,
.menu { background-color: #fff; }
.search {
	border-bottom: 1px solid #e1e1e1;
}
.search .my_container ,
.menu .my_container { position: relative; }
#menu .collapsed { background-color:  inherit !important; }
header .nav > li > a {font-size: 16px; padding: 10px 10px 9px;line-height: 2.5; color: #818181; }
header .nav > li > a .badge { background-color: red !important; top: 20px; position: absolute; right: 10px; }
header .nav > li > a img { max-height: 38px;margin-right: 3px; }
.nav > li:hover > a, .nav > li > a:focus  { background-color: #F1F1F1; }
.menu .nav > li > a [class^="icon-"], .nav > li > a [class*=" icon-"] { 
margin-right: 8px;
padding: 8px;
background: #b3c7d4;
display: inline-block;
border-radius: 50%;
color:    rgb(255, 255, 255);
font-size: 22px;
float: left;
min-width: 38px;
text-align: center;
}
.btn_yellow, .button  .btn_yellow {
	color:#fff;
	padding-left: 10px;
	paddingz-right: 10px;
	font-weight: bold;
	/*background: none repeat scroll 0% 0% #F4731E;*/
	background: none repeat scroll 0% 0% #F70;
	border-width: 1px 1px 2px;
	border-style: solid;
	/*border-color: #F4731E #F4731E #DF531B;*/ 
	border-color: #e66c01 #e66c01 #d76603;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	transition-duration: 222ms;
	transition-property: background-color;
	transition-timing-function: ease-out;

}
#menu .btn_yellow {
	border-radius: 3px !important;
	margin-top: 9px;
	height: 40px !important;
	margin-right: 8px;
	line-height: 2;

}
.btn_yellow:hover {
/*	background-color:#e56c1c; */

	background-color:#ef8102;
	border-color: #e57b01 #e57b01 #d17000;
	
	cursor:pointer;
	color:#fff;
}



.title_divider {
	display: inline-block;
/*	position: absolute;*/
	top: -13px;
	padding: 10px;
	font-size: 11px;
	font-weight: bold;
	color: rgba(0,0,0,0.6);
}

.my_devider { display: block; height: 1px;  
	display: block;
	height: 1px;
	margin: 15px 10px 5px;
	background-color: #E1E1E1;
}
.naro_up {
width: 40px;
height: 7px;
display: inline-block;
background: url("../img/naro-up.png") no-repeat;
position: absolute;

}
.menu .naro_up {
right: 8px;
top: -7px;
}
.search .naro_up {
right: 95px;
top: -7px;
}
/* search */

#search { padding-left: 15px; padding-right: 15px; padding-top: 10px; }
#search .form-group {
	margin-bottom: 10px !important;
}
#search .group_text .form-control,
#search .group_text_btn .form-control,
#search .group_text_btn .btn_search {
	display: inline-block !important;
}
#search  .form-control:focus { box-shadow: none !important; }
#search .group_text .form-control {  width: 50% !important; }
#search .group_text .form-control:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin-right: -2px;
}
#search .group_text .form-control:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: -3px;
}

#search .group_text_btn .form-control { width: 75%; margin-right: 20px;  }
#search .group_text_btn .btn_search { width: 20%;  }


/*  footer */
.footer {
	margin-top: 30px;
	background: url('../../img/footer.png') center top repeat-x;
	padding-top: 95px;
}
.footer > div {     background-color: #069; padding-top: 20px; padding-bottom: 20px; overflow: hidden; }
#btn_food_post { min-height: 35px; margin-bottom: 20px;  padding: 0px 10px;  }

.foot_menu li { display: inline-block; border-right: solid 1px #EAEAEA; }
.foot_menu { margin-bottom: 5px; }
.foot_menu li:last-child { border-right: none; }
.foot_menu a { color: #fff;  padding: 0px 10px; }
.cp_right, .cp_right a { font-size: 12px; color: #EAEAEA; } 

.footer .download_app {
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}

.footer .download_app .title {
    font-size: 16px;
    margin-bottom: 10px;
}
.footer .download_app a {
    display: inline-block;
    margin: 5px;
}
.footer .swict_template_url {
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 16px;

}
.footer .swict_template_url .btn {
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
}
.footer .swict_template_url .icon {
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
}

#btn_food_post .scroll-to-fixed-fixed {
	width: 100% !important;
	margin: 0px !important;
	left: 0 !important;
	right: 0 !important;
	border-radius: 0px !important;
	padding: 10px;
}


/* top bar*/
#top_bar ul li i { margin-right: 5px; }
#top_bar { border-bottom: 1px solid #EAEAEA; padding: 8px 0px;  background-color: #f4f4f4; font-size: 12px; }
#top_bar ul { vertical-align: bottom; }
#top_bar ul,.cat_path ul { display: inline-block; margin: 0; }
#top_bar ul li,.cat_path ul li { float: left;  }
#top_bar ul li+li,.cat_path ul li+li {

}
#top_bar ul li+li:before,.cat_path ul li+li:before {
    content: ">";
	color: #9197A3;
	margin-right: 5px;
	margin-left: 5px;
	display: inline-block;
} 
#top_bar ul *, .cat_path ul li , label  { white-space: nowrap; }
#top_bar ul li a, #top_bar ul li .fa,.cat_path ul li a, .cat_path ul li .fa, #top_bar ul li:last-child span { padding: 0px 0px 0px  5px; font-size: 12px; display: inline-block; }

#top_bar ul li .fa,.cat_path ul li .fa { font-size: 8px !important; }
.cat_path ul li .fa { vertical-align: top; display: inline-block; line-height: 2; }


/* border dash */
.border-dash  { clear: both; }
.border-dash > span { display: block; height: 3px; border-top: dotted 2px rgba(192,192,192,0.5);}




/* edit bottom color */
.btn-warning {
    background-color: #FFB800;
    border-color: #eeac02;
}
.btn-warning:hover {
    background-color: #f6b201 !important;
    border-color: #eeac02 !important;
}
	
/* error */
label.error { color: #ff3500; font-size: 13px; font-weight: normal; margin-top: 5px; display: block; }
@media (max-width: 479px) {
	.logo .changeLang span  { display: none; }
	#top_bar .my_container > div { padding-left: 0; padding-right: 0; }
}

@media (max-width: 480px) {
	
	#search .row div .row > div {
		display: block !important;
		clear: both;
		width: 100%;
	}
	.btn_food_post {
		display: block;
	}
	.foot_menu  { overflow: hidden; padding-bottom: 10px; margin-left: -2px; margin-right: -2px; }
	.foot_menu li {
		width: 50%;
		border: 1px solid #C0C0C0;
		margin-right: -1px;
		float: left;
		margin-bottom: -1px;
	}
	.foot_menu li a { padding-top: 10px; padding-bottom: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
	.foot_menu li:last-child { border-right: solid 1px #C0C0C0; }
	#updatebrowser .browsers a {
		display: block;
		padding: 5px 0px;
	}
}
@media (min-width: 480px) {
	
}
@media (min-width: 481px) {

	#search_box {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	#search_cate {
		margin-left: -1px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
}


@media (max-width: 1000px) {
	.footer {
		padding-top: 10%;
		background-size: contain;	
	}
}

.pagination { text-align: center; display: block; margin-top: 30px; margin-bottom: 30px;}

.pagination a, .pagination strong {
	padding: 10px 20px;
	border: 1px solid #0076BE;
	border-radius: 3px;
	background: #0076BE;
	margin: 10px;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
}
.pagination a:focus, .pagination strong:focus,
.pagination a:active, .pagination strong:active {
	text-decoration: none;
    box-shadow: inset 0px 0px 8px rgba(0,0,0,0.3);
}
#updatebrowser {
	padding: 20px 10px;
	border-bottom: 1px solid #e1e1e1;
} 
#updatebrowser .btn_close {
	float: right;
	margin-left: 30px;
	color: red;
	padding: 5px;
	display: inline-block;
}
#updatebrowser .btn_close i {
	font-size: 9px;
}
#updatebrowser .update_detail {
	font-size:14px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#updatebrowser .browsers a {
	font-size: 13px;
	margin-right: 10px;
}

/* btn post fix bottom */
.btn_post_fix_bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 16px;
}
.btn_post_fix_bottom .btn {
	display: block;
	width: 100%;
}