OK
http://yp.com.hk/
Websites
Runtime: 2.9s
On April 26, 2025, 09:54 PM UTC, http://yp.com.hk/ was accessible when tested on AS9304 in Hong Kong.
Failures
HTTP Experiment
null
DNS Experiment
null
Control
null
DNS Queries
Resolver:
210.3.254.19
Query:
IN A yp.com.hk
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
A
40.83.117.185
TCP Connections
Connection to 40.83.117.185:80 succeeded.
HTTP Requests
URL
GET https://yp.com.hk/
Response Headers
Cache-Control:public, max-age=7200Connection:keep-aliveContent-Length:169584Content-Type:text/html; charset=utf-8Date:Sat, 26 Apr 2025 21:54:25 GMTExpires:Sat, 26 Apr 2025 23:54:25 GMTLast-Modified:Sat, 26 Apr 2025 21:54:25 GMTServer:Microsoft-IIS/10.0Set-Cookie:ApplicationGatewayAffinityCORS=605c4ffb342eeabece228800597925c3; Path=/; SameSite=None; SecureVary:*X-Aspnet-Version:4.0.30319X-Aspnetmvc-Version:5.2X-Powered-By:ASP.NET
Response Body
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="é¤é£²ï¼å¨æ¨ï¼è³¼ç©ï¼æ
éï¼é£åï¼é¤é£²è¨åï¼å®¶åºç¨åï¼æåï¼å¯µç©ï¼é«çï¼ç¾å®¹ï¼ä¿å¥æåï¼å©ç¦®æåï¼æè²ï¼èè¡ï¼é«è²ï¼å¨æ¨ï¼å»ºç¯ï¼è£é£¾ï¼ç°å¢å·¥ç¨ï¼éè¡ï¼éèï¼ç©æ¥ï¼ä¿éªï¼åæ¥ï¼å°æ¥æåï¼çµç¹ï¼å®æï¼ç¤¾ææåï¼ç¦®åï¼è±åºï¼ç 寶ï¼ç©å
·ï¼æè£ï¼é
件ï¼ç´¡ç¹åï¼å°å·ï¼è¾¦å
¬è¨åï¼è¨ç®æ©ï¼ä¿¡æ¯æè¡ï¼é»åï¼è¨åï¼é輸ï¼ç©æµï¼é屬ï¼æ©æ¢°ï¼è¨åï¼å¡æï¼ç³æ²¹åå·¥ï¼åå·¥ï¼å
¬å¸ä¸å¸" />
<meta name="description" content="æ好çæ¬å°åæ¥ç®éå
æ¬é¤é£²ï¼å¨æ¨ï¼è³¼ç©ï¼æ
éï¼é£åï¼é¤é£²è¨åï¼å®¶åºç¨åï¼æåï¼å¯µç©ï¼é«çï¼ç¾å®¹ï¼ä¿å¥æåï¼å©ç¦®æåï¼æè²ï¼èè¡ï¼é«è²ï¼å¨æ¨ï¼å»ºç¯ï¼è£é£¾ï¼ç°å¢å·¥ç¨ï¼éè¡ï¼éèï¼è²¡ç¢ï¼ä¿éªï¼åæ¥ï¼å°æ¥æåï¼çµç¹ï¼å®æï¼ç¤¾ææåï¼ç¦®åï¼è±åºï¼ç 寶ï¼ç©å
·ï¼æè£ï¼é
件ï¼ç´¡ç¹åï¼å°å·ï¼è¾¦å
¬è¨åï¼è¨ç®æ©ï¼ä¿¡æ¯æè¡ï¼é»åï¼è¨åï¼é輸ï¼ç©æµï¼é屬ï¼æ©æ¢°ï¼è¨åï¼å¡æï¼ç³æ²¹åå·¥ï¼åå·¥ã" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>yp.com.hk - 主é - IYP Web</title>
<link href="/IYPWEB/Content/css?v=snUgTqSENMG7LOY3A6uG2yaFaBzs9CwH6mgFw0ny5XI1" rel="stylesheet"/>
<link href="/Content/social/css/bootstrap.css" rel="stylesheet" media="screen">
<link href="/Content/social/css/font-awesome.css" rel="stylesheet">
<link href="/Content/social/css/docs.css" rel="stylesheet">
<link href="/Content/bootstrap-social.css" rel="stylesheet">
<script>
var isDebug = "false";
</script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-animateNumber/0.0.14/jquery.animateNumber.js"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<link href="/Content/iyp.css" rel="stylesheet" />
<link href="https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"
rel="stylesheet">
<script src="/Scripts/spin.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="/Scripts/iyp/iyp.js"></script>
<script src="/Scripts/iyp/css_browser_selector.js"></script>
<link href="/Content/iypIEHack.css" rel="stylesheet" />
<style>
.ui-tooltip-content {
background-color: white;
}
.ui-tooltip-content::after, .ui-tooltip-content::before {
content: "";
position: absolute;
border-style: solid;
display: block;
left: 90px;
}
.ui-tooltip-content::before {
bottom: -10px;
border-color: #AAA transparent;
border-width: 10px 10px 0;
}
.ui-tooltip-content::after {
bottom: -7px;
border-color: white transparent;
border-width: 10px 10px 0;
}
.iYPBList {
margin-left: 10px;
margin-right: 10px;
margin-top: 21px;
margin-bottom: 21px;
}
.miYPBList {
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
font-size: 14px;
}
.ypMaxFullWidthAd {
text-align: center;
display: block;
}
.ypMaxFullWidthAd img {
max-width: 100% !important;
}
.iypLayout_contentWrapper {
max-width: 1020px;
width: 80%;
margin: auto;
min-width: 900px;
}
.iypContentSection {
display: flex;
}
.iypColContentSection {
display: flex;
flex-direction: column;
}
body {
font-family: PingFangHK-Regular, Helvetica, arial, "Microsoft JhengHei", "å¾®è»æ£é»é«" !important;
font-family: PingFangHK-Ultralight, Helvetica, arial, "Microsoft JhengHei", "å¾®è»æ£é»é«" !important;
font-family: PingFangHK-Light, Helvetica, arial, "Microsoft JhengHei", "å¾®è»æ£é»é«" !important;
font-family: PingFangHK-Thin, Helvetica, arial, "Microsoft JhengHei", "å¾®è»æ£é»é«" !important;
font-family: PingFangHK-Medium, Helvetica, arial, "Microsoft JhengHei", "å¾®è»æ£é»é«" !important;
font-family: PingFangHK-Semibold, Helvetica, arial, "Microsoft JhengHei", "å¾®è»æ£é»é«" !important;
}
.elementSeparator {
height: 1px;
background-color: #cecece;
width: 100%;
margin-left: auto;
margin-right: auto;
}
a {
color: #9b9b9b !important;
}
.iypContentBackground {
background-color: #f7f7f7;
}
</style>
<script>
function handleOutboundLinkClicks(type, url) {
ga('send', 'event', {
eventCategory: 'associated_link',
eventAction: 'click',
eventLabel: type,
eventValue: 1,
});
//alert(type);
//alert(url);
mywindow = window.open(url, "_blank");
}
</script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
</head>
<body id="yp_body" class="iypContentBackground">
<script>
CheckClientBroswer();
$(document).ready(function () {
//TODO: check the tooltip
//$('[data-toggle="j"]').tooltip({
// placement: "bottom"
//});
var isMobile = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|webOS|BlackBerry|IEMobile|Opera Mini)/i);
if (isMobile) {
$('#downloadAppSection').attr("style", "display: flex;");
}
$('#showmore').click(function () {
var $this = $(this);
$this.toggleClass('seemore');
if ($this.hasClass('seemore')) {
$this.text('å±ç¤ºæ´å¤... »');
} else {
$this.text('顯示è¼å°... «');
}
});
document.addEventListener("DOMContentLoaded", function () {
let needDotDotDots = $(".iYPDotDotDot");
for (var i = 0; i < needDotDotDots.length; i++) {
var needDot = needDotDotDots[i];
let options = {
// Options go here
};
new Dotdotdot(needDot, options);
}
});
});
function GoogleAnalytic_Template(template_name) {
ga('send', 'event', {
eventCategory: template_name + '_link',
eventAction: 'click',
eventLabel: template_name + ' website',
eventValue: 1,
});
}
</script>
<!--Search Box-->
<div id="searchbox">
<style>
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
color: black;
font-size: large;
}
.sticky {
position: fixed;
top: 0;
width: 100%;
}
</style>
<script>
$(function () {
function setMobileMenuPosition() {
$("#mobileMenuContent").css('top', $("#navBarSection").position().top + $("#navBarSection").height());
}
var funcHideDownloadAppFunc = function () {
$('#downloadAppSection').slideUp("show", function () {
setMobileMenuPosition();
});
var d = new Date();
d.setTime(d.getTime() + (30 * 24 * 60 * 60 * 1000));
var expires = "expires=" + d.toUTCString();
document.cookie = "downloadApp" + "=" + "here" + ";" + expires + ";path=/";
};
$('#downloadAppCloseBtnLeft').on('click', funcHideDownloadAppFunc);
$('#downloadAppCloseBtnRight').on('click', funcHideDownloadAppFunc);
$("#btnSearch").on('click', function () {
var keyword = $("input[name=what]").val().trim();
//var district = $("input[name=where]").val().trim();
var doamin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
var url = "";
if (keyword) {
url = doamin + "/Keyword/s-" + encodeURIComponent(keyword) + "/p1/zh";
GoogleAnalytic_SearchBox(keyword);
//alert(url);
location.href = url;
}
else {
alert('è«è¼¸å
¥ééµå');
return false;
}
});
$("input[name=what]").keyup(function (e) {
if (e.keyCode === 13) {
$("#btnSearch").click();
}
});
$("#what").autocomplete({
source: function (request, response) {
$.ajax({
url: "/Keyword/Suggest",
type: "POST",
dataType: "json",
data: { Prefix: request.term },
success: function (data) {
response($.map(data, function (item) {
return { label: item.Keyword, value: item.Keyword };
}))
}
})
},
messages: {
noResults: "", results: ""
}
});
var searchFunction = function () {
var keyword = $("input[name=mWhat]").val().trim();
//var district = $("input[name=where]").val().trim();
var doamin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
var url = "";
if (keyword) {
url = doamin + "/Keyword/s-" + encodeURIComponent(keyword) + "/p1/zh";
GoogleAnalytic_SearchBox(keyword);
//alert(url);
location.href = url;
}
else {
alert('è«è¼¸å
¥ééµå');
return false;
}
};
$("#mBtnSearch").on('click', searchFunction);
$("#mBtnSearchFont").on('click', searchFunction);
$("input[name=mWhat]").keyup(function (e) {
if (e.keyCode === 13) {
$("#mBtnSearch").click();
}
});
$("#mWhat").autocomplete({
source: function (request, response) {
$.ajax({
url: "/Keyword/Suggest",
type: "POST",
dataType: "json",
data: { Prefix: request.term },
success: function (data) {
response($.map(data, function (item) {
return { label: item.Keyword, value: item.Keyword };
}))
}
})
},
messages: {
noResults: "", results: ""
}
});
var headerOffset = $("#navBarSection").offset().top;
window.onscroll = function (){
if (window.pageYOffset > headerOffset) {
$("#navBarSection").addClass("sticky");
$("#mobileMenuContent").addClass("sticky");
} else {
$("#navBarSection").removeClass("sticky");
$("#mobileMenuContent").removeClass("sticky");
}
setMobileMenuPosition();
};
setMobileMenuPosition();
$("#mobileMenuContent").removeClass("d-block");
$("#mobileMenuContent").hide();
function triggerMenu() {
setMobileMenuPosition();
if (!$("#mobileMenuContent").is(':hidden')) {
$("#mobileMenuContent").removeClass("d-block");
$("#mobileMenuContent").slideUp("slow", function () {
});
} else {
$("#mobileMenuContent").slideDown("slow", function () {
$("#mobileMenuContent").addClass("d-block");
});
}
}
$("#mobileMenuBtn").on("click", triggerMenu);
$("#mobileMenuBtn2").on("click", triggerMenu);
});
</script>
<script>
function GoogleAnalytic_SearchBox(keyword) {
ga('send', 'event', {
eventCategory: 'keyword_main',
eventAction: 'click',
eventLabel: keyword,
eventValue: 1,
});
}
//function searchboxpress(e)
//{
// if (e.keyCode === 13) {
// $("#btnSearch").click();
// }
//}
//function setWhere(district) {
// $("input[name=where]").val(district);
// collapseAll();
// $("#ShowDistrict").slideToggle('fast');
// //$("input[name=where]").focus();
// $("#btnSearch").focus();
//}
//function collapseAll() {
// $('#ShowHK').fadeOut('fast');
// $('#ShowNT').fadeOut('fast');
// $('#ShowKln').fadeOut('fast');
//}
</script>
<style>
.upTriangle {
background-image: url('/Images/icon/up_triangle.svg');
width: 8.6px;
height: 4px;
margin-top: auto;
margin-bottom: auto;
margin-right: 11.7px;
}
.downTriangle {
background-image: url('/Images/icon/up_triangle.svg');
width: 8.6px;
height: 4px;
margin-top: auto;
margin-bottom: auto;
margin-right: 11.7px;
transform: rotate(-180deg);
}
.aSelected {
color: #4a4a4a !important;
}
.mainContainer {
display: flex;
flex-direction: column;
}
.downloadAppSection {
display: none;
background-color: #4a4a4a;
align-items: center;
padding-top: 16px;
padding-bottom: 16px;
}
.downloadAppContainer {
display: flex;
display: -ms-flexbox;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
margin-right: auto;
max-width: 1024px;
}
.downloadAppClose {
background-image: url('/Images/icon/cancel.svg');
background-repeat: no-repeat;
background-size: contain;
width: 25px;
height: 25px;
cursor: pointer;
}
.downloadAppButton {
cursor: pointer;
text-align: center;
line-height: 40px;
height: 40px;
color: white;
border-radius: 20px;
border: solid 1px white;
margin-left: auto;
margin-right: auto;
}
.searchBarContainer {
display: flex;
flex-direction: column;
}
.navBarSection {
background-color: #ffcb00;
width: 100%;
justify-content: center;
align-content: center;
display: flex;
z-index: 777689;
}
.blocker {
z-index: 777 !important;
}
.close-modal {
display: none !important;
}
.navContent {
max-width: 1024px;
width: 100%;
margin: auto;
}
.fbLogo {
width: 40px;
height: 40px;
background-size: contain;
background-image: url('/Images/icon/facebookLogo.svg');
margin-top: auto;
margin-bottom: auto;
cursor: pointer;
}
.navRow0 {
height: 65px;
display: flex;
margin-left: 5px;
margin-right: 5px;
justify-content: space-between;
}
.mNavRow0 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.mainLogo {
width: 30%;
margin-top: 10px;
margin-bottom: 10px;
background-image: url('/Images/icon/logo.svg');
background-repeat: no-repeat;
background-size: contain;
cursor: pointer;
}
.mMainLogo {
margin-top: 10px !important;
margin-bottom: 10px !important;
background-size: contain;
background-position: left center;
}
.langSocial {
height: 65px;
display: flex;
justify-content: flex-end;
width: 210px;
}
.divLang {
margin-top: auto;
margin-bottom: auto;
padding-left: 12px;
color: #9b9b9b;
font-family: PingFangHK, Arial;
font-size: 14px;
font-weight: 500;
}
.mobileMenu {
background-image: url('/Images/icon/menu.svg');
background-repeat: no-repeat;
background-size: contain;
width: 20px;
height: 20px;
display: block;
margin-top: auto;
margin-bottom: auto;
cursor: pointer;
}
.mainSearchSection {
width: 100%;
height: 290px;
background-image: url('/Images/mHero_092019.jpg');
background-repeat: no-repeat;
background-size: cover;
background-attachment: local;
background-position: center;
display: flex;
}
.mMainSearchSection {
height: 205px !important;
}
.searchContent {
padding-top: 130px;
height: 70px;
width: 80%;
max-width: 1000px;
min-width: 400px;
margin: auto;
flex-direction: column;
}
@media only screen and (max-height: 768px) {
.mainSearchSection {
height: 290px;
}
}
.mSearchContent {
padding-top: 85px;
min-width: unset !important;
}
.searchField {
flex: 1;
display: flex;
height: 35px;
}
.genericSearchField {
padding-left: 10px;
padding-right: 10px;
margin-top: auto;
margin-bottom: auto;
}
.searchField0 {
width: 90px;
margin-top: auto;
margin-bottom: auto;
color: white;
min-width: 90px;
/*text-shadow: 0px 2px rgba(0, 0, 0, 0.5);*/
}
.searchField1 {
width: auto;
flex: 1;
margin-top: auto;
margin-bottom: auto;
color: white;
/*text-shadow: 0px 2px rgba(0, 0, 0, 0.5);*/
}
.searchField1 a {
color: white !important;
}
.searchTextFieldContainer {
width: 60%;
display: flex;
height: 100%;
justify-content: space-between;
flex: 1;
background-color: white;
border-radius: 10px;
}
.searchFieldTextFieldDecoration {
flex: 1;
display: flex;
}
.searchFieldButton {
background-image: url('/Images/icon/search.svg');
background-repeat: no-repeat;
background-size: contain;
width: 52px;
}
.genericSearchFieldButton {
cursor: pointer;
width: 35px;
height: 35px;
border-radius: 8px;
margin-left: 5px;
background-color: rgb(74, 74, 74);
background-image: url('/Images/icon/search-white.svg');
background-repeat: no-repeat;
background-size: 23px 23px;
background-position: center;
}
.searchFieldSearchIcon {
width: 21px;
height: 21px;
background-image: url('/Images/icon/fill-1.svg');
background-repeat: no-repeat;
background-size: contain;
margin-left: 20px;
margin-top: auto;
margin-bottom: auto;
}
.searchInput {
border: none;
outline: none;
max-width: inherit;
padding-left: 17px;
flex: 1;
color: #9b9b9b;
font-family: PingFangHK, Arial;
font-size: 15px;
}
.mSearchInput {
width: calc(100% - 30px);
background-color: transparent;
}
.genericSearchInput {
width: auto !important;
background-color: transparent;
}
.searchWhat {
font-size: 18px;
}
.searchKeywords {
padding-top: 13px;
display: flex !important;
font-size: 15px;
}
#btnSearch {
cursor: pointer;
}
</style>
<script>
var isLangSectionExpanded = false;
var isAboutUsExpanded = false;
var isAdEquiryExpanded = false;
</script>
<div class='searchBarContainer'>
<!-- Download App -->
<div id='downloadAppSection' class='downloadAppSection justify-content-md-center'>
<div class='downloadAppContainer col-12 col-md-10'>
<div id="downloadAppCloseBtnLeft" class='downloadAppClose d-block d-sm-none d-xs-none'></div>
<div class='downloadAppButton downloadAppButtonText col-auto' onclick="javascript:window.open('https://yp1083.ypbizhub.com.hk/', '');">
ç«å³ä¸è¼yp1083ææ©app
</div>
<div id="downloadAppCloseBtnRight" class='downloadAppClose d-none d-sm-block d-xs-block'></div>
</div>
</div>
<!-- Nav Bar -->
<div class='navBarSection responsiveDesktop'>
<div class='navContent'>
<div class='navRow0'>
<div class='mainLogo' style="" onclick="window.location.replace('/home/zh')">
</div>
<div class='langSocial'>
<a onclick="handleOutboundLinkClicks('YP Facebook', 'https://www.facebook.com/HKYellowPages/?hc_ref=SEARCH')" class='fbLogo'></a>
<div class='divLang'>
<a href="https://yp.com.hk/IYPWEB/en">ENG</a> | <a class='aSelected' href="https://yp.com.hk/IYPWEB/zh">ç¹é«</a> | <a href="https://yp.com.hk/IYPWEB/sc">ç®ä½</a>
</div>
</div>
<div id='mobileMenuBtn' class='mobileMenu d-sm-none'></div>
</div>
</div>
</div>
<div id="navBarSection" class='navBarSection responsiveMobile'>
<div class='navContent'>
<div class='navRow0 mNavRow0'>
<div class='mainLogo mMainLogo' onclick="window.location.replace('/home/zh')">
</div>
<div id='mobileMenuBtn2' class='mobileMenu'></div>
</div>
</div>
<style>
.mobileMenuContent {
z-index: 1999;
position: absolute;
width: 100%;
background-color: rgba(255, 203, 0, 0.95);
padding-left: 13px;
padding-right: 13px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.mobileMenuSpacing {
height: 20px;
width: 100%;
}
.mobileMenuContainer {
display: flex;
justify-content: space-between;
}
.mobileMenuUnSelectItem a {
color: #4a4a4a !important;
}
.mobileMenuUnSelectItem, .mobileMenuSelectItem {
font-size: 14px;
color: #4a4a4a;
line-height: 18px;
display: block;
margin-top: 5px;
}
.mobileMenuSelectItem {
color: black !important;
}
.mobileMenuTitle {
font-size: 16px;
font-weight: bold;
}
.mMenuTitleContainer {
display: flex;
justify-content: space-between;
}
#langArrow {
margin-top: auto;
margin-bottom: auto;
}
.mobileMenuArrow {
display: flex;
}
.mMenuTitleContainer {
cursor: pointer;
}
</style>
<div id="mobileMenuContent" class="mobileMenuContent d-block" style="display: none !important;">
<div class="mobileMenuSpacing"></div>
<div class="mMenuTitleContainer" onclick="$('#langSubMenu').toggle(); $('#langArrow').toggleClass('downTriangle upTriangle');">
<div class="mobileMenuTitle">èªè¨</div>
<div class="mobileMenuArrow"><div id="langArrow" class="downTriangle"></div></div>
</div>
<div id="langSubMenu" style="display: none;">
<a href="https://yp.com.hk/IYPWEB/en" class="mobileMenuUnSelectItem">ENG</a>
<a class="mobileMenuSelectItem">ç¹é«</a>
<a href="https://yp.com.hk/IYPWEB/sc" class="mobileMenuUnSelectItem">ç®ä½</a>
</div>
<div class="mobileMenuSpacing"></div>
<div class="mMenuTitleContainer" onclick="$('#adnProduct').toggle(); $('#adnProductArrow').toggleClass('downTriangle upTriangle');">
<div class="mobileMenuTitle">廣åæ¹æ¡</div>
<div class="mobileMenuArrow"><div id="adnProductArrow" class="downTriangle"></div></div>
</div>
<div id="adnProduct" style="display: none;">
<!-- <div class="mobileMenuUnSelectItem"><a onclick="javascript:window.open('/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f', ''); return false;" href="/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f" target="_blank">網ä¸é»é </a></div>-->
<div class="mobileMenuUnSelectItem"><a onclick="javascript:window.open('/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f', ''); return false;" href="/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f" target="_blank">ååå°å</a></div>
<div class="mobileMenuUnSelectItem"><a onclick="javascript:window.open('/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f', ''); return false;" href="/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f" target="_blank">Now TV</a></div>
<div class="mobileMenuUnSelectItem"><a onclick="javascript:window.open('/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f', ''); return false;" href="/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f" target="_blank">Now.comåææ©æç¨ç¨å¼</a></div>
<div class="mobileMenuUnSelectItem"><a onclick="javascript:window.open('/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f', ''); return false;" href="/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f" target="_blank">網ä¸æ¨å»£</a></div>
<!-- <div class="mobileMenuUnSelectItem"><a onclick="javascript:window.open('/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f', ''); return false;" href="/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f" target="_blank">ä¸åçé·æ¹æ¡</a></div>
<div class="mobileMenuUnSelectItem"><a onclick="javascript:window.open('/Frame/other.html?url=https%3a%2f%2flistingpage.ypbizhub.com.hk%2fzh-hk', ''); return false;" href="/Frame/other.html?url=https%3a%2f%2flistingpage.ypbizhub.com.hk%2fzh-hk" target="_blank">åç»å
¬å¸è³æ</a></div>-->
</div>
<div class="mobileMenuSpacing"></div>
<div class="mMenuTitleContainer" onclick="$('#aboutUsSubMenu').toggle(); $('#aboutUsArrow').toggleClass('downTriangle upTriangle');">
<div class="mobileMenuTitle">éæ¼æå</div>
<div class="mobileMenuArrow"><div id="aboutUsArrow" class="downTriangle"></div></div>
</div>
<div id="aboutUsSubMenu" style="display: none;">
<div class="mobileMenuUnSelectItem"><a onclick="javascript:window.open('/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f', ''); return false;" href="/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f" target="_blank">å
¬å¸è³æ</a></div>
<div class="mobileMenuUnSelectItem"><a onclick="javascript:window.open('/ypaward2020', ''); return false;" href="/ypaward2020" target="_blank">港人港æ
åç大ç</a></div>
<div class="mobileMenuUnSelectItem"><a href="http://ypbrandaward2020.ypbizhub.com.hk/">æç´åªç§åç大ç</a></div>
<div class="mobileMenuUnSelectItem"><a href="/Frame/other.html?url=https://yellowpageshk.ypbizhub.com.hk/è¯çµ¡æå">客æ¶æå</a></div>
</div>
<div class="mobileMenuSpacing"></div>
<div class="mobileMenuTitle" onclick="javascript:window.open('/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f%e8%81%af%e7%b5%a1%e6%88%91%e5%80%91', '')">è¯ç¹«æå</div>
<div class="mobileMenuSpacing"></div>
</div>
</div>
<!-- Main Search Hero -->
<div class='mainSearchSection d-none d-sm-block d-xs-block'>
<div class='searchContent'>
<div class='searchField'>
<div class='searchField0 searchWhat'>
æå°ä»éº¼ :
</div>
<div class='searchField1 searchTextFieldContainer'>
<div class='searchFieldSearchIcon'> </div>
<input id="what" name="what" style="max-width: 817px;" class='searchInput' placeholder="å
¬å¸ï¼é¡å¥ï¼é»è©±è碼..." />
<div id="btnSearch" class='searchFieldButton'></div>
</div>
</div>
<div class='searchKeywords'>
<div class='searchField0'>
</div>
<div class='searchField1'>
ç±éééµè©ï¼
<a href="/Keyword/s-é«ç/p1/zh">é«ç</a> | <a href="/Keyword/s-Aç/p1/zh">Aç</a> | <a href="/Keyword/s-Cç/p1/zh">Cç</a> | <a href="/Keyword/s-ç©æµ/p1/zh">ç©æµ</a> | <a href="/Keyword/s-å·¥ç¨/p1/zh">å·¥ç¨</a> | <a href="/Keyword/s-èé¡/p1/zh">èé¡</a> | </div>
</div>
</div>
</div>
<div class='mainSearchSection mMainSearchSection d-block d-sm-none d-xs-none'>
<div class='searchContent mSearchContent'>
<div class='searchField'>
<div class='searchField1 searchTextFieldContainer'>
<div class="searchFieldSearchIcon"> </div>
<input id="mWhat" name="mWhat" class='searchInput mSearchInput' placeholder="å
¬å¸ï¼é¡å¥ï¼é»è©±è碼..." />
</div>
<style>
.yellowSearch {
background-color: #ffcb00;
}
</style>
<div id="mBtnSearchFont" class='searchFieldButton genericSearchFieldButton yellowSearch'></div>
</div>
</div>
</div>
</div>
</div>
<div style="height:100%;min-height:800px;">
<script>
CheckClientBroswer();
</script>
<style>
.bx-wrapper img {
margin: 0 auto;
}
.elementTitle {
font-size: 32px;
text-align: center;
font-weight: bold;
}
.mElementTitle {
font-size: 25px;
}
</style>
<!-- All Categories -->
<div class="d-block d-sm-none d-xs-none">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<style>
.img-responsive {
display: inline;
max-width: 100%;
height: auto;
}
.ico_txt {
margin-left: 5px;
font-size: 12px;
}
/*read more*/
.opened {
height: auto;
}
.less {
float: right;
}
.toggle .less,
.opened .toggle .open {
display: none;
}
.toggle .opened,
.opened .toggle .less {
display: inline;
}
.allCategoriesSection {
display: flex;
height: auto;
background-color: #f2f1f1;
}
@media only screen and (min-width: 1024px) {
.allCategoriesSection {
padding-top: 20px;
}
}
.categoryContent {
max-width: 1020px;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
flex-direction: column;
}
.categoryContent div a {
display: none;
}
.mCategoryContent {
width: 100%;
height: auto;
flex-direction: column;
}
.canHide {
display: none;
}
.categoryContent .img-responsive {
width: 30px !important;
height: 30px !important;
margin-top: auto;
margin-bottom: auto;
background-color: transparent;
max-height: 30px !important;
max-width: 30px !important;
min-height: 30px !important;
min-width: 30px !important;
margin-right: 10px !important;
}
.categoryContent .ellipis {
font-size: 14px !important;
color: #6c6c6c !important;
margin-top: 9px !important;
margin-bottom: 9px !important;
}
.categoryContent .text-center {
margin-bottom: 5px !important;
font-size: 10px !important;
}
</style>
<script>
$(document).ready(function () {
$("#menuBxSlider").bxSlider({
auto: false
});
showLess();
});
</script>
<div class="allCategoriesSection">
<div class="categoryContent responsiveCategory">
<style>
.categoryA{
font-family: PingFangHK, Arial;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #6c6c6c !important;
}
</style>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Business-Professional-Services/zh" title="åæ¥åå°æ¥æå" style=""></a>
<div style="display: flex; height: 50px">
<div style="display: flex; ">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_bs.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Business-Professional-Services/zh" title="åæ¥åå°æ¥æå" style=" display:table-cell; vertical-align: middle;">åæ¥åå°æ¥æå</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Printing-Office-Equipment/zh" title="å°å·ã辦å
¬å®¤ç¨å" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto; margin-right: auto;">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_print.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Printing-Office-Equipment/zh" title="å°å·ã辦å
¬å®¤ç¨å" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">å°å·ã辦å
¬å®¤ç¨å</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Transportation-Logistics/zh" title="é輸ãç©æµ" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_trans.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Transportation-Logistics/zh" title="é輸ãç©æµ" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">é輸ãç©æµ</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Construction-Decoration-Environmental-Engineering/zh" title="建é ãè£ä¿®ãç°ä¿å·¥ç¨" style=""></a>
<div style="display: flex; height: 50px">
<div style="display: flex; ">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_cons.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Construction-Decoration-Environmental-Engineering/zh" title="建é ãè£ä¿®ãç°ä¿å·¥ç¨" style=" display:table-cell; vertical-align: middle;">建é ãè£ä¿®ãç°ä¿å·¥ç¨</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Household-Products-Services-Pets/zh" title="家å±
ç¨ååæåã寵ç©" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto; margin-right: auto;">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_hous.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Household-Products-Services-Pets/zh" title="家å±
ç¨ååæåã寵ç©" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">家å±
ç¨ååæåã寵ç©</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Food-Products-Restaurant-Equipment/zh" title="é£å糧油ãé¤é£²æ¥è¨å" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_food.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Food-Products-Restaurant-Equipment/zh" title="é£å糧油ãé¤é£²æ¥è¨å" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">é£å糧油ãé¤é£²æ¥è¨å</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Metals-Machinery-Equipment/zh" title="äºéãæ©æ¢°ãåå¨" style=""></a>
<div style="display: flex; height: 50px">
<div style="display: flex; ">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_metas.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Metals-Machinery-Equipment/zh" title="äºéãæ©æ¢°ãåå¨" style=" display:table-cell; vertical-align: middle;">äºéãæ©æ¢°ãåå¨</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Electronics-Equipment/zh" title="é»åé¶ä»¶åè¨å" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto; margin-right: auto;">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_elec.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Electronics-Equipment/zh" title="é»åé¶ä»¶åè¨å" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">é»åé¶ä»¶åè¨å</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Plastics-Petro-Chemicals-Chemicals/zh" title="å¡è ãç³æ²¹ãåå·¥" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_plas.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Plastics-Petro-Chemicals-Chemicals/zh" title="å¡è ãç³æ²¹ãåå·¥" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">å¡è ãç³æ²¹ãåå·¥</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Medical-Beauty-Health-Care-Services/zh" title="é«çç¾å®¹ãå¥åº·è·ç" style=""></a>
<div style="display: flex; height: 50px">
<div style="display: flex; ">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_beau.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Medical-Beauty-Health-Care-Services/zh" title="é«çç¾å®¹ãå¥åº·è·ç" style=" display:table-cell; vertical-align: middle;">é«çç¾å®¹ãå¥åº·è·ç</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Dining-Entertainment-Shopping-Travel/zh" title="飲é£å¨æ¨ãè³¼ç©æ
é" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto; margin-right: auto;">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_din.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Dining-Entertainment-Shopping-Travel/zh" title="飲é£å¨æ¨ãè³¼ç©æ
é" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">飲é£å¨æ¨ãè³¼ç©æ
é</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Bank-Finance-Property-Insurance/zh" title="éè¡éèãå°ç¢ä¿éª" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_bk.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Bank-Finance-Property-Insurance/zh" title="éè¡éèãå°ç¢ä¿éª" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">éè¡éèãå°ç¢ä¿éª</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Clothing-Accessories-Textiles/zh" title="æè£åé
飾ãç´¡ç¹å" style=""></a>
<div style="display: flex; height: 50px">
<div style="display: flex; ">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_cloth.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Clothing-Accessories-Textiles/zh" title="æè£åé
飾ãç´¡ç¹å" style=" display:table-cell; vertical-align: middle;">æè£åé
飾ãç´¡ç¹å</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Gifts-Florists-Jewellery-Toys/zh" title="禮åãè±åãç 寶ãç©å
·" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto; margin-right: auto;">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_gif.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Gifts-Florists-Jewellery-Toys/zh" title="禮åãè±åãç 寶ãç©å
·" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">禮åãè±åãç 寶ãç©å
·</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Education-Art-Sports-Recreation/zh" title="æè²ãèè¡ã康é«éå" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_edu.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Education-Art-Sports-Recreation/zh" title="æè²ãèè¡ã康é«éå" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">æè²ãèè¡ã康é«éå</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Computer-Information-Technology/zh" title="é»è
¦åè³è¨ç§æ" style=""></a>
<div style="display: flex; height: 50px">
<div style="display: flex; ">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_comp.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Computer-Information-Technology/zh" title="é»è
¦åè³è¨ç§æ" style=" display:table-cell; vertical-align: middle;">é»è
¦åè³è¨ç§æ</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Organisations-Religion-Social-Services/zh" title="社åãå®æãå
Œ
±äºæ¥" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto; margin-right: auto;">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_org.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Organisations-Religion-Social-Services/zh" title="社åãå®æãå
Œ
±äºæ¥" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">社åãå®æãå
Œ
±äºæ¥</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Wedding-Services/zh" title="å©ç¦®æå" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_wed.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Wedding-Services/zh" title="å©ç¦®æå" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">å©ç¦®æå</a>
</div>
</div>
</div>
</div>
<style>
.showExtension {
font-family: PingFangHK;
font-size: 13px;
color: #9b9b9b;
text-align: center;
width: 100%;
height: 20px;
}
#spanShowLess, #spanShowMore {
cursor: pointer;
font-family: PingFangHK;
}
#spanShowLess {
display:none;
}
.mCategoriesRow{
width: 100%;
display: flex;
}
</style>
<script>
function showMore() {
$('.canHide').show();
$('span#spanShowMore').hide();
$('span#spanShowLess').show();
}
function showLess() {
$('.canHide').hide();
$('span#spanShowLess').hide();
$('span#spanShowMore').show();
}
</script>
<div class="showExtension col-xs-12">
<span id="spanShowMore" onclick="showMore();">å±ç¤ºæ´å¤</span>
<span id="spanShowLess" onclick="showLess();">顯示è¼å°</span>
</div>
</div>
<div class="mCategoryContent mResponsiveCategory">
<style>
.mCategoriesContainer {
padding-top: 27px;
width: 100%;
height: 245px;
display: flex;
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
background-color: #f2f1f1 !important;
}
.bx-wrapper {
box-shadow: unset !important;
-webkit-box-shadow: unset !important;
}
.mCategoryContainer {
display: flex;
flex-direction: column;
align-items: center;
background-color: transparent;
flex: 1;
cursor: pointer;
margin-left: 5px;
margin-right: 5px;
}
.mCategoryIcon {
width: 38px;
height: 38px;
min-height: 38px;
min-width: 38px;
margin-top: auto;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.mCategoryText {
padding-top: 3px;
text-align: center;
font-size: 13px !important;
padding-left: 0px !important;
overflow: hidden;
margin-bottom: auto;
font-family: PingFangHK;
color: #6c6c6c !important;
}
.mCategoryText .ellipis {
text-align: center;
width: 100px;
margin-left: 3px;
margin-right: 3px;
}
</style>
<div id="menuBxSlider">
<div class='mCategoriesContainer'><div class='mCategoriesRow'> <div class="mCategoryContainer" onclick="window.location.replace('/Category/Business-Professional-Services/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_bs.png" class="mCategoryIcon">
<div class="mCategoryText"><span>åæ¥åå°æ¥æå</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Printing-Office-Equipment/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_print.png" class="mCategoryIcon">
<div class="mCategoryText"><span>å°å·ã辦å
¬å®¤ç¨å</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Transportation-Logistics/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_trans.png" class="mCategoryIcon">
<div class="mCategoryText"><span>é輸ãç©æµ</span></div>
</div>
</div><div class='mCategoriesRow'> <div class="mCategoryContainer" onclick="window.location.replace('/Category/Construction-Decoration-Environmental-Engineering/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_cons.png" class="mCategoryIcon">
<div class="mCategoryText"><span>建é ãè£ä¿®ãç°ä¿å·¥ç¨</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Household-Products-Services-Pets/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_hous.png" class="mCategoryIcon">
<div class="mCategoryText"><span>家å±
ç¨ååæåã寵ç©</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Food-Products-Restaurant-Equipment/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_food.png" class="mCategoryIcon">
<div class="mCategoryText"><span>é£å糧油ãé¤é£²æ¥è¨å</span></div>
</div>
</div></div><div class='mCategoriesContainer'><div class='mCategoriesRow'> <div class="mCategoryContainer" onclick="window.location.replace('/Category/Metals-Machinery-Equipment/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_metas.png" class="mCategoryIcon">
<div class="mCategoryText"><span>äºéãæ©æ¢°ãåå¨</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Electronics-Equipment/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_elec.png" class="mCategoryIcon">
<div class="mCategoryText"><span>é»åé¶ä»¶åè¨å</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Plastics-Petro-Chemicals-Chemicals/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_plas.png" class="mCategoryIcon">
<div class="mCategoryText"><span>å¡è ãç³æ²¹ãåå·¥</span></div>
</div>
</div><div class='mCategoriesRow'> <div class="mCategoryContainer" onclick="window.location.replace('/Category/Medical-Beauty-Health-Care-Services/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_beau.png" class="mCategoryIcon">
<div class="mCategoryText"><span>é«çç¾å®¹ãå¥åº·è·ç</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Dining-Entertainment-Shopping-Travel/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_din.png" class="mCategoryIcon">
<div class="mCategoryText"><span>飲é£å¨æ¨ãè³¼ç©æ
é</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Bank-Finance-Property-Insurance/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_bk.png" class="mCategoryIcon">
<div class="mCategoryText"><span>éè¡éèãå°ç¢ä¿éª</span></div>
</div>
</div></div><div class='mCategoriesContainer'><div class='mCategoriesRow'> <div class="mCategoryContainer" onclick="window.location.replace('/Category/Clothing-Accessories-Textiles/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_cloth.png" class="mCategoryIcon">
<div class="mCategoryText"><span>æè£åé
飾ãç´¡ç¹å</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Gifts-Florists-Jewellery-Toys/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_gif.png" class="mCategoryIcon">
<div class="mCategoryText"><span>禮åãè±åãç 寶ãç©å
·</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Education-Art-Sports-Recreation/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_edu.png" class="mCategoryIcon">
<div class="mCategoryText"><span>æè²ãèè¡ã康é«éå</span></div>
</div>
</div><div class='mCategoriesRow'> <div class="mCategoryContainer" onclick="window.location.replace('/Category/Computer-Information-Technology/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_comp.png" class="mCategoryIcon">
<div class="mCategoryText"><span>é»è
¦åè³è¨ç§æ</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Organisations-Religion-Social-Services/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_org.png" class="mCategoryIcon">
<div class="mCategoryText"><span>社åãå®æãå
Œ
±äºæ¥</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Wedding-Services/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_wed.png" class="mCategoryIcon">
<div class="mCategoryText"><span>å©ç¦®æå</span></div>
</div>
</div></div> </div>
</div>
</div>
<script src="/Scripts/jquery_dot/jquery.dotdotdot.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<script>
$(window).on('load', function () {
/*var sliderAds = $('#sliderAds').bxSlider({
auto: true,
controls: true,
stopAutoOnClick: false,
responsive: true,
useCSS: false,
infiniteLoop: true,
onSlideAfter: function () {
sliderAds.stopAuto();
sliderAds.startAuto();
}
});*/
$('.sliderAds').not('.slick-initialized').slick({
dots: true,
autoplay: true,
arrows: false,
autoplaySpeed: 2000
});
});
</script>
<style>
.adRowSection {
padding-top: 43px;
padding-bottom: 43px;
width: 100%;
}
.adRow {
display: flex;
width: 100%;
max-width: 1020px;
/*min-width: 910px;*/
justify-content: space-between;
margin-left: auto;
margin-right: auto;
}
.slick-slide img {
margin-left: auto;
margin-right: auto;
}
.bx-prev, .bx-next {
display: none !important;
}
.bx-wrapper {
border: none;
}
.bx-wrapper img {
display: block;
max-width: 100%;
}
</style>
<style>
.adsPlaceholder {
max-width: 300px;
max-height: 250px;
width: 30%;
/*height: 250px;*/
background-color: transparent;
}
.mAdsPlaceholder {
width: 100%;
/*height: 250px;*/
max-height: 250px;
text-align: center;
background-color: transparent;
}
</style>
<div class="ypResponiveHelperTablet">
<div class="sliderAds">
<!-- BNH_CL01RW01 -->
<div class="mAdsPlaceholder">
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageBanner1&seed=20250427054217&use_https=1"></script>
</div>
<!-- BNH_CL02RW01 -->
<div class="mAdsPlaceholder">
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageBanner2&seed=20250427054217&use_https=1"></script>
</div>
<!-- BNH_CL03RW01 -->
<div class="mAdsPlaceholder">
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageBanner3&seed=20250427054217&use_https=1"></script>
</div>
</div>
</div>
<div class="ypResponiveHelperDesktop">
<div class="adRowSection" style="padding-top: 10px;">
<div class="adRow">
<!-- BNH_CL01RW01 -->
<div class="adsPlaceholder">
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageBanner1&seed=20250427054217&use_https=1"></script>
</div>
<!-- BNH_CL02RW01 -->
<div class="adsPlaceholder">
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageBanner2&seed=20250427054217&use_https=1"></script>
</div>
<!-- BNH_CL03RW01 -->
<div class="adsPlaceholder">
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageBanner3&seed=20250427054217&use_https=1"></script>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('.sliderLeastInfo').not('.slick-initialized').slick({
dots: true,
autoplay: true,
arrows: false,
autoplaySpeed: 2000
});
});
</script>
<style>
.img-responsive {
display: inline;
max-width: 100%;
height: auto;
}
.ico_txt {
margin-left: 5px;
font-size: 12px;
}
/*read more*/
.opened {
height: auto;
}
.less {
float: right;
}
.toggle .less,
.opened .toggle .open {
display: none;
}
.toggle .opened,
.opened .toggle .less {
display: inline;
}
.categoryContent {
max-width: 1020px;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
flex-direction: column;
}
.lastInfoSection {
width: 100%;
background-color: #f7f7f7;
}
.lastInfoContainerRow {
padding-top: 20px;
padding-bottom: 20px;
display: flex;
justify-content: space-between;
}
.leastInfoAd {
height: 240px;
text-align: center;
}
.leastInfoBackground {
background-color: #f7f7f7;
}
</style>
<div class="ypResponiveHelperTablet">
<div class="elementTitle mElementTitle">
ææ°è³è¨
</div>
<div class="sliderLeastInfo">
<div class="leastInfoAd">
<!-- BNH_CL01RW02 -->
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageContent1&seed=20250427054217&use_https=1"></script>
</div>
<div class="leastInfoAd">
<!-- BNH_CL02RW02 -->
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageContent2&seed=20250427054217&use_https=1"></script>
</div>
<div class="leastInfoAd">
<!-- BNH_CL06RW03 -->
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageContent6&seed=20250427054217&use_https=1"></script>
</div>
<div class="leastInfoAd">
<!-- BNH_CL03RW02 -->
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageContent3&seed=20250427054217&use_https=1"></script>
</div>
<div class="leastInfoAd">
<!-- BNH_CL04RW03 -->
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageContent4&seed=20250427054217&use_https=1"></script>
</div>
<div class="leastInfoAd">
<!-- BNH_CL05RW03 -->
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageContent5&seed=20250427054217&use_https=1"></script>
</div>
</div>
</div>
<div class="adRowSection ypResponiveHelperDesktop">
<style>
.newsPadding {
padding-bottom: 43px;
}
</style>
<div class="elementTitle newsPadding">
ææ°è³è¨
</div>
<div class="adRow" style="padding-bottom: 43px">
<div class="leastInfoAd">
<!-- BNH_CL01RW02 -->
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageContent1&seed=20250427054217&use_https=1"></script>
</div>
<div class="leastInfoAd">
<!-- BNH_CL02RW02 -->
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageContent2&seed=20250427054217&use_https=1"></script>
</div>
<div class="leastInfoAd">
<!-- BNH_CL03RW02 -->
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageContent3&seed=20250427054217&use_https=1"></script>
</div>
</div>
<div class="adRow">
<div class="leastInfoAd">
<!-- BNH_CL04RW03 -->
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageContent4&seed=20250427054217&use_https=1"></script>
</div>
<div class="leastInfoAd">
<!-- BNH_CL05RW03 -->
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageContent5&seed=20250427054217&use_https=1"></script>
</div>
<div class="leastInfoAd">
<!-- BNH_CL06RW03 -->
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageContent6&seed=20250427054217&use_https=1"></script>
</div>
</div>
</div>
<style>
.oneStopSection {
padding-bottom: 43px;
width: 100%;
display: flex;
flex-direction: column;
}
.multiMediaContainer {
display: flex;
flex-direction: column;
}
.mmRow {
width: 18%;
background-color: dimgrey;
height: 80px;
width: calc(50% - 12px);
padding-top: 20%;
}
.multiMediaRow0 {
padding-top: 45px;
height: 100%;
width: 100%;
display: flex;
justify-content: space-between;
}
.multiMediaRow1 {
padding-top: 45px;
height: 100%;
width: 100%;
display: flex;
justify-content: space-between;
}
.multiMediaRow2 {
padding-top: 45px;
height: 100%;
width: 100%;
display: flex;
justify-content: space-between;
}
.multiMediaRow3 {
padding-top: 45px;
height: 100%;
width: 100%;
display: flex;
justify-content: space-between;
}
.yellowPageIncreaseBusinessDescription {
padding-top: 12px;
font-size: 13px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 36px;
}
.mmCol {
display: flex;
margin-left: auto;
margin-right: auto;
justify-content: center;
margin-top: -10px;
margin-bottom: -10px;
}
.mRow {
background-size: contain;
width: 200px;
height: 200px;
background-repeat: no-repeat;
}
@media only screen and (max-width: 1024px) {
.mRow{
width: 100px;
height: 100px;
}
.mmCol{
justify-content: space-around;
}
}
</style>
<div class="d-block d-md-none">
<div class="elementTitle mElementTitle">ä¸ç«å¼å¤åªé«å»£å宣å³æ¹æ¡</div>
<!--<div class="elementTitle mElementTitle">_é»é å©å¢å å
¬å¸çæ</div>
<img src="/Images/pic-01.png" style="width: 100%; padding-bottom: 30px;">
<div class="yellowPageIncreaseBusinessDescription">
_YPç許å¤å¥½èé½æ¯å
è²»çãæ´æ°æ¨çå家詳æ
ï¼å
æ¬çæ¥æéï¼ä»æ¬¾æ¹å¼çãééè¦è¿60è¬åypProfileçåå ãYellowpages.comåæåçYPæç¨ç¨åºçºè§ç¾æä¾äº20ï¼
ç購買å¯è½æ§ã
</div>-->
<div class='mmCol'><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" class='mRow' style='background-image:url("/Images/group_logo_png/group_logo-04.png?23112020")'></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" class='mRow' style='background-image:url("/Images/group_logo_png/group_logo-02.png?23112020")'></div></div><div class='mmCol'><div onClick="{window.location.href = '/brandaward2020';}" class='mRow' style='background-image:url("/Images/group_logo_png/group_logo-08.png?23112020")'></div><div onClick="{window.location.href = '/ypaward2020';}" class='mRow' style='background-image:url("/Images/group_logo_png/group_logo-07.png?23112020")'></div></div><div class='mmCol'><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" class='mRow' style='background-image:url("/Images/group_logo_png/group_logo-11.png?23112020")'></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" class='mRow' style='background-image:url("/Images/group_logo_png/group_logo-15.png?23112020")'></div></div><div class='mmCol'><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" class='mRow' style='background-image:url("/Images/group_logo_png/group_logo-14.png?23112020")'></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" class='mRow' style='background-image:url("/Images/group_logo_png/group_logo-10.png?23112020")'></div></div><div class='mmCol'><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" class='mRow' style='background-image:url("/Images/group_logo_png/group_logo-16.png?23112020")'></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" class='mRow' style='background-image:url("/Images/group_logo_png/group_logo-17.png?23112020")'></div></div><div class='mmCol'><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" class='mRow' style='background-image:url("/Images/group_logo_png/group_logo-05.png?23112020")'></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" class='mRow' style='background-image:url("/Images/group_logo_png/group_logo-06.png?23112020")'></div></div><div class='mmCol'><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" class='mRow' style='background-image:url("/Images/group_logo_png/group_logo-09.png?23112020")'></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" class='mRow' style='background-image:url("/Images/group_logo_png/group_logo-03.png?23112020")'></div></div><div class='mmCol'><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" class='mRow' style='background-image:url("/Images/group_logo_png/group_logo-13.png?23112020")'></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" class='mRow' style='background-image:url("/Images/group_logo_png/group_logo-12.png?23112020")'></div></div>
</div>
<div class="oneStopSection d-none d-md-block">
<div class="iypLayout_contentWrapper" style="min-width: unset;">
<div class='elementSeparator'></div>
<div class='elementTitle' style="padding-top: 43px; padding-bottom: 43px;">ä¸ç«å¼å¤åªé«å»£å宣å³æ¹æ¡</div>
<div class='multiMediaContainer'>
<div style="display: flex; margin-left: 4px; margin-right: 4px; justify-content: space-between;">
<div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" style="cursor: pointer; width: 160px; height: 160px; background-repeat: no-repeat; background-size: contain; background-image:url('/Images/group_logo_png/group_logo-04.png?23112020');"></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" style="cursor: pointer; width: 160px; height: 160px; background-repeat: no-repeat; background-size: contain; background-image:url('/Images/group_logo_png/group_logo-02.png?23112020');"></div><div onClick="{window.location.href = '/ypaward2020';}" style="cursor: pointer; width: 160px; height: 160px; background-repeat: no-repeat; background-size: contain; background-image:url('/Images/group_logo_png/group_logo-07.png?23112020');"></div><div onClick="{window.location.href = '/brandaward2020';}" style="cursor: pointer; width: 160px; height: 160px; background-repeat: no-repeat; background-size: contain; background-image:url('/Images/group_logo_png/group_logo-08.png?23112020');"></div> </div>
<div style="display: flex; margin-left: 30px; margin-right: 30px; justify-content: space-between;">
<div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" style="cursor: pointer; width: 160px; height: 160px; background-repeat: no-repeat; background-size: contain; background-image:url('/Images/group_logo_png/group_logo-11.png?23112020'); margin-top: -30px;"></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" style="cursor: pointer; width: 160px; height: 160px; background-repeat: no-repeat; background-size: contain; background-image:url('/Images/group_logo_png/group_logo-15.png?23112020'); margin-top: -30px;"></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" style="cursor: pointer; width: 160px; height: 160px; background-repeat: no-repeat; background-size: contain; background-image:url('/Images/group_logo_png/group_logo-14.png?23112020'); margin-top: -30px;"></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" style="cursor: pointer; width: 160px; height: 160px; background-repeat: no-repeat; background-size: contain; background-image:url('/Images/group_logo_png/group_logo-10.png?23112020'); margin-top: -30px;"></div> </div>
<div style="display: flex; margin-left: 30px; margin-right: 30px; justify-content: space-between;">
<div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" style="cursor: pointer; width: 160px; height: 160px; background-repeat: no-repeat; background-size: contain; background-image:url('/Images/group_logo_png/group_logo-16.png?23112020'); margin-top: -30px;"></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" style="cursor: pointer; width: 160px; height: 160px; background-repeat: no-repeat; background-size: contain; background-image:url('/Images/group_logo_png/group_logo-17.png?23112020'); margin-top: -30px;"></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" style="cursor: pointer; width: 160px; height: 160px; background-repeat: no-repeat; background-size: contain; background-image:url('/Images/group_logo_png/group_logo-05.png?23112020'); margin-top: -30px;"></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" style="cursor: pointer; width: 160px; height: 160px; background-repeat: no-repeat; background-size: contain; background-image:url('/Images/group_logo_png/group_logo-06.png?23112020'); margin-top: -30px;"></div> </div>
<div style="display: flex; margin-left: 4px; margin-right: 4px; justify-content: space-between;">
<div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" style="cursor: pointer; width: 160px; height: 160px; background-repeat: no-repeat; background-size: contain; background-image:url('/Images/group_logo_png/group_logo-09.png?23112020'); margin-top: -30px;"></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" style="cursor: pointer; width: 160px; height: 160px; background-repeat: no-repeat; background-size: contain; background-image:url('/Images/group_logo_png/group_logo-03.png?23112020'); margin-top: -30px;"></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" style="cursor: pointer; width: 160px; height: 160px; background-repeat: no-repeat; background-size: contain; background-image:url('/Images/group_logo_png/group_logo-13.png?23112020'); margin-top: -30px;"></div><div onClick="{window.location.href = '/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f';}" style="cursor: pointer; width: 160px; height: 160px; background-repeat: no-repeat; background-size: contain; background-image:url('/Images/group_logo_png/group_logo-12.png?23112020'); margin-top: -30px;"></div> </div>
</div>
</div>
</div>
<style>
.ourClientSection {
width: 100%;
display: flex;
flex-direction: column;
}
.ourClientContainer {
display: flex;
width: 100%;
margin-left: auto;
margin-right: auto;
flex-direction: column;
justify-content: space-between;
}
.ourClientRow0, .ourClientRow1, .ourClientRow2 {
display: flex;
width: 100%;
justify-content: space-between;
}
.ocRow {
width: 200px;
height: 200px;
background-size: contain;
background-attachment: local;
background-position: center;
background-repeat: no-repeat;
}
</style>
<div class="d-block d-md-none">
</div>
<div class="ourClientSection d-none d-md-block">
<div class="iypLayout_contentWrapper" style="min-width: unset;">
<div class='elementSeparator'></div>
<div class='elementTitle' style="margin-top: 43px;">æåç客æ¶</div>
<div class='ourClientContainer'>
<div class='ourClientRow0'><div class='ocRow' style='background-image:url("/Images/client_logo/big5/client_logo-001.png")'></div><div class='ocRow' style='background-image:url("/Images/client_logo/big5/client_logo-002.png")'></div><div class='ocRow' style='background-image:url("/Images/client_logo/big5/client_logo-003.png")'></div><div class='ocRow' style='background-image:url("/Images/client_logo/big5/client_logo-004.png")'></div><div class='ocRow' style='background-image:url("/Images/client_logo/big5/client_logo-005.png")'></div></div><div class='ourClientRow0'><div class='ocRow' style='background-image:url("/Images/client_logo/big5/client_logo-006.png")'></div><div class='ocRow' style='background-image:url("/Images/client_logo/big5/client_logo-007.png")'></div><div class='ocRow' style='background-image:url("/Images/client_logo/big5/client_logo-008.png")'></div><div class='ocRow' style='background-image:url("/Images/client_logo/big5/client_logo-009.png")'></div><div class='ocRow' style='background-image:url("/Images/client_logo/big5/client_logo-010.png")'></div></div><div class='ourClientRow0'><div class='ocRow' style='background-image:url("/Images/client_logo/big5/client_logo-011.png")'></div><div class='ocRow' style='background-image:url("/Images/client_logo/big5/client_logo-012.png")'></div><div class='ocRow' style='background-image:url("/Images/client_logo/big5/client_logo-013.png")'></div><div class='ocRow' style='background-image:url("/Images/client_logo/big5/client_logo-014.png")'></div><div class='ocRow' style='background-image:url("/Images/client_logo/big5/client_logo-015.png")'></div></div>
</div>
</div>
</div>
</div>
<div class="d-none d-sm-block d-xs-block">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<style>
.img-responsive {
display: inline;
max-width: 100%;
height: auto;
}
.ico_txt {
margin-left: 5px;
font-size: 12px;
}
/*read more*/
.opened {
height: auto;
}
.less {
float: right;
}
.toggle .less,
.opened .toggle .open {
display: none;
}
.toggle .opened,
.opened .toggle .less {
display: inline;
}
.allCategoriesSection {
display: flex;
height: auto;
background-color: #f2f1f1;
}
@media only screen and (min-width: 1024px) {
.allCategoriesSection {
padding-top: 20px;
}
}
.categoryContent {
max-width: 1020px;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
flex-direction: column;
}
.categoryContent div a {
display: none;
}
.mCategoryContent {
width: 100%;
height: auto;
flex-direction: column;
}
.canHide {
display: none;
}
.categoryContent .img-responsive {
width: 30px !important;
height: 30px !important;
margin-top: auto;
margin-bottom: auto;
background-color: transparent;
max-height: 30px !important;
max-width: 30px !important;
min-height: 30px !important;
min-width: 30px !important;
margin-right: 10px !important;
}
.categoryContent .ellipis {
font-size: 14px !important;
color: #6c6c6c !important;
margin-top: 9px !important;
margin-bottom: 9px !important;
}
.categoryContent .text-center {
margin-bottom: 5px !important;
font-size: 10px !important;
}
</style>
<script>
$(document).ready(function () {
$("#menuBxSlider").bxSlider({
auto: false
});
showLess();
});
</script>
<div class="allCategoriesSection">
<div class="categoryContent responsiveCategory">
<style>
.categoryA{
font-family: PingFangHK, Arial;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #6c6c6c !important;
}
</style>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Business-Professional-Services/zh" title="åæ¥åå°æ¥æå" style=""></a>
<div style="display: flex; height: 50px">
<div style="display: flex; ">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_bs.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Business-Professional-Services/zh" title="åæ¥åå°æ¥æå" style=" display:table-cell; vertical-align: middle;">åæ¥åå°æ¥æå</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Printing-Office-Equipment/zh" title="å°å·ã辦å
¬å®¤ç¨å" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto; margin-right: auto;">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_print.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Printing-Office-Equipment/zh" title="å°å·ã辦å
¬å®¤ç¨å" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">å°å·ã辦å
¬å®¤ç¨å</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Transportation-Logistics/zh" title="é輸ãç©æµ" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_trans.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Transportation-Logistics/zh" title="é輸ãç©æµ" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">é輸ãç©æµ</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Construction-Decoration-Environmental-Engineering/zh" title="建é ãè£ä¿®ãç°ä¿å·¥ç¨" style=""></a>
<div style="display: flex; height: 50px">
<div style="display: flex; ">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_cons.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Construction-Decoration-Environmental-Engineering/zh" title="建é ãè£ä¿®ãç°ä¿å·¥ç¨" style=" display:table-cell; vertical-align: middle;">建é ãè£ä¿®ãç°ä¿å·¥ç¨</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Household-Products-Services-Pets/zh" title="家å±
ç¨ååæåã寵ç©" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto; margin-right: auto;">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_hous.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Household-Products-Services-Pets/zh" title="家å±
ç¨ååæåã寵ç©" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">家å±
ç¨ååæåã寵ç©</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Food-Products-Restaurant-Equipment/zh" title="é£å糧油ãé¤é£²æ¥è¨å" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_food.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Food-Products-Restaurant-Equipment/zh" title="é£å糧油ãé¤é£²æ¥è¨å" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">é£å糧油ãé¤é£²æ¥è¨å</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Metals-Machinery-Equipment/zh" title="äºéãæ©æ¢°ãåå¨" style=""></a>
<div style="display: flex; height: 50px">
<div style="display: flex; ">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_metas.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Metals-Machinery-Equipment/zh" title="äºéãæ©æ¢°ãåå¨" style=" display:table-cell; vertical-align: middle;">äºéãæ©æ¢°ãåå¨</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Electronics-Equipment/zh" title="é»åé¶ä»¶åè¨å" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto; margin-right: auto;">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_elec.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Electronics-Equipment/zh" title="é»åé¶ä»¶åè¨å" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">é»åé¶ä»¶åè¨å</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 ">
<a class="ellipis" href="/Category/Plastics-Petro-Chemicals-Chemicals/zh" title="å¡è ãç³æ²¹ãåå·¥" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_plas.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Plastics-Petro-Chemicals-Chemicals/zh" title="å¡è ãç³æ²¹ãåå·¥" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">å¡è ãç³æ²¹ãåå·¥</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Medical-Beauty-Health-Care-Services/zh" title="é«çç¾å®¹ãå¥åº·è·ç" style=""></a>
<div style="display: flex; height: 50px">
<div style="display: flex; ">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_beau.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Medical-Beauty-Health-Care-Services/zh" title="é«çç¾å®¹ãå¥åº·è·ç" style=" display:table-cell; vertical-align: middle;">é«çç¾å®¹ãå¥åº·è·ç</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Dining-Entertainment-Shopping-Travel/zh" title="飲é£å¨æ¨ãè³¼ç©æ
é" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto; margin-right: auto;">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_din.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Dining-Entertainment-Shopping-Travel/zh" title="飲é£å¨æ¨ãè³¼ç©æ
é" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">飲é£å¨æ¨ãè³¼ç©æ
é</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Bank-Finance-Property-Insurance/zh" title="éè¡éèãå°ç¢ä¿éª" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_bk.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Bank-Finance-Property-Insurance/zh" title="éè¡éèãå°ç¢ä¿éª" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">éè¡éèãå°ç¢ä¿éª</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Clothing-Accessories-Textiles/zh" title="æè£åé
飾ãç´¡ç¹å" style=""></a>
<div style="display: flex; height: 50px">
<div style="display: flex; ">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_cloth.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Clothing-Accessories-Textiles/zh" title="æè£åé
飾ãç´¡ç¹å" style=" display:table-cell; vertical-align: middle;">æè£åé
飾ãç´¡ç¹å</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Gifts-Florists-Jewellery-Toys/zh" title="禮åãè±åãç 寶ãç©å
·" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto; margin-right: auto;">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_gif.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Gifts-Florists-Jewellery-Toys/zh" title="禮åãè±åãç 寶ãç©å
·" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">禮åãè±åãç 寶ãç©å
·</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Education-Art-Sports-Recreation/zh" title="æè²ãèè¡ã康é«éå" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_edu.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Education-Art-Sports-Recreation/zh" title="æè²ãèè¡ã康é«éå" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">æè²ãèè¡ã康é«éå</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Computer-Information-Technology/zh" title="é»è
¦åè³è¨ç§æ" style=""></a>
<div style="display: flex; height: 50px">
<div style="display: flex; ">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_comp.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Computer-Information-Technology/zh" title="é»è
¦åè³è¨ç§æ" style=" display:table-cell; vertical-align: middle;">é»è
¦åè³è¨ç§æ</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Organisations-Religion-Social-Services/zh" title="社åãå®æãå
Œ
±äºæ¥" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto; margin-right: auto;">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_org.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Organisations-Religion-Social-Services/zh" title="社åãå®æãå
Œ
±äºæ¥" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">社åãå®æãå
Œ
±äºæ¥</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 canHide">
<a class="ellipis" href="/Category/Wedding-Services/zh" title="å©ç¦®æå" style="text-align: left;"></a>
<div style="display: flex; height: 50px">
<div style="display: flex; margin-left: auto">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_wed.png" style="height:28px; width:30px; margin-top: auto; margin-bottom: auto;">
<div style="width: calc(100% - 30px); white-space: pre-wrap; word-break: break-word; margin-top: auto; margin-bottom: auto; height: 40px; display: table; margin-left: 10px;">
<a class="categoryA" href="/Category/Wedding-Services/zh" title="å©ç¦®æå" style="text-align: left; width: 200px; display:table-cell; vertical-align: middle;">å©ç¦®æå</a>
</div>
</div>
</div>
</div>
<style>
.showExtension {
font-family: PingFangHK;
font-size: 13px;
color: #9b9b9b;
text-align: center;
width: 100%;
height: 20px;
}
#spanShowLess, #spanShowMore {
cursor: pointer;
font-family: PingFangHK;
}
#spanShowLess {
display:none;
}
.mCategoriesRow{
width: 100%;
display: flex;
}
</style>
<script>
function showMore() {
$('.canHide').show();
$('span#spanShowMore').hide();
$('span#spanShowLess').show();
}
function showLess() {
$('.canHide').hide();
$('span#spanShowLess').hide();
$('span#spanShowMore').show();
}
</script>
<div class="showExtension col-xs-12">
<span id="spanShowMore" onclick="showMore();">å±ç¤ºæ´å¤</span>
<span id="spanShowLess" onclick="showLess();">顯示è¼å°</span>
</div>
</div>
<div class="mCategoryContent mResponsiveCategory">
<style>
.mCategoriesContainer {
padding-top: 27px;
width: 100%;
height: 245px;
display: flex;
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
background-color: #f2f1f1 !important;
}
.bx-wrapper {
box-shadow: unset !important;
-webkit-box-shadow: unset !important;
}
.mCategoryContainer {
display: flex;
flex-direction: column;
align-items: center;
background-color: transparent;
flex: 1;
cursor: pointer;
margin-left: 5px;
margin-right: 5px;
}
.mCategoryIcon {
width: 38px;
height: 38px;
min-height: 38px;
min-width: 38px;
margin-top: auto;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.mCategoryText {
padding-top: 3px;
text-align: center;
font-size: 13px !important;
padding-left: 0px !important;
overflow: hidden;
margin-bottom: auto;
font-family: PingFangHK;
color: #6c6c6c !important;
}
.mCategoryText .ellipis {
text-align: center;
width: 100px;
margin-left: 3px;
margin-right: 3px;
}
</style>
<div id="menuBxSlider">
<div class='mCategoriesContainer'><div class='mCategoriesRow'> <div class="mCategoryContainer" onclick="window.location.replace('/Category/Business-Professional-Services/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_bs.png" class="mCategoryIcon">
<div class="mCategoryText"><span>åæ¥åå°æ¥æå</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Printing-Office-Equipment/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_print.png" class="mCategoryIcon">
<div class="mCategoryText"><span>å°å·ã辦å
¬å®¤ç¨å</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Transportation-Logistics/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_trans.png" class="mCategoryIcon">
<div class="mCategoryText"><span>é輸ãç©æµ</span></div>
</div>
</div><div class='mCategoriesRow'> <div class="mCategoryContainer" onclick="window.location.replace('/Category/Construction-Decoration-Environmental-Engineering/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_cons.png" class="mCategoryIcon">
<div class="mCategoryText"><span>建é ãè£ä¿®ãç°ä¿å·¥ç¨</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Household-Products-Services-Pets/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_hous.png" class="mCategoryIcon">
<div class="mCategoryText"><span>家å±
ç¨ååæåã寵ç©</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Food-Products-Restaurant-Equipment/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_food.png" class="mCategoryIcon">
<div class="mCategoryText"><span>é£å糧油ãé¤é£²æ¥è¨å</span></div>
</div>
</div></div><div class='mCategoriesContainer'><div class='mCategoriesRow'> <div class="mCategoryContainer" onclick="window.location.replace('/Category/Metals-Machinery-Equipment/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_metas.png" class="mCategoryIcon">
<div class="mCategoryText"><span>äºéãæ©æ¢°ãåå¨</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Electronics-Equipment/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_elec.png" class="mCategoryIcon">
<div class="mCategoryText"><span>é»åé¶ä»¶åè¨å</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Plastics-Petro-Chemicals-Chemicals/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_plas.png" class="mCategoryIcon">
<div class="mCategoryText"><span>å¡è ãç³æ²¹ãåå·¥</span></div>
</div>
</div><div class='mCategoriesRow'> <div class="mCategoryContainer" onclick="window.location.replace('/Category/Medical-Beauty-Health-Care-Services/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_beau.png" class="mCategoryIcon">
<div class="mCategoryText"><span>é«çç¾å®¹ãå¥åº·è·ç</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Dining-Entertainment-Shopping-Travel/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_din.png" class="mCategoryIcon">
<div class="mCategoryText"><span>飲é£å¨æ¨ãè³¼ç©æ
é</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Bank-Finance-Property-Insurance/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_bk.png" class="mCategoryIcon">
<div class="mCategoryText"><span>éè¡éèãå°ç¢ä¿éª</span></div>
</div>
</div></div><div class='mCategoriesContainer'><div class='mCategoriesRow'> <div class="mCategoryContainer" onclick="window.location.replace('/Category/Clothing-Accessories-Textiles/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_cloth.png" class="mCategoryIcon">
<div class="mCategoryText"><span>æè£åé
飾ãç´¡ç¹å</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Gifts-Florists-Jewellery-Toys/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_gif.png" class="mCategoryIcon">
<div class="mCategoryText"><span>禮åãè±åãç 寶ãç©å
·</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Education-Art-Sports-Recreation/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_edu.png" class="mCategoryIcon">
<div class="mCategoryText"><span>æè²ãèè¡ã康é«éå</span></div>
</div>
</div><div class='mCategoriesRow'> <div class="mCategoryContainer" onclick="window.location.replace('/Category/Computer-Information-Technology/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_comp.png" class="mCategoryIcon">
<div class="mCategoryText"><span>é»è
¦åè³è¨ç§æ</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Organisations-Religion-Social-Services/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_org.png" class="mCategoryIcon">
<div class="mCategoryText"><span>社åãå®æãå
Œ
±äºæ¥</span></div>
</div>
<div class="mCategoryContainer" onclick="window.location.replace('/Category/Wedding-Services/zh')">
<img src="/UploadFolder2/YPWeb/InnerTemplate/cat_ico_wed.png" class="mCategoryIcon">
<div class="mCategoryText"><span>å©ç¦®æå</span></div>
</div>
</div></div> </div>
</div>
</div>
<script src="/Scripts/jquery_dot/jquery.dotdotdot.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<script>
$(window).on('load', function () {
/*var sliderAds = $('#sliderAds').bxSlider({
auto: true,
controls: true,
stopAutoOnClick: false,
responsive: true,
useCSS: false,
infiniteLoop: true,
onSlideAfter: function () {
sliderAds.stopAuto();
sliderAds.startAuto();
}
});*/
$('.sliderAds').not('.slick-initialized').slick({
dots: true,
autoplay: true,
arrows: false,
autoplaySpeed: 2000
});
});
</script>
<style>
.adRowSection {
padding-top: 43px;
padding-bottom: 43px;
width: 100%;
}
.adRow {
display: flex;
width: 100%;
max-width: 1020px;
/*min-width: 910px;*/
justify-content: space-between;
margin-left: auto;
margin-right: auto;
}
.slick-slide img {
margin-left: auto;
margin-right: auto;
}
.bx-prev, .bx-next {
display: none !important;
}
.bx-wrapper {
border: none;
}
.bx-wrapper img {
display: block;
max-width: 100%;
}
</style>
<style>
.adsPlaceholder {
max-width: 300px;
max-height: 250px;
width: 30%;
/*height: 250px;*/
background-color: transparent;
}
.mAdsPlaceholder {
width: 100%;
/*height: 250px;*/
max-height: 250px;
text-align: center;
background-color: transparent;
}
</style>
<div class="ypResponiveHelperTablet">
<div class="sliderAds">
<!-- BNH_CL01RW01 -->
<div class="mAdsPlaceholder">
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageBanner1&seed=20250427054217&use_https=1"></script>
</div>
<!-- BNH_CL02RW01 -->
<div class="mAdsPlaceholder">
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageBanner2&seed=20250427054217&use_https=1"></script>
</div>
<!-- BNH_CL03RW01 -->
<div class="mAdsPlaceholder">
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageBanner3&seed=20250427054217&use_https=1"></script>
</div>
</div>
</div>
<div class="ypResponiveHelperDesktop">
<div class="adRowSection" style="padding-top: 10px;">
<div class="adRow">
<!-- BNH_CL01RW01 -->
<div class="adsPlaceholder">
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageBanner1&seed=20250427054217&use_https=1"></script>
</div>
<!-- BNH_CL02RW01 -->
<div class="adsPlaceholder">
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageBanner2&seed=20250427054217&use_https=1"></script>
</div>
<!-- BNH_CL03RW01 -->
<div class="adsPlaceholder">
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageBanner3&seed=20250427054217&use_https=1"></script>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('.sliderLeastInfo').not('.slick-initialized').slick({
dots: true,
autoplay: true,
arrows: false,
autoplaySpeed: 2000
});
});
</script>
<style>
.img-responsive {
display: inline;
max-width: 100%;
height: auto;
}
.ico_txt {
margin-left: 5px;
font-size: 12px;
}
/*read more*/
.opened {
height: auto;
}
.less {
float: right;
}
.toggle .less,
.opened .toggle .open {
display: none;
}
.toggle .opened,
.opened .toggle .less {
display: inline;
}
.categoryContent {
max-width: 1020px;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
flex-direction: column;
}
.lastInfoSection {
width: 100%;
background-color: #f7f7f7;
}
.lastInfoContainerRow {
padding-top: 20px;
padding-bottom: 20px;
display: flex;
justify-content: space-between;
}
.leastInfoAd {
height: 240px;
text-align: center;
}
.leastInfoBackground {
background-color: #f7f7f7;
}
</style>
<div class="ypResponiveHelperTablet">
<div class="elementTitle mElementTitle">
ææ°èURL
GET http://yp.com.hk/
Response Headers
Connection:keep-aliveContent-Length:141Content-Type:text/html; charset=UTF-8Date:Sat, 26 Apr 2025 21:54:25 GMTLocation:https://yp.com.hk/Server:Microsoft-IIS/10.0Set-Cookie:ApplicationGatewayAffinity=45b80d245bbff0a8140963909c4724cc; Path=/X-Powered-By:ASP.NET
Response Body
<head><title>Document Moved</title></head> <body><h1>Object Moved</h1>This document may be found <a HREF="https://yp.com.hk/">here</a></body>
Resolver
Resolver ASN
AS9304
Resolver IP
210.3.254.19
Resolver Network Name
HGC Global Communications Limited
Report ID
20250426T215110Z_webconnectivity_HK_9304_n1_BU3qhsNpPNhp9CZL
Platform
ios
Software Name
ooniprobe-ios-unattended (5.0.6)
Measurement Engine
ooniprobe-engine (3.25.0)