/* Css for pages */
#go_myBtn {display:none; position:fixed; bottom:20px; right:30px; z-index:99; font-size:28px; border:1px solid #DDD; outline:none; background-color:#fff; color:#333; cursor:pointer; padding:10px; border-radius:6px;}
#go_myBtn:hover {background-color: #f7f7f7;}
	
a:link{color:#111!important; text-decoration:none!important}
a:hover{color:#ff6600!important; border-bottom: 1px solid #ff6600!important}
a:active{color:#0066FF!important}
a:visited{color:#111!important}

.top_headerpc{display:block}
.top_headermobile{display:none}
.topnav {overflow: hidden;}
.topnav a {float:left; color:#DDD!important; text-align:center; padding:8px 16px; font-size:16px; border-bottom:3px solid transparent;}
.top_menu_right{min-height:30px; width:46%; float:right; display:block}
.top_menu_right_m{height:30px; width:30px; float:right; display:none}
@media screen and (max-width:1399px) {
.topnav a {float:left; color:#DDD!important; text-align:center; padding:8px 16px; font-size:14px; border-bottom:3px solid transparent;}
}
@media screen and (max-width:1199px) {
.topnav a{font-size:12px; padding:8px 12px; color:#DDD!important;}
.top_menu_right{min-height:30px; width:48%; float:right; display:block}
}
@media screen and (max-width:991px) {
.top_headerpc{display:none}
.top_headermobile{display:block}
.top_menu_right{min-height:30px; width:46%; float:right; display:none}
.top_menu_right_m{height:30px; width:30px; float:right; margin-top:8px; margin-right:0px; display: block}
}
.topnav a:hover {border-bottom: 3px solid #ff6600; color:#ff6600;}
.topnav-right {float: right;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display:none; width:318px; position:absolute; right:0; background-color:#FFF; min-width:100%; min-height:100%; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); border-radius:6px 6px 6px 6px; border-color:#DDD;border-style:solid; border-width:1px; z-index:6;}
.dropdown-content a {color:black; text-decoration:none; display:block}
.dropdown-content a:hover {background-color: #ededed; color:#3399FF;}
.dropdown:hover .dropdown-content{display: block;}

.top_header_logo_pc{min-height:45px; width:16%; padding-left:3px; padding-top:3px; text-align:left; float:left; display: block}
	.top_header_logo_pc a{border-bottom:none!important}
.top_header_logo_m{min-height:36px; width:10%; padding-left:0px; padding-top:3px; text-align:left; float:left; display: none}
.div_box_search_page{background:#00512b}
.search_result_counter{color:#333; font-weight:100; font-size:14px}
.buttom_open_search{width:388px; overflow:hidden; height:38px; text-align:left; padding-top:4px;}
.vietnam_business_directory{font-size:28px; margin-top:6px; font-family:Verdana; font-weight:600; color:#FFF; text-align:center}
.yellowpages_box_search_pages{display:none; position:fixed; z-index:1; left:0; top:0; width:100%; height: auto; border-radius:0px 0px 10px 10px; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4); background:#00512b}
.yellowpages_box_search_content_pages{margin:auto; padding:25px; padding-left:3px; padding-right:3px; width:100%; position:relative}
.yellowpages_text{height:50px; background:#ffde07; width:292px; margin:auto; text-align:center; transform: rotate(-2deg)}
	.yellowpages_text p{font-size:38px; font-weight:700}
.div_form_input{min-height:66px; width:88%; margin:auto; margin-top:60px; background:#FFFFFF; border-radius: 33px 33px 33px 33px}
.nuttimkiem{height:66px; width:66px; border:none;background:#ffde07;border-radius:50%; margin-top:0px; font-size:21px}
.nut_what{height:66px; width:50%; margin-top:0px; background:#FFF; float:left;  border-radius: 33px 0px 0px 33px; border-right-color:#DDD; border-right-style: solid; border-right-width:1px}
.nut_what_input{border:0px solid #fff; font-family: Arial; font-size:21px; color:#666; background:none; padding-left:16px; width:100%!important; height:66px; border-radius: 33px 0px 0px 33px}
.xoakey_what{height:50px; width:56px; top:3px; right:5px; padding-top:10px; position:absolute; font-size:28px; text-align:center; font-family:Verdana; background:#FFFFFF; font-weight:500; display:none}
.nut_where{height:66px; width:44%; margin-top:0px; background:#FFF; float:left;  border-radius: 0px 0px 0px 0px}
.nut_where_input{border:0px solid #fff; font-family: Arial; font-size: 21px; color:#666; background:none; padding-left:36px; width:100%; height:66px; border-radius: 0px 0px 0px 0px}
.xoakey_where{height:40px; width:40px; top:11px; right:10px; padding-top:0px; position:absolute; font-size:30px; text-align:center; font-family:Verdana; background:#FFF; font-weight:500; display:none}
.nut_find{height:66px; width:6%; margin-top:0px; float:left; text-align:right}
.topsearch_home{margin-top:86px; text-align:center; color:#DDD; font-size:18px; display:block}	
.timcongty{height:28px; width:256px; margin:auto; margin-top:30px; display:none}  
.timcongty .timcongty_check{height:23px; width:23px; float:left} .timcongty .timcongty_text{height:23px; width:223px; float:left; color:#CCC; margin-left:3px;}
.clear_both{clear:both}
@media screen and (max-width:1199px) {
.buttom_open_search{width:308px; overflow:hidden; height:38px; text-align:left; padding-top:5px;}
.top_header_logo_pc{min-height:45px; width:16%; padding-left:3px; padding-top:3px; text-align:left; float:left; display:none}
.top_header_logo_m{min-height:36px; width:10%; padding-left:0px; padding-top:3px; text-align:left; float:left; display: block}
}
@media screen and (max-width:991px) {
.vietnam_business_directory{font-size:19px; margin-top:16px; font-family:Verdana; font-weight:600; color:#FFF; text-align:center}
.yellowpages_text{height:38px; background:#ffde07; width:228px; margin:auto; text-align:center; transform: rotate(-2deg)}
			.yellowpages_text p{font-size:28px; font-weight:700}
.div_form_input{min-height:50px; width:98%; margin:auto; margin-top:26px; background:#00512b; border-radius: 33px 33px 33px 33px}
.nuttimkiem{height:50px; width:100%; border:none; background:#ffde07; border-radius:25px 25px 25px 25px; margin-top:8px; font-size:21px}
.nut_what{height:50px; width:100%; margin-top:16px; background:#FFF; float:left;  border-radius: 25px 25px 25px 25px}
.nut_what_input{border:0px solid #fff; font-family: Arial; font-size:16px; color:#666; background:none; padding-left:16px; width:100%!important; height:50px; border-radius: 25px 25px 25px 25px}
.xoakey_what{height:40px; width:40px; top:5px; right:13px; padding-top:0px; position:absolute; font-size:28px; text-align:center; font-family:Verdana; background:#FFFFFF; font-weight:500; display:none}
.nut_where{height:50px; width:100%; margin-top:16px; background:#FFF; float:left;  border-radius: 25px 25px 25px 25px}
.nut_where_input{border:0px solid #fff; font-family: Arial; font-size: 16px; color:#666; background:none; padding-left:36px; width:100%; height:50px; border-radius: 25px 25px 25px 25px}
.xoakey_where{height:38px; width:38px; top:3px; right:13px; padding-top:0px; position:absolute; font-size:30px; text-align:center; font-family:Verdana; background:#FFF; font-weight:500; display:none}
.nut_find{height:50px; width:100%; margin-top:8px; float:left; text-align:right}
.topsearch_home{margin-top:80px; text-align:center; color:#DDD; font-size:18px; display:none}	
}

.close_search {color:#FFF; position:absolute; top:0px; right:16px; font-size:38px; font-weight:bold}
.close_search:hover,
.close_search:focus {color:#DDD; text-decoration:none; cursor:pointer;}

/* Main content */

.background_light{background:#f2f3f7}
.div_categories_pc{height: auto; width:16%; float:left; background:#FFFFFF; display:block}
.div_listings{height:auto; width:58%; float:left; padding-left:18px; padding-right:18px}
.div_banneradd_pc{width:26%; float: right; display:block}
.div_banneradd_mobile{display:none}
.div_categories_m{height:30px; background:#CC3399; display:none}
.div_province_city_m{height:30px; background:#CC3399; display:none}
.counter_number{font-size:10px; color:#999999}
@media screen and (max-width:991px) {
.div_categories_pc{height: auto; width:16%; float:left; background:#FFFFFF; display:none}
.div_listings{height:auto; width:100%; float:left; padding-left:0px; padding-right:0px}
.div_banneradd_pc{width:26%; float: right; display:none}
.div_banneradd_mobile{display:block}
.div_categories_m{height:30px; background:#CC3399; display: block}
.div_province_city_m{height:30px; background:#CC3399; display: block}
}

.accordion{background-color:#FFF; cursor:pointer; padding:9px; padding-left:10px; padding-right:10px; width:100%; color:#111; border:none; text-align:left; outline:none; transition:0.4s; margin-top:6px; border-radius:10px 10px 10px 10px}
.active, .accordion:hover{background-color:#cff4fc;}
.accordion:after{content: '\002B'; color: #666; font-weight: bold;float: right;margin-left: 5px;}
.active:after {content: "\2212";}
.panel{padding:0 10px; background-color:white; max-height:0; overflow:hidden; transition:max-height 0.2s ease-out;}
	.panel a{text-transform:capitalize; margin-bottom:10px; padding:2px 10px; background:#FFF; border-color:#DDD; border-style:solid; border-width:1px; border-radius:8px; color:#333; width: auto; display:inline-block; clear:both; margin-right:10px}

/* listing */

.emeral_bg{background:#00512b}
.yellow_bg{background:#ffde07}
.orange_bg{background:#ff7500}
.light_gray_bg{ background:#f3f3f3}
.red_color{color:#CC3366}
.color_333{color:#333}
.color_ff6600{color:#ff6600!important}
.color_888{color:#888!important}
#color_0f6cbd{color:#0f6cbd!important}
.dark_blue_color{color:#026d90}
#dark_blue_color{color:#026d90!important}
.text_add_listing{color:#C60; font-weight:500}
.listing_detail_div21_left{width:21%; float:left}
.listing_detail_div79_left{width:79%; float:left}
.listing_detail_h2_radius{padding:3px 15px; padding-bottom:5px; border-radius:16px; width:auto; display:inline-block}
.yp_font_weight_500{ font-weight:500}
.listing_detail_left{float:left; width:75%; padding-right:18px; padding-top:16px}
.listing_detail_right{float:right; width:25%; padding-top:16px}
.pc_display{ display:block}
.mobile_display{ display:none}
.contact_infomation{display:none}
.listing_detail_menu_croll{display:block}
.icon_sponnorpc{display:block}
	.icon_sponnorpc img{width:18px; padding-top:1px; padding-bottom:1px}
.icon_sponnor_m{display:none}
.sponsor_txt{font-size:11px; color:#e89e00}	
.sponsor_txt_ngan{font-size:11px; color:#999; padding-left:5px; padding-right:5px}
.xacthuc_pc{display:block}
.xacthuc_m{display:none}
.by_yellowpages{color:#999; font-size:10px; text-align:center}
.category_style_market_pc{display:block}
.category_style_market_m{display:none}
.category_style_market{ font-family:Verdana; font-size:11px; color:#026d90}
.category_style_market_listing_detail{font-family:Verdana; font-size:12px; color:#026d90}
.star_checked {color: orange}
.xacminh_chinhxac{color:#999; padding-left:6px; font-size:11px; text-transform:uppercase; font-family:Verdana}
.xacminh_chinhxac_s{color:#999; padding-left:6px; font-size:12px; font-family:Verdana}
.sothutu_div{float:left; width:5%; padding-top:3px}
.sothutu_div_inner{height:20px; width:25px; background:#ffde07; text-align:center; font-size:12px; font-weight:500; border-radius:3px; padding-top:1px;}
.ten_sodienthoai_div{float:left; height:auto; width:80%}
.ten_sodienthoai_div_95{float:left; height:auto; width:95%}
.quangcao_xacthuc{float:right; height:80px; width:15%}
.khoangcachtext_qc{float:left; width:5%; height:10px}
.logo_listing{min-height:60px; width:22%; float:left}
.logo_lisitng_address{width:78%; height:auto; float:left}
.listing_address_nologo{width:100%; float:left; height:auto}
.email_website{float:left; width:93%}
	.email_website a{margin-bottom:10px; padding:2px 10px; background:#FFF; border-color:#DDD; color:#007BAC!important; border-style:solid; border-width:1px; border-radius:8px; color:#333; width: auto; display:inline-block; clear:both; margin-right:10px}
.listing_detail_product_showcase{float:left; width:20%; height:262px}	
.listing_detail_product_service{float:left; width:33.33%}
.listing_detail_product_showcase_frame{width:100%; height:158px; display:flex; justify-content:center; flex-direction:column; align-items:center}
.listing_detail_image{float:left; width:20%}	
.span_contact{font-size:12px; color:#666}
.logo_contact{width:100%; height:52px; display:flex; justify-content:center; flex-direction:column; align-items:center}
#email_contact{color:#007BAC!important; font-size:12px; text-transform:lowercase}
.see_detail{margin-bottom:10px; padding:2px 10px; background:#FFF; border-color:#DDD; color:#007BAC!important; border-style:solid; border-width:1px; border-radius:8px; color:#333; width:auto; display:inline-block; clear:both; margin-right:10px}

@media screen and (max-width:1399px) {
.listing_detail_product_showcase{float:left; width:25%; height:262px}	
.listing_detail_image{float:left; width:25%}	
}
@media screen and (max-width:1199px) {
.listing_detail_left{float:left; width:70%; padding-right:18px; padding-top:16px}
.listing_detail_right{float:right; width:30%; padding-top:16px}
.pc_display{ display:none}
.mobile_display{ display:block}
.listing_detail_menu_croll{display:none}
.icon_sponnorpc{display: none}
.icon_sponnor_m{display: block}	
.xacthuc_pc{display:none}
.xacthuc_m{display: block}
.by_yellowpages{color:#999; font-size:9px; text-align:center}
.category_style_market_pc{display:none}
.category_style_market_m{display:block}
.listing_detail_product_showcase{float:left; width:33%; height:262px}
.listing_detail_image{float:left; width:33%; height:262px}
.listing_detail_product_service{float:left; width:50%}	
}
@media screen and (max-width:991px) {
.listing_detail_left{float:left; width:100%; padding-right:0px; padding-top:16px}
.listing_detail_right{float: right; width:0%; padding-top:16px; display:none}
.contact_infomation{display:block}
.gioithieuchitiet_img img{width:100%!important}
.gioithieucongty_img img{width:100%!important}
}
@media screen and (max-width:500px) {
.icon_sponnor_m{display: block}	
.icon_sponnorpc{display: none}
.xacthuc_pc{display:none}
.xacthuc_m{display:block}
.by_yellowpages{color:#999; font-size:7px; text-align:center}
.category_style_market_pc{display:none}
.category_style_market_m{display:block}
.sothutu_div{float:left; width:6%; height:25px}
.sothutu_div_inner{height:20px; width:21px; background:#ffde07; text-align:center; font-size:12px; font-weight:500; border-radius:3px;}
.ten_sodienthoai_div{float:left; width:78%}
.ten_sodienthoai_div_95{float:left; height:auto; width:93%}
.quangcao_xacthuc{float:right; height:80px; width:16%}
.khoangcachtext_qc{float:left; width:6%; height:10px}
.listing_detail_product_showcase{float:left; width:50%; height:262px}	
.listing_detail_image{float:left; width:50%}	
.listing_detail_product_service{float:left; width:100%}	
.gioithieuchitiet_img img{width:100%!important}
}

/* gindex */

.gindex_left{width:19%; float:left}
.gindex_center{width:56%; float:left}
.gindex_right{width:25%; float:left}
.gindex_left_m{width:100%; display:none}
@media screen and (max-width:1399px){
.gindex_left{width:20%; float:left}
.gindex_center{width:52%; float:left}
.gindex_right{width:28%; float:left}
.gindex_left_m{width:100%; display:none}
}
@media screen and (max-width:1199px){
.gindex_left{width:25%; float:left}
.gindex_center{width:75%; float:left}
.gindex_right{width:0%; float:left; display:none}
.gindex_left_m{width:100%; display:none}
}
@media screen and (max-width:991px){
.gindex_left{width:0%; float:left; display:none}
.gindex_center{width:100%; float:left}
.gindex_right{width:0%; float:left; display:none}
.gindex_left_m{width:100%; display:block}
}
/* findex */
.findex_left{width:75%; float:left}
.findex_right{width:25%; float:left}
@media screen and (max-width:1399px){
.findex_left{width:72%; float:left}
.findex_right{width:28%; float:left}
}
@media screen and (max-width:1199px){
.findex_left{width:100%; float:left}
.findex_right{width:0%; float:left; display:none}
}
/* paging */
#paging{height:auto;}
#paging a{padding:6px 13px; margin-right:8px; color:#111!important; border-color:#FFCC00; border-style:solid; border-width:1px; border-radius: 4px 4px 4px 4px; text-align:center; float:left}
#paging a.active{border-color:#FFCC00; border-style:solid; border-width:1px; color:#ff6600}
#paging a:hover {color:#ff6600!important; background:#ffde07!important;}
#paging .page_active{color:#ff6600!important; background:#ffde07!important}	
@media screen and (max-width:500px){
#paging a{padding:3px 9px; margin-right:3px; color:#111!important; border-color:#FFCC00; border-style:solid; border-width:1px; border-radius: 4px 4px 4px 4px; text-align:center; float:left}
}
/* Img Modal  */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}
#myImg:hover {opacity: 0.7;}
.modal {
  display: none;
  position: fixed; 
  z-index: 1028; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.8); 
}
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}
@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
/* footer */
div.sticky {position: -webkit-sticky;position: sticky; top:0;}
.foot_signup1{width:24%!important; float:left}
.foot_signup2{width:61%!important; float:left}
.foot_signup3{width:15%!important; float:left; text-align:left; padding-left:8px}
	.foot_signup3 a{color:#FFF!important; text-decoration:none}
.buttom_bg_footer_signup {background:#ff6a00!important}
.yp_product{ width:14.28%!important; float:left}
	.yp_product a{font-size:12px!important; color:#666!important; border-bottom:none!important}
#text_color_999{color:#999999!important}
.yellow_text_color{color:#ffb502!important}
#yellow_text_color{color:#ffb502!important}
.find_index_footer{text-transform:capitalize; text-decoration:none; margin-bottom:10px; padding:1px 6px; border-color:#ffb502!important; border-style:solid; border-width:1px; border-radius:8px; color:#ffb502!important; width: auto; display:inline-block; clear:both; margin-right:5px}	
@media screen and (max-width:1199px) {
.foot_signup1{width:18%!important; float:left}
.foot_signup2{width:64%!important; float:left}
.foot_signup3{width:18%!important; float:left}
.yp_product{ width:14.28%!important; float:left}
	.yp_product a{font-size:10px!important; color:#666!important}
}
@media screen and (max-width:991px) {
.foot_signup1{width:100%!important; float:left}
.foot_signup2{width:100%!important; float:left; padding-left:10px; padding-right:10px}
.foot_signup3{width:100%!important; float:left; text-align: center; padding-left:0px}
.cate_buttom_line{width:88%}
.yp_product{ width:25%!important; float:left}
	.yp_product a{font-size:12px!important; color:#666!important}
}
@media screen and (max-width:500px) {
.yp_product{ width:50%!important; float:left}
	.yp_product a{font-size:12px!important; color:#666!important}
}
/* croll contact */
.open-button {border: none;cursor: pointer;position: fixed;bottom: 80px;right:18px;z-index:100;}
#contact_truot {visibility: hidden;position: fixed;z-index:100;right: 28px;bottom: 150px;}
#contact_truot.show {visibility: visible;}
.zalo_button{height:50px; width:50px; border-radius:50%; float:right}
.email_button{height:50px; width:50px; background:#FFCC00; border-radius:50%; float:right}
.phone_buttom{background: #ff6700; float:right; float: left; border-radius:15px 15px 15px 15px; margin-top:11px; margin-right:3px;}
.phone_contact_buttom{height:50px; width:50px; background:#64bc46; border-radius:50%; float:right}