Error
http://yp.com.hk/
Websites
Runtime: 404ms
On September 24, 2025, 05:33 PM UTC, the test for http://yp.com.hk/ failed on 9304 in Hong Kong SAR China.
Failures
HTTP Experiment
null
DNS Experiment
null
Control
dns_lookup_error
DNS Queries
Resolver:
172.71.217.56
Query:
IN A yp.com.hk
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
CNAME
yp.com.hk
@
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:Wed, 24 Sep 2025 17:33:00 GMTExpires:Wed, 24 Sep 2025 19:32:59 GMTLast-Modified:Wed, 24 Sep 2025 17:32:59 GMTServer:Microsoft-IIS/10.0Set-Cookie:ASP.NET_SessionId=ljzpjrokksgz0sqpwmlxozmu; path=/; HttpOnly; SameSite=LaxVary:*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-工程/p1/zh">工程</a> | <a href="/Keyword/s-C牌/p1/zh">C牌</a> | <a href="/Keyword/s-痔瘡/p1/zh">痔瘡</a> | <a href="/Keyword/s-A牌/p1/zh">A牌</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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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_CL03RW01 -->
<div class="mAdsPlaceholder">
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageBanner3&seed=20250925012516&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=20250925012516&use_https=1"></script>
</div>
<!-- BNH_CL01RW01 -->
<div class="mAdsPlaceholder">
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageBanner1&seed=20250925012516&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=20250925012516&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=20250925012516&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=20250925012516&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_CL04RW03 -->
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageContent4&seed=20250925012516&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=20250925012516&use_https=1"></script>
</div>
<div class="leastInfoAd">
<!-- BNH_CL01RW02 -->
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageContent1&seed=20250925012516&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=20250925012516&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=20250925012516&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=20250925012516&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=20250925012516&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=20250925012516&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=20250925012516&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=20250925012516&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=20250925012516&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=20250925012516&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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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="/UploadFolder1/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_CL03RW01 -->
<div class="mAdsPlaceholder">
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageBanner3&seed=20250925012516&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=20250925012516&use_https=1"></script>
</div>
<!-- BNH_CL01RW01 -->
<div class="mAdsPlaceholder">
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageBanner1&seed=20250925012516&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=20250925012516&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=20250925012516&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=20250925012516&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_CL04RW03 -->
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageContent4&seed=20250925012516&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=20250925012516&use_https=1"></script>
</div>
<div class="leastInfoAd">
<!-- BNH_CL01RW02 -->
<script src="https://ad.yp.com.hk/adserver/api/gen.asp?key=IYP_Homepage_CH&pos=HomepageContent1&seed=20250925012516&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=20250925012516&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=20250925012516&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=20250925012516&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=20250925012516&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=20250925012516&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=20250925012516&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=20250925012516&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=20250925012516&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=20250925012516&use_https=1"></script>
</div>
</div>
</div>
<style>
.centerHack {
display: flex;
margin-left: auto;
margin-right: auto;
}
.aboutUsSection {
padding-top: 43px;
padding-bottom: 43px;
width: 100%;
}
.aboutUsRow {
display: flex;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 43px;
}
.aboutUsServeHK {
flex: 1;
display: flex;
}
.aboutUsLocalDB {
display: flex;
flex: 1;
}
.aboutUsExp {
display: flex;
flex: 1;
justify-content: flex-end;
}
.aboutUsLocalDBIcon {
width: 80px;
height: 80px;
background-image: url('/Images/icon/building.svg');
background-size: contain;
background-repeat: no-repeat;
background-attachment: local;
background-position: center;
}
.aboutUsExpIcon {
width: 80px;
height: 80px;
background-image: url('/Images/icon/search_red.svg');
background-size: contain;
background-repeat: no-repeat;
background-attachment: local;
background-position: center;
}
.yellowHorizontal {
width: 5px;
height: 100%;
background-color: #ffcb00;
}
.aboutUsServeHKContainer {
padding-left: 12px;
}
.aboutUsExpContainer, .aboutUsLocalDBContainer {
padding-left: 12px;
display: flex;
flex-direction: column;
}
.aboutUsTitle,
.aboutUsDescription {
text-align: center;
}
.aboutUsTitle {
font-size: 22px;
font-weight: bold;
}
.aboutUsDescription {
font-size: 29px;
font-weight: bold;
}
</style>
<script>
$(document).ready(function () {
var isPlaying = false;
$(window).scroll(function () {
var hT = $('#aboutUsSection').offset().top,
hH = $('#aboutUsSection').outerHeight(),
wH = $(window).height(),
wS = $(this).scrollTop();
if (wS > (hT + hH - wH)) {
if (!isPlaying) {
var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',');
isPlaying = true;
$('#num_60').animateNumber({ number: 60 }, 'slow', function () {
$('#num_250000').animateNumber({
number: 250000,
numberStep: comma_separator_number_step
},
'slow', function () {
$('#num_15').animateNumber({ number: 15 });
});
});
}
}
});
});
</script>
<div id="aboutUsSection" class="aboutUsSection">
<div class="elementTitle"> 關於我們</div>
<div class="iypLayout_contentWrapper" style="min-width: unset; width: 100%">
<div class='aboutUsRow'>
<div class='aboutUsServeHK'>
<div class="centerHack">
<div class='yellowHorizontal'>
</div>
<div class='aboutUsServeHKContainer'>
<div class='aboutUsTitle'>
服務香港
</div>
<div class='aboutUsDescription'>
超過 <span id="num_60">60</span> 年
</div>
</div>
</div>
</div>
<div class='aboutUsLocalDB'>
<div class="centerHack">
<div class='aboutUsLocalDBIcon'>
</div>
<div class='aboutUsLocalDBContainer'>
<div class='aboutUsTitle'>
本地公司資料
</div>
<div class='aboutUsDescription'>
超過 <span id="num_250000">250,000</span> 間
</div>
</div>
</div>
</div>
<div class='aboutUsExp'>
<div class="centerHack">
<div class='aboutUsExpIcon'>
</div>
<div class='aboutUsExpContainer'>
<div class='aboutUsTitle'>
多媒體營銷經驗
</div>
<div class='aboutUsDescription'>
超過 <span id="num_15">15</span> 年
</div>
</div>
</div>
</div>
</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>
<script>
CheckClientBroswer();
</script>
</div>
</div>
<style>
.footerContainer {
display: flex;
flex-direction: column;
}
.footerUpper {
background-color: #4a4a4a;
}
.footerUpperContainer, .footerLowerContainer {
margin-left: auto;
margin-right: auto;
justify-content: space-between;
padding-top: 40px;
padding-bottom: 40px;
}
.footerLowerContainer {
display: -webkit-box;
}
.copyRight {
width: calc(100% - 180px);
font-size: 13px;
}
.emLink {
font-style: normal;
color: #9b9b9b;
}
.emMore {
font-style: normal;
color: #0c56ac;
}
.footerUpperContainer {
display: flex;
}
.footerCol0, .footerCol1, .footerCol2, .footerCol3 {
flex: 1;
}
.footerTitle {
font-size: 18px;
color: #ffcb00;
}
.footerSubCatContainer {
padding-top: 16px;
}
.footerSubCat {
font-size: 13px;
color: white;
}
.footerSubCat a {
font-size: 13px;
color: white !important;
}
.downloadFromAppStore {
width: 191px;
height: 56px;
margin-top: 17px;
background-image: url('/Images/icon/appStore.svg');
background-size: contain;
background-attachment: local;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.downloadFromGooglePlay {
width: 191px;
height: 56px;
margin-top: 11px;
background-image: url('/Images/icon/googleplay.svg');
background-size: contain;
background-attachment: local;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.mFooterContainer {
padding-left: 12px;
padding-right: 12px;
}
.emLink {
font-style: normal;
color: #9b9b9b;
}
.emMore {
font-style: normal;
color: #0c56ac;
}
.hktServiceLogo {
width: 179px;
height: 15px;
background-image: url('/Images/hktServiceLogo.png');
background-size: contain;
background-attachment: local;
background-position: right;
background-repeat: no-repeat;
}
.footerLowerContainer {
display: -webkit-box;
}
</style>
<div class='footerContainer mFooterContainer d-block d-sm-none d-xs-none'>
<style>
.mFooterLowerContainer {
}
.mCopyRight {
width: 100% !important;
}
.mHktServiceLogo {
float: right;
}
</style>
<div class='mFooterLowerContainer'>
<div class='copyRight mCopyRight'>
版權所屬 © Now TV Limited.
<a onclick="webTraffic(23,sLang,this.href);" href="http://www.pccw.com/staticfiles/PCCWCorpsite/Terms%20of%20Use/Privacy%20Policy%20Statement/8.1_PCO_POL_02c_Privacy_Policy_Statement.pdf" target="_blank">
<em class='emLink'>私隱政策聲明</em></a>,
<a onclick="javascript:window.open('/Frame/other.html?url=https%3a%2f%2fdisclaimer.ypbizhub.com.hk' , 'Disclaimer', '');return false;"
href="/Frame/other.html?url=https%3a%2f%2fdisclaimer.ypbizhub.com.hk" target="_blank">
<em class='emLink'>免責聲明</em></a>,
<a onclick="javascript:window.open('/Frame/other.html?url=https%3a%2f%2ftermsofuse.ypbizhub.com.hk' , 'Disclaimer', '');return false;"
href="/Frame/other.html?url=https%3a%2f%2ftermsofuse.ypbizhub.com.hk" target="_blank">
<em class='emLink'>使用條款</em></a> 及
<a onclick="javascript:window.open('/Frame/other.html?url=https%3a%2f%2fnon-discrimination.ypbizhub.com.hk' , 'Disclaimer', '');return false;"
href="/Frame/other.html?url=https%3a%2f%2fnon-discrimination.ypbizhub.com.hk" target="_blank">
<em class='emLink'>不歧視及不騷擾聲明。</em></a>
</div>
<div class='hktServiceLogo mHktServiceLogo' ></div>
</div>
</div>
<div class='footerContainer d-none d-sm-block d-xs-block'>
<div class='footerUpper' style="min-width: unset;">
<div class='iypLayout_contentWrapper footerUpperContainer' style="min-width: unset;">
<div class='footerCol0'>
<div class='footerTitle'>
公司分類
</div>
<div class='footerSubCatContainer'>
<div class='footerSubCat'>
<a href="/Category/Business-Professional-Services/zh">商業及專業服務</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Printing-Office-Equipment/zh">印刷、辦公室用品</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Transportation-Logistics/zh">運輸、物流</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Construction-Decoration-Environmental-Engineering/zh">建造、裝修、環保工程</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Household-Products-Services-Pets/zh">家居用品及服務、寵物</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Food-Products-Restaurant-Equipment/zh">食品糧油、餐飲業設備</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Metals-Machinery-Equipment/zh">五金、機械、儀器</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Electronics-Equipment/zh">電子零件及設備</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Plastics-Petro-Chemicals-Chemicals/zh">塑膠、石油、化工</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Medical-Beauty-Health-Care-Services/zh">醫療美容、健康護理</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Dining-Entertainment-Shopping-Travel/zh">飲食娛樂、購物旅遊</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Bank-Finance-Property-Insurance/zh">銀行金融、地產保險</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Clothing-Accessories-Textiles/zh">服裝及配飾、紡織品</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Gifts-Florists-Jewellery-Toys/zh">禮品、花卉、珠寶、玩具</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Education-Art-Sports-Recreation/zh">教育、藝術、康體運動</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Computer-Information-Technology/zh">電腦及資訊科技</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Organisations-Religion-Social-Services/zh">社團、宗教、公共事業</a>
</div>
<div class='footerSubCat'>
<a href="/Category/Wedding-Services/zh">婚禮服務</a>
</div>
</div>
</div>
<div class='footerCol1'>
<div class='footerTitle'>
廣告方案
</div>
<div class='footerSubCatContainer'>
<div class='footerSubCat'><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='footerSubCat'><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='footerSubCat'><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='footerSubCat'><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='footerSubCat'><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='footerSubCat'><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='footerSubCat'><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>
<div class='footerCol2'>
<div class='footerTitle'>
關於我們
</div>
<div class='footerSubCatContainer'>
<div class='footerSubCat'><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='footerSubCat'><a onclick="javascript:window.open('/ypaward2020', ''); return false;" href="/ypaward2020" target="_blank">港人港情品牌大獎</a></div>
<div class='footerSubCat'><a href="/brandaward2020">星級優秀品牌大獎</a></div>
<div class='footerSubCat'><a 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', ''); return false;" href="/Frame/other.html?url=https%3a%2f%2fyellowpageshk.ypbizhub.com.hk%2f%e8%81%af%e7%b5%a1%e6%88%91%e5%80%91" target="_blank">客戶服務</a></div>
</div>
</div>
<div class='footerCol3'>
<div class='footerTitle'>
下載 yp1083
</div>
<div class='downloadFromAppStore' onclick="handleOutboundLinkClicks('yp1083 iphone apps', 'https://itunes.apple.com/app/dian-hua-cha-xun/id478258831?mt=8')"></div>
<div class='downloadFromGooglePlay' onclick="handleOutboundLinkClicks('yp1083 andriod apps', 'https://play.google.com/store/apps/details?id=com.yp.yp1083&feature=search_result&hl=zh_TW')"></div>
</div>
</div>
</div>
<div class='footerLower'>
<div class='iypLayout_contentWrapper' style="min-width: unset;">
<div class='footerLowerContainer'>
<div class='copyRight'>
版權所屬 © Now TV Limited.
<a onclick="webTraffic(23,sLang,this.href);" href="http://www.pccw.com/staticfiles/PCCWCorpsite/Terms%20of%20Use/Privacy%20Policy%20Statement/8.1_PCO_POL_02c_Privacy_Policy_Statement.pdf" target="_blank">
<em class='emLink'>私隱政策聲明</em>
</a>,
<a onclick="javascript:window.open('/Frame/other.html?url=https%3a%2f%2fdisclaimer.ypbizhub.com.hk' , 'Disclaimer', '');return false;"
href="/Frame/other.html?url=https%3a%2f%2fdisclaimer.ypbizhub.com.hk" target="_blank">
<em class='emLink'>免責聲明</em>
</a>,
<a onclick="javascript:window.open('/Frame/other.html?url=https%3a%2f%2ftermsofuse.ypbizhub.com.hk' , 'Disclaimer', '');return false;"
href="/Frame/other.html?url=https%3a%2f%2ftermsofuse.ypbizhub.com.hk" target="_blank">
<em class='emLink'>使用條款</em>
</a> 及
<a onclick="javascript:window.open('/Frame/other.html?url=https%3a%2f%2fnon-discrimination.ypbizhub.com.hk' , 'Disclaimer', '');return false;"
href="/Frame/other.html?url=https%3a%2f%2fnon-discrimination.ypbizhub.com.hk" target="_blank">
<em class='emLink'>不歧視及不騷擾聲明。</em>
</a>
</div>
<div class='hktServiceLogo'></div>
</div>
</div>
</div>
</div>
<div style="display: block;">
<div alt="刊登公司資料" style="background-image: url(/Images/getad@3x.png);" class="freebie responsiveDesktop" onclick="javascript:window.open('/Frame/other.html?url=https%3a%2f%2flistingpage.ypbizhub.com.hk%2fzh-hk')"></div>
</div>
<div id="loading">
<div id="loadingcontent">
<p id="loadingspinner">
Loading, please wait...
</p>
</div>
</div>
<script src="/IYPWEB/bundles/jqueryajax?v=Xuam6TWPhcGt1QT7p5fexG3T-XZA9hjh88zJ89jkDQQ1"></script>
<script src="/IYPWEB/bundles/jquerydot?v=vCLARdac2lzQjj8OnxuXtyqgcvke9dwUIuJP-T-4xIc1"></script>
</body>
</html>URL
GET http://yp.com.hk/
Response Headers
Connection:keep-aliveContent-Length:141Content-Type:text/html; charset=UTF-8Date:Wed, 24 Sep 2025 17:33:00 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>
Report ID
20250924T173222Z_webconnectivity_HK_9304_n4_Z9p5InKsoigVgafT
Platform
android
Software Name
ooniprobe-android (2.4.0)
Measurement Engine
libmeasurement_kit (0.10.11)