/* CSS of listings */
a:link{color:#111; text-decoration:none}
a:hover{color:#ff6600!important; text-decoration:underline}
a:active{color:#0066FF}
a:visited{color:#111}
.yp_text_color{color:#ffde06}
.yp_bg_color{background-color:#ffde06}
.head_link {height:68px; width:80%; float:right}
	.head_link a:link{color:#FFF; text-decoration:none}
	.head_link a:hover{color:#ff6600!important; text-decoration:underline}
.fw5{font-weight:500}	
.cover {object-fit: cover;}
.color007BAC{ color:#007BAC}
.yp_height_menu{height:60px; margin:auto}
#yp_bgffde06{background:#ffde06}
.bg_chantrang{background:#f6f6f6}
.yp_chantrang a{color:#666}
.yp_div_menu_top1_m{width:5%; float:left}
.yp_div_menu_top2_m{width:85%; float:left}
@media screen and (max-width:900px) {
.yp_div_menu_top1_m{width:6%; float:left}
.yp_div_menu_top2_m{width:82%; float:left}
}
@media screen and (max-width:768px) {
.yp_div_menu_top1_m{width:8%; float:left}
.yp_div_menu_top2_m{width:80%; float:left}
}
@media screen and (max-width:500px) {
.yp_div_menu_top1_m{width:13%; float:left}
.yp_div_menu_top2_m{width:72%; float:left}
}
.yptimkiem_click{width:90%; overflow:hidden; height:35px; text-align:left;padding-left:11px; padding-top:6px; padding-right:6px; background:#e8eaed; color:#555; border:none}
.yptimkiem_click_m{width:96%; overflow:hidden; height:35px; text-align:left;padding-left:11px; padding-top:6px; padding-right:6px; background:#e8eaed; color:#555; border:none}
#yp_top1{width:16%; float:left}
#yp_top2{width:31%; float:left}
#yp_top3{width:53%; float:right; padding-top:10px; padding-right:2px; text-align:right}
	#yp_top3 a{padding-left:16px; font-size:15px}
.danhmuc{ display: block}
.danhmuc1199{ display:none}
.yp_hoptimkiem_click{display:none; position:fixed; z-index:100!important; left:0; top:0; width:100%; height:619px; overflow:auto; background:url(../../images/yellowpages_background1.jpg); background-repeat:no-repeat; background-position:center; border-radius: 0px 0px 16px 16px}
@media screen and (max-width:1280px) {
#yp_top1{width:16%; float:left}
#yp_top2{width:26%; float:left}
#yp_top3{width:58%; float:right}
}
@media screen and (max-width:1199px) {
#yp_top1{width:20%; float:left}
#yp_top2{width:30%; float:left}
#yp_top3{width:50%; float:right}
.danhmuc{ display: none}
.danhmuc1199{ display:block}
}
@media screen and (max-width:991px) {
#yp_top1{width:11%; float:left}
#yp_top2{width:80%; float:left}
#yp_top3{width:9%; float:right}
}
.fs32{font-size:32px}
.fs30{font-size:30px}
.fs26{font-size:26px}
.fs18{font-size:18px}
.w318{width:318px}
.f_Verdana{font-family:Verdana}
.d_mobile{display:none}
.d_pc{display:block}
.khoangcach_tren{height:88px}
@media screen and (max-width:991px) {
.d_mobile{display:block}
.d_pc{display:none}
}
.close_search {color:#FFF; position:absolute; top:0px; right:16px; font-size:50px; font-weight:bold}
.close_search:hover,
.close_search:focus {color:#686868; text-decoration:none; cursor:pointer;}
.menu_for_mobile{height:30px; width:30px; position:absolute; top:16px; right:13px}
.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%; 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;}

.yp_box_timkiem{width:91%; background:#FFFFFF; margin:auto; height:66px}
.yp_timgi_div{height:66px; width:50%; border-right-color:#CCC; border-right-style:solid; border-right-width:1px; float:left}
.yp_input_timgi{border:0px solid #fff; font-family: Arial; font-size:21px; color:#666; background:none; padding-left:25px; width:100%!important; height:66px; border-radius: 33px 0px 0px 33px}
.yp_odau_div{height:66px; width:36%; float:left; background-image:url(images/address_icon.png); background-position:left; background-repeat:no-repeat; position: relative}
.yp_input_odau{border:0px solid #fff; font-family: Arial; font-size: 21px; color:#666; background:none; padding-left:38px; width:100%; height:66px}
.yp_timkiem_div{height:66px; padding:5px; width:13%}
.yp_submit_timkiem{height:56px; width:100%; border:none;background:#ffde06; bo margin-top:0px; font-size:21px; border-radius:28px 28px 28px 28px; color:#111}
.xoakey_what{height:30px; width:30px; top:18px; right:8px; position:absolute; font-size:31px; text-align:center; display:none; border-radius:50%}
.xoakey_where{height:30px; width:30px; top:18px; right:8px; position:absolute; font-size:31px; text-align:center; display:none; border-radius:50%}
				
.timcongty{width:256px; margin:auto; display:none; background:#FFFFFF; opacity:0.86}  
.timcongty .timcongty_check{height:23px; width:23px; float:left} .timcongty .timcongty_text{height:23px; float:left; color:#111; margin-left:3px;}
.timcongty_check input{width:16px; height:16px; margin-top:4px}
@media screen and (max-width:1199px) {
.yp_submit_timkiem{height:56px; width:100%; border:none;background:#ffde06; bo margin-top:0px; font-size:16px; border-radius:28px 28px 28px 28px; color:#111}
}
@media screen and (max-width:991px) {
.yp_box_timkiem{width:99%; background:none; margin:auto; height:auto}
.yp_timgi_div{height:50px; width:100%; border-right-color:#CCC; border-right-style: none; border-right-width:1px; float:left}
.yp_input_timgi{border:0px solid #fff; font-family: Arial; font-size:18px; color:#666; background:#FFF; padding-left:18px; width:100%!important; height:50px; border-radius: 25px 25px 25px 25px}
.yp_odau_div{height:50px; width:100%; float:left; background-image: none; background-position:left; background-repeat:no-repeat; position: relative; margin-top:13px}
.yp_input_odau{border:0px solid #fff; font-family: Arial; font-size:18px; color:#666; background:#FFF; padding-left:18px; width:100%; height:50px; border-radius: 25px 25px 25px 25px}
.yp_timkiem_div{height:50px; padding:0px; width:100%; margin-top:13px}
.yp_submit_timkiem{height:50px; width:100%; border:none;background:#ffde06; bo margin-top:0px; font-size:18px; border-radius:25px 25px 25px 25px; color:#111}
.xoakey_what{height:30px; width:30px; top:11px; right:10px; position:absolute; font-size:26px; text-align:center; display:none; border-radius:50%}
.xoakey_where{height:30px; width:30px; top:11px; right:10px; position:absolute; font-size:26px; text-align:center; display:none; border-radius:50%}
}
.foot_signup1{width:22%!important; float:left; text-align:center; font-size:23px; font-weight:500; padding-top:16px}
.foot_signup2{width:62%!important; float:left; font-size:16px; padding-top:13px}
.foot_signup3{width:16%!important; float:left; text-align:left; padding-left:8px; padding-top:16px}
	.foot_signup3 a{color:#333!important; text-decoration:none}
.buttom_bg_footer_signup {background:#ffde06!important; font-size:16px}
@media screen and (max-width:1399px) {
.foot_signup1{width:22%!important; float:left; text-align:center; font-size:21px; font-weight:500; padding-top:16px}
.foot_signup2{width:62%!important; float:left; font-size:14px; padding-top:15px}
.foot_signup3{width:16%!important; float:left; text-align:left; padding-left:8px; padding-top:19px}
.buttom_bg_footer_signup {background:#ffde06!important; font-size:14px}
}
@media screen and (max-width:991px) {
.foot_signup1{width:22%!important; float:left; text-align:center; font-size:18px; font-weight:500; padding-top:13px}
.foot_signup2{width:62%!important; float:left; font-size:12px; padding-top:12px}
.foot_signup3{width:16%!important; float:left; text-align:left; padding-left:8px; padding-top:16px}
.buttom_bg_footer_signup {background:#ffde06!important; font-size:12px}
}
@media screen and (max-width:768px) {
.foot_signup1{width:100%!important; float:left; text-align:center; font-size:23px; font-weight:500; padding-top:13px}
.foot_signup2{width:100%!important; float:left; text-align:center; font-size:15px; padding-top:12px}
.foot_signup3{width:100%!important; float:left; text-align: center; padding-left:8px; padding-top:16px}
.buttom_bg_footer_signup {background:#ffde06!important; width:80%; font-size:15px}
}
#muclucnganhnghe_link{text-transform:capitalize; margin-bottom:16px; padding:1px 8px; background:#FFF; border-color:#CCC; border-style:solid; border-width:1px; border-radius:8px; color:#333; width: auto; display:inline-block; clear:both; margin-right:6px; font-size:18px}
@media screen and (max-width:1399px) {
#muclucnganhnghe_link{text-transform:capitalize; margin-bottom:16px; padding:1px 8px; background:#FFF; border-color:#CCC; border-style:solid; border-width:1px; border-radius:8px; color:#333; width: auto; display:inline-block; clear:both; margin-right:3px; font-size:16px}
}
.logo_lienhe{width:100%; height:50px; display:flex; justify-content:center; flex-direction:column; align-items:center}
.lienhe_bg{background:#f5f5f5}
.orange_bg{background:#ff7500}
#dangkydoanhnghiep{color:#FFF!important; border-bottom-color:#FFF!important}
#colorFF6600{color:#FF6600}
#email_lienhe{color:#007BAC!important; font-size:13px; text-transform:lowercase}
/* 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:50px;
  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%;
  }
}
.hienthi_topthongtin_pc{ display:block}
.hienthi_topthongtin_mobile{ display: none}
.margin_top38{margin-top:38px}
.margin_top26{margin-top:26px}
.yp_h2_border{border-color:#ffde06; border-style:solid; border-width:2px; padding-top:6px!important; padding-bottom:6px!important}
.yp_thitruong_bo_duoi{border-bottom-color:#ffde06; border-bottom-style:solid; border-bottom-width:1px}
.yp_div_nganh_thitruong{width:50%; float:left}
.yp_khoangcanh_truoc_thitruong{padding-left:52px}
.yp_div_listing_left{width:70%; float:left}
.yp_div_listing_right{width:30%; float:left; padding-left:33px; z-index:1!important}
.yp_show_img_pc{width:16.66%; float:left}
.yp_show_img_height_pc{width:100%; height:189px}
.yp_show_img_div_empty{height:189px; background:#ededed}
.yp_show_img_div_empty_sub{border-color:#CDCDCD; border-width:1px; border-style: dashed}
.yp_div_sanphamdichvu1{width:50%; float:left; padding-right:39px}
.yp_div_sanphamdichvu2{width:50%; float:left; padding-left:39px}
@media screen and (max-width:1200px) {
.yp_khoangcanh_truoc_thitruong{padding-left:26px}
.yp_div_listing_left{width:65%; float:left}
.yp_div_listing_right{width:35%; padding-left:33px; float:left; z-index:1}
.yp_div_sanphamdichvu1{width:50%; float:left; padding-right:16px}
.yp_div_sanphamdichvu2{width:50%; float:left; padding-left:16px}
}
@media screen and (max-width:991px) {
.yp_khoangcanh_truoc_thitruong{padding-left:50px}
.yp_div_listing_left{width:100%; float:left}
.yp_div_listing_right{width:30%; padding-left:33px; float:left; z-index:1}
.yp_div_sanphamdichvu1{width:50%; float:left; padding-right:16px}
.yp_div_sanphamdichvu2{width:50%; float:left; padding-left:16px}
}
@media screen and (max-width:768px) {
.yp_div_nganh_thitruong{width:100%; float:left}
.yp_khoangcanh_truoc_thitruong{padding-left:0px; padding-top:13px}
.hienthi_topthongtin_pc{ display:none}
.hienthi_topthongtin_mobile{ display:block}
}
@media screen and (max-width:500px) {
.yp_div_sanphamdichvu1{width:100%; float:left; padding-right:0px}
.yp_div_sanphamdichvu2{width:100%; float:left; padding-left:0px}
}
@media screen and (max-width:500px) {
.yp_div_sanphamdichvu1{width:100%; float:left; padding-right:0px}
.yp_div_sanphamdichvu2{width:100%; float:left; padding-left:0px}
}
.div_logo_company{width:15%; float:left}
.div_logo_listing_basic85{width:85%; float:left}
.div_logo_listing_basic100{width:100%; float:left}
.logo_company{width:100%; height:166px; table-layout:fixed; display:table!important; vertical-align:middle}
.logo_company_table_cell{display:table-cell; text-align:center; vertical-align:middle}
.height_logo_company{width:93%; max-height:150px}
.logo_company_mobile{width:100%; min-height:62px; table-layout:fixed; display:table!important; vertical-align:middle}
.logo_company_mobile_table_cell{display:table-cell; text-align:center; vertical-align:middle}
.height_logo_company_mobile{width:100%; max-height:68px}
.star_checked {color:orange}
.star_text{color:#e89e00; padding-left:2px; font-size:12px; text-transform:uppercase; font-family:Verdana}
.duocxacthuc{color:#6bade8; padding-left:2px; font-size:13px;  font-family:Verdana}
.star_text_thuong{color:#898989; padding-left:2px; font-size:12px}
.yp_div_diachi_logo_mobile1{width:28%; float:left}
.yp_div_diachi_logo_mobile2{width:72%; float:left}
.btn{position: absolute;
	top: 83%;
	left: 66%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	cursor: pointer;
	border-radius:8px;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px!important; 
	width:113px;
	display: inline;
	}
@media screen and (max-width:1280px) {
.logo_company{width:100%; height:139px; table-layout:fixed; display:table!important; vertical-align:middle}
}	
@media screen and (max-width:1199px) {
.logo_company{width:100%; height:126px; table-layout:fixed; display:table!important; vertical-align:middle}
}
@media screen and (max-width:991px) {
.logo_company{width:100%; height:96px; table-layout:fixed; display:table!important; vertical-align:middle}
}		
.yp_top4ngang_pc{display:block}
.yp_top4ngang_m{display:none}
.yp_top4trangvang_start{width:25%; float:left; padding-right:6px}
.yp_top4trangvang_center{width:25%; float:left; padding-right:6px; padding-left:6px}
.yp_top4trangvang_end{width:25%; float:left; padding-left:6px}
.yp_top4trangvang_div1{height:50px; width:15%; float:left; margin-top:3px; padding-left:2px; text-align:center}
.yp_top4trangvang_div2{height:auto; width:85%; float:left}
.yp_padding11{padding:11px}
.yp_w96{width:96%}
.top4trangvang_hienthi{display:block}
@media screen and (max-width:1250px) {
.yp_top4trangvang_start{width:33.33%; float:left; padding-right:6px}
.yp_top4trangvang_center{width:33.33%; float:left; padding-right:6px; padding-left:6px}
.yp_top4trangvang_end{width:33.33%; float:left; padding-left:6px}
.top4trangvang_hienthi{display: none}
}
@media screen and (max-width:991px) {
.yp_top4trangvang_start{width:50%; float:left; padding-right:6px; margin-bottom:13px}
.yp_top4trangvang_center{width:50%; float:left; padding-right:6px; padding-left:6px; margin-bottom:13px}
.yp_top4trangvang_end{width:50%; float:left; padding-left:6px}
.top4trangvang_hienthi{display: none}
}
@media screen and (max-width:500px) {
.yp_top4ngang_pc{display:none}
.yp_top4ngang_m{display:block}
.yp_top4trangvang_start{width:100%; float:left; padding-right:0px; margin-bottom:13px}
.yp_top4trangvang_center{width:100%; float:left; padding-right:0px; padding-left:0px; margin-bottom:13px}
.yp_top4trangvang_end{width:100%; float:left; padding-right:0px; padding-left:0px}
.top4trangvang_hienthi{display:none}
.yp_top4trangvang_div1{height:50px; width:12%; float:left; margin-top:3px; padding-left:2px; text-align:center}
.yp_top4trangvang_div2{height:auto; width:88%; float:left}
}
.thuvienanh1{float:left; width:33.33%; padding-right:6px}
.thuvienanh2{float:left; width:33.33%; padding-right:6px; padding-left:6px}
.thuvienanh3{float:left; width:33.33%; padding-left:6px}
.height_img{width:100%; height:218px}
@media screen and (max-width:768px){
.height_img{width:100%; height:166px}
}
@media screen and (max-width:500px){
.height_img{width:100%; height:100px}
}
/* croll contact */
.nut_lienhe{border: none;cursor: pointer;position: fixed;bottom:86px;right:13px;z-index:100;}
#lienhe_truot {visibility: hidden;position: fixed;z-index:100;right:16px; bottom:158px;}
#lienhe_truot.show {visibility: visible;}
.nut_zalo{height:50px; width:50px; border-radius:50%; float:right}
	.nut_zalo img{width:100%; border-radius:50%}
.img_zalo{width:100%; border-radius:50%}
.nut_email{height:50px; width:50px; background:#FFCC00; border-radius:50%; float:right}
.nut_phone{background: #ff6700; float:right; float: left; border-radius:15px 15px 15px 15px; margin-top:11px; margin-right:3px;}
.thanh_phone{height:50px; width:50px; background:#64bc46; border-radius:50%; float:right}

.hoso_left{width:28%; float:left}
.hoso_right{width:72%; float:left}
.hoso_pc{display:block}
.hoso_mobile{display:none}
@media screen and (max-width:1200px) {
.hoso_left{width:35%; float:left}
.hoso_right{width:65%; float:left}
}
@media screen and (max-width:991px) {
.hoso_left{width:28%; float:left}
.hoso_right{width:72%; float:left}
.hoso_pc{display:none}
.hoso_mobile{display:block}
}
@media screen and (max-width:768px) {
.hoso_left{width:30%; float:left}
.hoso_right{width:70%; float:left}
}
@media screen and (max-width:500px) {
.hoso_left{width:36%; float:left}
.hoso_right{width:64%; float:left}
}
#go_myBtn {display:none; position:fixed; bottom:20px; right:20px; z-index:99; font-size:28px; border:2px solid #ffde06; outline:none; background-color:#fff; cursor:pointer; padding:10px; border-radius:6px;}
#go_myBtn:hover {background-color: #f5f5f5}
.img_frame{width:100%; height:158px; display:flex; justify-content:center; flex-direction:column; align-items:center}    
.lgs_img{float:left; width:20%}	
.img_height{max-height:142px; max-width:100%}
@media screen and (max-width:1399px) {
.lgs_img{float:left; width:25%}
}
@media screen and (max-width:1199px) {
.lgs_img{float:left; width:33%}
}
@media screen and (max-width:765px) {
.lgs_img{float:left; width:50%}
}
.div_logo_company_sp{width:20%; float:left}
.div_logo_listing_basic85_sp{width:80%; float:left}
.logo_company_sp{width:100%; height:139px; table-layout:fixed; display:table!important; vertical-align:middle}
@media screen and (max-width:1280px) {
.logo_company_sp{width:100%; height:118px; table-layout:fixed; display:table!important; vertical-align:middle}
}	
@media screen and (max-width:1199px) {
.logo_company_sp{width:100%; height:100px; table-layout:fixed; display:table!important; vertical-align:middle}
}
@media screen and (max-width:991px) {
.logo_company_sp{width:100%; height:96px; table-layout:fixed; display:table!important; vertical-align:middle}
}		
.cachtren_niengiam{margin-top:36px}
.div_nganh{height:auto; width:18%; float:left; display:block}
.div_listing{height:auto; width:55%; float:left; padding-left:18px; padding-right:18px}
.div_banner{width:27%; float: right; display:block}
@media screen and (max-width:991px) {
.div_nganh{height:auto; width:18%; float:left; display:none}
.div_listing{height:auto; width:100%; float:left; padding-left:0px; padding-right:0px}
.div_banner{width:27%; float: right; display:none}
.cachtren_niengiam{margin-top:21px}
}
.accordion{cursor:pointer; background:#FFFFFF; padding:6px; padding-left:13px; padding-left:13px; width:100%; border:none; text-align:left; outline:none; transition:0.4s; margin-top:6px;}
.active, .accordion:hover{background-color:#f3f3f3;}
.accordion:after{content: '\002B'; color: #666; font-weight: bold;float: right; margin-left: 8px;}
.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; width: auto; display:inline-block; clear:both; margin-right:10px}