<>
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
color: black;
font-size: large;
}
.sticky {
position: fixed;
top: 0;
width: 100%;
}
<>
.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: PingFangHKArial;
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(0000.5);*/
}
.searchField1 {
width: auto;
flex: 1;
margin-top: auto;
margin-bottom: auto;
color: white;
/*text-shadow: 0px 2px rgba(0000.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(747474);
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: PingFangHKArial;
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;
}
<>
.bx-wrapper img {
margin: 0 auto;
}
.elementTitle {
font-size: 32px;
text-align: center;
font-weight: bold;
}
.mElementTitle {
font-size: 25px;
}
<>
.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-: normal;
color: #9b9b9b;
}
.emMore {
font-: 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-: normal;
color: #9b9b9b;
}
.emMore {
font-: 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;
}
<>
.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;
}
<>
.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%;
}
<>
.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;
}
<>
.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;
}
<>
.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;
}
<>
.categoryA{
font-family: PingFangHKArial;
font-size: 15px;
font-weight: normal;
font-: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #6c6c6c !important;
}
<>
.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;
}
Show more
Show less
<>
.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;
}
Business & Professional Services
PrintingOffice Equipment
TransportationLogistics
ConstructionDecorationEnvironmental Engineering
Household Products & ServicesPets
Food ProductsRestaurant Equipment
MetalsMachineryEquipment
Electronics & Equipment
PlasticsPetro-ChemicalsChemicals
MedicalBeauty & Health Care Services
Dining & EntertainmentShopping & Travel
Bank & FinanceProperty & Insurance
Clothing & AccessoriesTextiles
GiftsFloristsJewelleryToys
EducationArtSports & Recreation
Computer & Information Technology
OrganisationsReligion & Social Services
Wedding Services
News
<>
.newsPadding {
padding-bottom: 43px;
}
<>
.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;
}
}
News
One-stop Multimedia Advertising Solutions
One-stop Multimedia Advertising Solutions
Our Clients
<>
.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;
}
<>
.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%;
}
<>
.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;
}
<>
.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;
}
<>
.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;
}
}
<>
.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;
}
<>
.categoryA{
font-family: PingFangHKArial;
font-size: 15px;
font-weight: normal;
font-: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #6c6c6c !important;
}
<>
.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;
}
Show more
Show less
<>
.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;
}
Business & Professional Services
PrintingOffice Equipment
TransportationLogistics
ConstructionDecorationEnvironmental Engineering
Household Products & ServicesPets
Food ProductsRestaurant Equipment
MetalsMachineryEquipment
Electronics & Equipment
PlasticsPetro-ChemicalsChemicals
MedicalBeauty & Health Care Services
Dining & EntertainmentShopping & Travel
Bank & FinanceProperty & Insurance
Clothing & AccessoriesTextiles
GiftsFloristsJewelleryToys
EducationArtSports & Recreation
Computer & Information Technology
OrganisationsReligion & Social Services
Wedding Services
News
<>
.newsPadding {
padding-bottom: 43px;
}
<>
.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;
}
News
About us
Service in Hong Kong
Over 60 Year
Local Company Data
Over 250,000 Branch
Multimedia Marketing Experience
Over 15 Year
One-stop Multimedia Advertising Solutions
One-stop Multimedia Advertising Solutions
Our Clients
Loadingplease wait...