/* CSS of Homepages */
.fw500{font-weight:500}
.yp_red_color{color:#CC3366!important}
.fs_13{font-size:13px!important}
.colord63384{color:#d63384}
.color66CCFF{color:#66CCFF}
.color20c997{color:#20c997}
.color792df4{color:#792df4}
.colordc3545{color:#dc3545}
.yellow_color{color:#ffde06}
.color666{color:#666}
.orange_bg{background:#ff7500}
#colorFF6600{color:#FF6600}
.star_mb{margin-bottom:8px}
.line_height38{line-height:38px}
.timkiemnganhnghe strong{border-bottom-width:2px; border-bottom-style:dotted; border-bottom-color:#ffde07; font-weight:500}
a:link{color:#111; text-decoration:none}
a:hover{color:#ff6600!important; text-decoration:underline}
a:active{color:#0066FF}
a:visited{color:#111}
.pc_display{display:block}
.m_display{ display:none}
.page_bg{background:#f4f4f4}
.bg_ffde06{background:#ffde06}
.head_text_display{display:block}
.head_bg_color{background:#ffde07}
.head_pc{display:block}
.head_m{display:none}
#head_section1{width:16%; float:left}
#head_section2{width:31%; float:left}
#head_section3{width:53%; float:right}
.menu_m{height:30px; width:30px; position:absolute; top:13px; right:10px}
.topnav {overflow: hidden;}
.topnav a {float:left; color:#222; text-align:center; padding:6px 11px; font-size:15px;}
.topnav a:hover {color:#ff6600}
.topnav-right {float: right;}
	.topnav-right strong{font-weight:600}
	
#go_myBtn {display:none; position:fixed; bottom:20px; right:30px; z-index:99; font-size:28px; border:2px solid #FFCD00; outline:none; background-color:#fff; color:#333; cursor:pointer; padding:10px; border-radius:6px;}
#go_myBtn:hover {background-color: #f7f7f7;}
#dangkydn_link{color:#FFF!important; border-bottom-color:#FFF!important}
@media screen and (max-width:1399px) {
#head_section1{width:18%; float:left}
#head_section2{width:36%; float:left}
#head_section3{width:46%; float:right}
.topnav a {float:left; color:#111; text-align:center; padding:6px 11px;text-decoration: none; font-size:15px;}
.head_text_display{display: none}
}
@media screen and (max-width:1199px) {
.topnav a {float:left; color:#111; text-align:center; padding:6px 11px;text-decoration: none; font-size:13px;}
#head_section1{width:20%; float:left}
#head_section2{width:34%; float:left}
#head_section3{width:46%; float:right}
}
@media screen and (max-width:991px) {
.pc_display{display:none}
.m_display{ display:block}
.head_pc{display:none}
.head_m{display:block}
#head_section1{width:11%; float:left}
#head_section2{width:80%; float:left}
#head_section3{width:9%; 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;}
.timkiem_buttom{width:90%; overflow:hidden; height:35px; text-align:left; padding-left:11px; padding-top:6px; padding-right:3px}
/* timkiem */
.trangvangvietnam{font-size:35px; margin-top:16px; font-family:Verdana; font-weight:600; color:#FFF; text-align:center}
.timkiemtrangvang{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:#ffde06}
.timkiemtrangvang_noidung{margin:auto; padding:25px; padding-left:3px; padding-right:3px; width:100%; position:relative}
.yellowpages{height:50px; background:#2f2f2f; width:292px; margin:auto; text-align:center; transform: rotate(-2deg)}
	.yellowpages p{font-size:38px; font-weight:700; color:#ffde06}
.div_timkiem{min-height:66px; width:88%; margin:auto; margin-top:60px; background:#FFFFFF; border-radius: 33px 33px 33px 33px}
.nut_timgi{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}
.timgi_input{border:0px solid #fff; font-family: Arial; font-size:21px; color:#666; background:none; padding-left:23px; padding-right:13px; width:100%!important; height:66px; border-radius: 33px 0px 0px 33px}
.xoa_timgi{height:38px; width:38px; top:18px; right:3px; padding-top:0px; position:absolute; font-size:31px; text-align:center; font-family:Verdana; background:#FFFFFF; font-weight:500; display:none}
.nut_odau{height:66px; width:44%; margin-top:0px; background:#FFF; float:left;  border-radius: 0px 0px 0px 0px}
.odau_input{border:0px solid #fff; font-family: Arial; font-size: 21px; color:#666; background:none; padding-left:38px; padding-right:13px; width:100%; height:66px; border-radius: 0px 0px 0px 0px}
.xoa_odau{height:38px; width:38px; top:18px; right:3px; padding-top:0px; position:absolute; font-size:31px; text-align:center; font-family:Verdana; background:#FFF; font-weight:500; display:none}
.timkiem{height:66px; width:6%; margin-top:0px; float:left; text-align:right}
.nut_find{height:66px; width:66px; border:none;background:#2f2f2f;border-radius:50%; margin-top:0px; font-size:21px; color:#ffde06}
.timtheotencongty{height:28px; width:256px; margin:auto; margin-top:30px; display:none}  
.timtheotencongty .timtheotencongty_chon{height:23px; width:23px; float:left} 
.timtheotencongty_chon input{width:16px; height:16px; margin-top:4px}
.timtheotencongty .timtheotencongty_txt{height:23px; width:223px; float:left; color:#111; margin-left:3px;}
.top_timkiem{margin-top:86px; text-align:center; color:#111; font-size:18px; display:block}	
@media screen and (max-width:991px) {
.trangvangvietnam{font-size:23px; margin-top:16px; font-family:Verdana; font-weight:600; color:#FFF; text-align:center}
.yellowpages_text{height:38px; background:#2f2f2f; width:228px; margin:auto; text-align:center; transform: rotate(-2deg)}
			.yellowpages_text p{font-size:28px; font-weight:700}
.div_timkiem{min-height:50px; width:98%; margin:auto; margin-top:26px; background:#ffde06; border-radius: 33px 33px 33px 33px}
.nut_timgi{height:50px; width:100%; margin-top:16px; background:#FFF; float:left;  border-radius: 25px 25px 25px 25px}
.timgi_input{border:0px solid #fff; font-family: Arial; font-size:16px; color:#666; background:none; padding-left:16px; padding-right:16px; width:100%!important; height:50px; border-radius: 25px 25px 25px 25px}
.xoa_timgi{height:33px; width:33px; top:11px; right:10px; padding-top:0px; position:absolute; font-size:26px; text-align:center; font-family:Verdana; background:#FFF; font-weight:500; display:none}
.nut_odau{height:50px; width:100%; margin-top:16px; background:#FFF; float:left;  border-radius: 25px 25px 25px 25px}
.odau_input{border:0px solid #fff; font-family: Arial; font-size: 16px; color:#666; background:none; padding-left:36px; padding-right:16px; width:100%; height:50px; border-radius: 25px 25px 25px 25px}
.xoa_odau{height:33px; width:33px; top:11px; right:10px; padding-top:0px; position:absolute; font-size:26px; text-align:center; font-family:Verdana; background:#FFF; font-weight:500; display:none}
.timkiem{height:50px; width:100%; margin-top:8px; float:left; text-align:right}
.nut_find{height:50px; width:100%; border:none; background:#2f2f2f; border-radius:25px 25px 25px 25px; margin-top:8px; font-size:21px; color:#ffde06}
.top_timkiem{margin-top:80px; text-align:center; color:#DDD; font-size:18px; display:none}	
.timkiem_buttom{width:93%; overflow:hidden; height:34px; margin-top:3px; text-align:left; padding-left:11px; padding-top:6px; padding-right:3px}
}
.close_search {color:#111; position:absolute; top:0px; right:16px; font-size:38px; font-weight:bold}
.close_search:hover,
.close_search:focus {color:#686868; text-decoration:none; cursor:pointer;}
/* main contenr */
.div_nganhnghe_pc{height: auto; width:17%; float:left; display:block}
.div_list_cty{height:auto; width:57%; float:left; padding-left:18px; padding-right:18px}
.div_banner_qc_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}
.div_ketquatimkiem{padding-left:3px; padding-top:11px}
.ketquatimkiem_counter{color:#333; font-size:15px}
@media screen and (max-width:1399px) {
.div_nganhnghe_pc{height: auto; width:18%; float:left; display:block}
.div_list_cty{height:auto; width:55%; float:left; padding-left:18px; padding-right:18px}
.div_banner_qc_pc{width:27%; float: right; display:block}
}
@media screen and (max-width:991px) {
.div_nganhnghe_pc{height: auto; width:16%; float:left; background:#FFFFFF; display:none}
.div_list_cty{height:auto; width:100%; float:left; padding-left:0px; padding-right:0px}
.div_banner_qc_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}
 
/* top4ngang */
.w_99{width:99%}
.addtop_pc{display:block}
.addtop_m{display:none}
.addtop50{float:left; width:50%; margin-top:3px; border-right-color:#DDD; border-right-style:solid; border-right-width:1px; text-align:center}
.addtop25{float:left; width:25%; margin-top:3px; border-right-color:#DDD; border-right-style:solid; border-right-width:1px; text-align:center}
.addtop_mobile_100{width:100%; float: left; margin-top:8px; text-align:center}
.addtop_mobile_50{width:50%; float: left; margin-top:8px; text-align:center}
@media screen and (max-width:991px){
.w_99{width:99%}
.addtop_pc{display:none}
.addtop_m{display:block}
.addtop50{float:left; width:100%; margin-top:3px; border-right-color:#DDD; border-right-style:solid; border-right-width:1px; border-right:none; text-align:center}
.addtop25{float:left; width:50%; margin-top:3px; border-right-color:#DDD; border-right-style:solid; border-right-width:1px; border-right:none; text-align:center}
}

/* listings */   
.icon_nhataitropc{display:block}
	.icon_nhataitropc img{width:16px; padding-top:2px; padding-bottom:2px}
.icon_nhataitro_m{display:none}
.nhataitro_text{font-size:11px; color:#e89e00}	
.nhataitro_text_ngan{font-size:11px; color:#898989; padding-left:5px; padding-right:5px}
.daxacthuc_pc{display:block}
.daxacthuc_m{display:none}
.by_trangvang{color:#898989; font-size:10px; text-align:center}
.star_checked {color:orange}
.star_898989{color:#C3C3C3}
.star_text{color:#e89e00; padding-left:2px; font-size:11px; text-transform:uppercase; 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}

.stt{float:left; width:5%; padding-top:3px}
	.stt_txt{height:20px; width:25px; background:#ffde07; text-align:center; font-size:12px; font-weight:500; border-radius:3px; padding-top:1px;}
.listings_center{float:left; height:auto; width:80%}
.listings_center_khongxacthuc{float:left; height:auto; width:95%}
.listings_right{float:right; height: auto; width:15%}
.nganh_listing{color:#898989; font-size:13px}
.nganh_listing_txt{color:#007BAC; text-transform:uppercase; font-size:13px}
.listing_dienthoai{font-size:16px; font-weight:500}

.cach_truoc{float:left; width:5%; height:8px}
.text_qc{color:#C60; font-weight:388; line-height:23px}
.div_textqc{float:left; width:91%}
.div_logo_diachi{float:left; width:93%}
.div_showimages{float:left; width:91%}

.logo_congty{min-height:60px; width:19%; float:left}
.logo_congty_diachi{width:81%; height:auto; float:left}
.listing_diachi_nologo{width:100%; float:left; height:auto}
.email_web_section{float:left; width:93%}
	.email_web_section a{margin-bottom:10px; padding:2px 10px; background:#FFF; border-color:#DDD; color:#007BAC!important; font-size:16px; border-style:solid; border-width:1px; border-radius:10px; width: auto; display:inline-block; margin-right:11px}
	.email_web_section a:hover{text-decoration:underline;color:#ff6600!important}
.see_detail{margin-bottom:10px; padding:2px 10px; background:#FFF; border-color:#DDD; color:#007BAC!important; border-style:solid; border-width:1px; border-radius:10px; width:auto; display:inline-block; margin-right:10px}
.banneradd_formobile{display:none}

.xemchitiet{float:left}
	.xemchitiet a{background: #E7E7E7 url(../../images/bg-button-bi-more-details.png) repeat-x; padding:2px 10px; border-color:#DDD; color:#555!important; font-size:13px; border-style:solid; border-width:1px; border-radius:10px; width: auto; display:inline-block}
	.xemchitiet a:hover{text-decoration:underline; color:#ff6600!important}
.xemchitiet_div{width:89px; float: left; height:30px; margin-top:51px}	
@media screen and (max-width:1199px) {
.icon_nhataitropc{display: none}
.icon_nhataitro_m{display: block}	
.daxacthuc_pc{display:none}
.daxacthuc_m{display: block}
.by_trangvang{color:#999; font-size:9px; text-align:center}
}
@media screen and (max-width:991px){
.banneradd_formobile{display:block}
}
@media screen and (max-width:500px) {
.icon_nhataitro_m{display: block}	
.icon_nhataitropc{display: none}
.daxacthuc_pc{display:none}
.daxacthuc_m{display:block}
.by_trangvang{color:#999; font-size:9px; padding-top:5px; text-align:center}
.text_qc{color:#C60; font-weight:388; line-height:21px}
.stt{float:left; width:6%; height:25px}
.stt_txt{height:20px; width:21px; background:#ffde07; text-align:center; font-size:12px; font-weight:500; border-radius:3px;}
.listings_center{float:left; width:78%}
.listings_center_khongxacthuc{float:left; height:auto; width:93%}
.listings_right{float:right; height:80px; width:16%}
.listing_dienthoai{font-size:15px; font-weight:500}
.cach_truoc{float:left; width:6%; height:8px}
.email_web_section a{margin-bottom:10px; padding:2px 10px; background:#FFF; border-color:#DDD; color:#007BAC!important; font-size:13px; border-style:solid; border-width:1px; border-radius:10px; width: auto; display:inline-block; margin-right:2px}
}
/* hinh anh san pham */   
.big_image{height:80px; width:86px; margin-top:3px; float:left}
.small_image{height:66px; width:68px; margin-top:16px; float:left}
.image_show{display:flex; justify-content:center; flex-direction:column; align-items:center; margin-right:6px}
.image_noshow{display:flex; justify-content:center; flex-direction:column; align-items:center; margin-right:6px}
@media screen and (max-width:1399px) {
.big_image{height:75px; width:80px; margin-top:8px; float:left}
.small_image{height:58px; width:60px; margin-top:25px; float:left}
.image_show{display:flex; justify-content:center; flex-direction:column; align-items:center; margin-right:5px}
}
@media screen and (max-width:1100px) {
.big_image{height:70px; width:75px; margin-top:11px; float:left}
.small_image{height:50px; width:55px; margin-top:31px; float:left}
.image_show{display:flex; justify-content:center; flex-direction:column; align-items:center; margin-right:5px}
}
@media screen and (max-width:500px) {
.big_image{height:60px; width:60px; margin-top:3px; float:left}
.small_image{height:60px; width:60px; margin-top:3px; float:left}
.image_show{display:flex; justify-content:center; flex-direction:column; align-items:center; margin-right:6px}
.image_noshow{display: none}
}
@media screen and (max-width:418px) {
.big_image{height:53px; width:53px; margin-top:3px; float:left}
.small_image{height:53px; width:53px; margin-top:3px; float:left}
.image_show{display:flex; justify-content:center; flex-direction:column; align-items:center; margin-right:6px}
.image_noshow{display: none}
}
.piczoom{
-webkit-transition: all .1s ease; 
-moz-transition: all .1s ease; 
-o-transition: all .1s ease;
-ms-transition: all .1s ease; 
transition: all .1s ease;
max-width: 100%;
}
.piczoom:hover{
-webkit-transform:scale(3.25); 
-moz-transform:scale(3.25); 
-ms-transform:scale(3.25); 
-o-transform:scale(3.25); 
transform:scale(3.25);
}
#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: 6px 6px 6px 6px; 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: 6px 6px 6px 6px; text-align:center; float:left}
}

.muclucnganhnghe{font-size:20px; padding-top:31px; font-weight:600; font-family:Verdana; color:#383838; text-align:center}
#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}
}
.mucluc_pc{display:block}
.mucluc_mobile{display:none}
@media screen and (max-width:991px) {
.mucluc_pc{display:none}
.mucluc_mobile{display:block}
}

.foot_signup1{width:22%!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}
.foot_signup3{width:15%!important; float:left; text-align:left; padding-left:8px; padding-top:21px}
	.foot_signup3 a{color:#FFF!important; text-decoration:none}
.buttom_bg_footer_signup {background:#ff6a00!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:63%!important; float:left; font-size:14px; padding-top:15px}
.foot_signup3{width:15%!important; float:left; text-align:left; padding-left:8px; padding-top:21px}
.buttom_bg_footer_signup {background:#ff6a00!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:63%!important; float:left; font-size:12px; padding-top:12px}
.foot_signup3{width:15%!important; float:left; text-align:left; padding-left:8px; padding-top:18px}
.buttom_bg_footer_signup {background:#ff6a00!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:18px}
.buttom_bg_footer_signup {background:#ff6a00!important; width:80%; font-size:15px}
}
.lienket_chantrang{background:#f4f4f4; text-align:center; font-size:15px}
.sangiaodich{width:20%; float:left; text-align: right}
.noidung_chantrang{width:80%; float:left; text-align:center; padding-right:238px; line-height:33px; color:#333!important}
@media screen and (max-width:1399px) {
.sangiaodich{width:18%; float:left; text-align: right}
.noidung_chantrang{width:82%; float:left; text-align:center; padding-right:189px; padding-left:15px; line-height:33px; color:#333!important}
}
@media screen and (max-width:991px) {
.sangiaodich{width:100%; float:left; text-align: right; text-align:center}
.noidung_chantrang{width:100%; float:left; text-align:center; padding-right:0px; padding-top:18px; line-height:33px; color:#333!important}
}