/* CSS of home */
a:link{color:#111; text-decoration:none}
a:hover{color:#ff6600!important; text-decoration:underline}
a:active{color:#0066FF}
a:visited{color:#111}
.fs32{font-size:32px}
.fs30{font-size:30px}
.fs26{font-size:26px}
.w318{width:318px}
.bo_tron{border-radius: 50%}
.d_pc{display:block}
.top_logo_div{height:68px; width:18%; float:left}
.margin_top-80{height:auto; margin: auto; margin-top:-80px}
.margin_top26{height:auto; margin: auto; margin-top:26px; clear:both}
.bg_chantrang{background:#f6f6f6}
.khoangcach_tren{margin-top:106px}
.f_Verdana{font-family:Verdana}
.d_mobile{display:none}
.yp_text_color{color:#ffde06}
.div_topsection{height:619px; margin:auto; background:url(../images/yellowpages_background1.jpg); background-repeat:no-repeat; background-position:center}
.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}	
.menu_for_mobile{height:30px; width:30px; position:absolute; top:20px; right:13px}
@media screen and (max-width:991px) {
.d_pc{display:none}
.d_mobile{display:block}
.khoangcach_tren{margin-top:58px}
.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_top_menu_hienthi{ display:block}
.yp_top_menu_hienthi_ngan{ display:none}
@media screen and (max-width:1199px){
.yp_top_menu_hienthi{ display: none}
.yp_top_menu_hienthi_ngan{ display:block}
}
.yp_timkiemtrangvang_div{display:none; position:fixed; z-index:100; 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}
.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(../index.html); 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_sanphamhot{height:auto; width:12.5%; float:left}
.w68{width:68%}
.yp_sanphamhot_hienthi{display:block}
@media screen and (max-width:1199px) {
.yp_sanphamhot{height:auto; width:16.66%; float:left}
.w68{width:62%}
.yp_sanphamhot_hienthi{display:none}
}
@media screen and (max-width:765px) {
.yp_sanphamhot{height:auto; width:50%; float:left}
.w68{width:38%}
.yp_sanphamhot_hienthi{display:block}
}
.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_niengiam_left{width:20%; text-transform:capitalize}
.yp_niengiam_right{width:80%}
.yp_niengiam_content{width:33.33%; padding-left:23px}
@media screen and (max-width:1350px){
.yp_niengiam_left{width:20%; text-transform:capitalize}
.yp_niengiam_right{width:80%}
.yp_niengiam_content{width:33.33%; padding-left:13px}
}
@media screen and (max-width:1279px){
.yp_niengiam_left{width:28%; text-transform:capitalize}
.yp_niengiam_right{width:72%}
.yp_niengiam_content{width:50%; padding-left:23px}
}
@media screen and (max-width:968px){
.yp_niengiam_left{width:39%; text-transform:capitalize}
.yp_niengiam_right{width:61%}
.yp_niengiam_content{width:100%; padding-left:26px}
}
@media screen and (max-width:765px) {
.yp_niengiam_left{width:100%; text-transform:uppercase}
.yp_niengiam_right{width:100%; margin-top:38px}
.yp_niengiam_content{width:100%; padding-left:0px}
}
.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}
}
#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}