/* 
CD=20230517 LD=20230517
==================================
editor:
1.recca
2.
3.
==================================
index:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
==================================
*/

@import url('https://fonts.googleapis.com/css2?family=Lato&family=Lusitana:wght@400;700&family=Noto+Sans+SC&family=Noto+Sans+TC&display=swap');



/* html */
* {
	transition: .2s all linear;
}

html[lang="en-HK"] body {
	font-family: 'Lusitana', serif;
}
html[lang="zh-cn"] body {
	font-family: 'Noto Sans SC', sans-serif !important;
}
html[lang="zh-HK"] body {
	font-family: 'Noto Sans TC', sans-serif !important;
}
body {
	color: rgb(27, 27, 27);
	font-size: 1.25rem; /*20px*/
	margin: 0px;
	padding: 0px;
	min-width: 320px;
}

html[lang="en-HK"] h1, html[lang="en-HK"] h2 {
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
}





/* header */



/* footer */
footer {
	font-size: 1rem;
}





/* main */
/*main {
	background-image: url("../images/logo.png");
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-size: 130px;
}*/


.border-top-gary-1px {
	border-top: 1px #eee solid;
}
.border-bottom-gary-1px {
	border-bottom: 1px #ccc solid;
}
.border-bottom-white-1px {
	border-bottom: 1px #fff solid;
}
.border-white-5px {
	border: 5px #fff solid;
}

.bg-img-contactus {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.24) 100%), url("../images/bg_.png");
	background-position: center center;
	background-size: cover;
}

.btn-wts {
	background-color: rgb(69, 90, 100);
	border-radius: 0px;
}
.btn-wts:hover {
	background-color: rgb(79, 102, 114);
}

.no-lst {
	list-style-type: none;
}


.map {
	position: relative;
	padding-top: 25%;
	overflow-x: hidden;
}
.map iframe {
	position: absolute;
	top: 0%;
}
@media (max-width: 1023.98px){
	.map {
		padding-top: 30%;
	}
}

/*@media (max-width: 767px){
	main {
		background-position: center 10px;
		background-size: 80px;
		padding-top: 70px;
	}
}*/


@media (max-width: 640px){
	.map {
		padding-top: 40%;
	}
}
@media (max-width: 480px){
	.map {
		padding-top: 60%;
	}
}
@media (max-width: 320px){
	.map {
		padding-top: 100%;
	}
}




/* color and font */
.bg-blue {
	background-color: rgb(19, 135, 164);
}

.ff-Lato {
	font-family: 'Lato', sans-serif;
}
.ff-en {
	font-family: 'Lusitana', sans-serif;
}
.ff-tc {
	font-family: 'Noto Sans TC', sans-serif !important;
}
.ff-sc {
	font-family: 'Noto Sans SC', sans-serif !important
}

.font-size-16px {
	font-size: 1rem;
}
.font-size-18px {
	font-size: 1.125rem;
}
.font-size-24px {
	font-size: 1.5rem;
}
.font-size-36px {
	font-size: 2.25rem;
}
.font-size-48px {
	font-size: 3rem;
}

.color-949494 {
	color: rgb(94, 94, 94);
}
.color-272727 {
	color: rgb(27, 27, 27);
}

.link {
	color: rgb(19, 128, 156);
}
.link:hover {
	color: rgb(7, 77, 95);
}
.d-inline-block a.text-white:hover {
	color: rgba(0,13,21,1.00) !important;
}


@media (max-width: 1280px) {
	.font-size-16px {
		font-size: 1rem;
	}
	.font-size-18px {
		font-size: 1rem;
	}
	.font-size-24px {
		font-size: 1.375rem;
	}
	.font-size-36px {
		font-size: 2rem;
	}
	.font-size-48px {
		font-size: 2.85rem;
	}
}
@media (max-width: 1024px) {
	.font-size-48px {
		font-size: 2.25rem;
	}
}
@media (max-width: 768px) {
	body {
		font-size: 1rem;
	}
	.font-size-16px {
		font-size: 1rem;
	}
	.font-size-36px {
		font-size: 1.875rem;
	}
	.font-size-48px {
		font-size: 2rem;
	}
}



/* over write */
@media (max-width: 768px) {
	.mt-5 {
	  margin-top: 2rem !important;
	}
	.mb-5 {
	  margin-bottom: 2rem !important;
	}
}