/* CSS of class */
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}
.bg_chantrang{background:#f6f6f6}
.yp_chantrang a{color:#666}
.yp_height_menu{height:60px; margin:auto}	
.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}
@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}
.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_timkiemtrangvang_div{display:none; position:fixed; z-index:100; left:0; top:0; width:100%; height:619px; overflow:auto; background:url(https://www.gvenc.onedev.top/images/yellowpages_background1.jpg); background-repeat:no-repeat; background-position:center; border-radius: 0px 0px 16px 16px}
.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(https://www.gvenc.onedev.top/yp_css/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%}
}

.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:1199px) {
.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:929px) {
.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: block}
}
@media screen and (max-width:500px) {
.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: block}
.yp_top4ngang_pc{display:none}
.yp_top4ngang_m{display:block}
}

.pc_display{display:block}
.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}
#timkiemnganhnghe strong{border-bottom-width:2px; border-bottom-style:dotted; border-bottom-color:#ffde07; font-weight:500}
#timkiemnganhnghe_tinh strong{border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#ffde07; font-weight:400}
.star_checked {color:orange}
.star_898989{color:#C3C3C3}
.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}
.star_text_s{color:#898989; padding-left:6px; font-size:12px; font-family:Verdana}

.accordion{cursor:pointer; background:#FFFFFF; padding:9px; 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: 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; width: auto; display:inline-block; clear:both; margin-right:10px}
.width99{width:98%}
@media screen and (max-width:991px){
.div_nganh{height:auto; width:18%; float:left; display:block}
.div_listing{height:auto; width:100%; float:left; padding-left:0px; padding-right:0px}
.div_banner{width:27%; float: right; display:block}
.pc_display{display: none}
}

.yp_sothutu{width:6%; padding:8px; padding-top:16px; float:left}
.yp_noidunglistings{width:89%; float:left}
.yp_sothutu_txt{width:100%; font-size:16px; font-weight:600; background:#ffde06}
.yp_sothutu_txt_small{width:100%; font-size:15px; background:#ffde06}
.logo_company_table_cell{display:table-cell; text-align:center; vertical-align:middle}
.logo_company{width:100%; min-height:68px; table-layout:fixed; display:table!important; vertical-align:middle}
.div_img_sanpham{height:96px; table-layout:fixed; display:table!important; vertical-align:middle}
.div_img_sanpham_table_cell{display:table-cell; text-align:center; vertical-align:middle}
.yp_div_logo_pc{float:left; width:20%; min-height:68px}
.yp_div_logo_mobile{width:20%; min-height:38px; float:left; padding-right:11px}
.img_sanpham{width:20%; float:left; padding-right:13px} 
.img_size{max-height:86px; max-width:100%} 
.img_opacity{opacity:1.0}
.text_color_sanpham{color:#555}
.cover {object-fit: cover;}
.hienthisanpham{ display: block}
.hienthi_pc{display:block}
.hienthi_mobile{display:none}
.yp_diachi_logo{width:80%; padding-left:13px;}
.yp_diachi_logo_mobile{width:80%; height:auto; float:left}
.yp_div_logo_diachi{margin-top:18px}
.yp_logo_img_max{max-width:100%; max-height:89px}
.yp_nganh_tile{color:#666666; font-family:Verdana; font-size:12px}
.yp_nganh_text{font-size:13px; color:#007BAC; text-transform:uppercase}
.banneradd_mobile{display:none}
.text_quangcao{color:#C60; line-height:23px}
.h_15{height:15px}
@media screen and (max-width:991px){
.banneradd_mobile{display:block}
}
@media screen and (max-width:500px){
.yp_sothutu{width:7%; padding:3px; padding-right:2px; padding-top:16px; float:left}
.yp_noidunglistings{width:91%; float:left}
.div_img_sanpham{height:75px; table-layout:fixed; display:table!important; vertical-align:middle}
.img_sanpham{width:25%; float:left; padding-right:6px} 
.img_size{max-height:68px; max-width:100%}
.img_opacity{opacity:0.8}
.hienthisanpham{ display:none}
.hienthi_pc{display:none}
.hienthi_mobile{display:block}
.yp_diachi_logo{width:100%; padding-left:0px;}
.yp_div_logo_diachi{margin-top:10px}
.yp_logo_img_max{max-width:100%; max-height:68px}
}

#paging{height:auto;}
#paging a{padding:6px 13px; margin-right:8px; background:#FFF; color:#111!important; border-color:#FFCD00; border-style:solid; border-width:2px; border-radius: 10px 10px 10px 10px; text-align:center; float:left}
#paging a.active{border-color:#FFCD00; 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:765px){
#paging a{padding:3px 9px; margin-right:3px; color:#111!important; border-color:#FFCD00; border-style:solid; border-width:1px; border-radius: 10px 10px 10px 10px; text-align:center; float:left}
}

.orange_bg{background:#ff7500}
#dangkydoanhnghiep{color:#FFF!important; border-bottom-color:#FFF!important}
.color666{color:#666}
#colorFF6600{color:#FF6600}

.foot_signup1{width:21%!important; float:left; text-align:center; font-size:23px; font-weight:500; padding-top:16px}
.foot_signup2{width:63%!important; float:left; font-size:16px; padding-top:13px; padding-right:10px}
.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:21%!important; float:left; text-align:center; font-size:21px; font-weight:500; padding-top:16px}
.foot_signup2{width:63%!important; float:left; font-size:14px; padding-top:15px; padding-right:10px}
.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:21%!important; float:left; text-align:center; font-size:18px; font-weight:500; padding-top:13px}
.foot_signup2{width:63%!important; float:left; font-size:12px; padding-top:12px; padding-right:10px}
.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}}

#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}