@charset 'utf-8';

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

//  @font-face {
//  font-family: 'UTMAvo'; 
//  src: url('../../mf2025/font/UTMAvo.woff2') format('woff2'), /* Path to your font file */
//       url('../../mf2025/font/UTMAvo.woff') format('woff'); /* Add other formats if available */
//  font-style: normal; /* or italic if needed */
//  font-weight: normal; /* or bold if needed */
//  font-display: swap !important;
//}
//@font-face {
//    font-family: "AvantGarde-Bold";
//  	src:url('../../mf2021/font/DIN-Bold.eot'); /* IE9 Compat Modes */
//  	src:url('../../mf2021/font/DIN-Bold-2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
//  	  	url('../../mf2021/font/DIN-Bold.woff') format('woff'), /* Modern Browsers */
//  	  	url('../../mf2021/font/DIN-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
//  	  	url('../../mf2021/font/DIN-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
//    font-weight:900;
//    font-style:normal;
//    font-display: swap !important;
//}
/*
@font-face {
    font-family: "cocogoose";
    src: url("./cocogoose_trial.otf") format("opentype");
    font-weight:normal;
    font-style:normal;
    font-display: swap !important;
}
@font-face {
    font-family: "cocogoose ultra";
    src: url("./Cocogoose-Pro-Ultralight-trial.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
    font-display: swap !important;
}
*/

HTML:lang(en-US) {font-family:'Poppins';}
HTML:lang(zh-HK) {font-family:'Noto Sans TC';}
HTML:lang(zh-CN) {font-family:'Noto Sans SC';}
*[lang='en-US']  {font-family:'Poppins';}
*[lang='zh-HK']  {font-family:'Noto Sans TC';}
*[lang='zh-CN']  {font-family:'Noto Sans SC';}

body 			{font-family:'Poppins';font-style:normal;font-size:14px;}
.lang-icon		{font-size: 16px;}
p, a, nav li, nav a 			{font-family:inherit;font-stretch: condensed;}
h1, .h1 		{font-family:'poppins';font-size:5rem;font-weight:300;font-stretch:condensed;}
h2, .h2			{font-family:'poppins';font-size:4rem;font-weight:300;font-stretch:condensed;}
h3, .h3 		{font-family:'poppins';font-size:3rem;font-weight:300;font-stretch:condensed;}
strong, #footer strong			{font-family:'poppins';font-weight:700;font-stretch: condensed;}

.subTitle1					{position:relative;width:75%;min-height:120px;float:left;}
.subTitle2					{position:relative;width:25%;min-height:120px;float:right;padding-top:4vw;}
.subTitle1 p			{vertical-align:text-bottom;font-size:3.2vw;}
.subTitle1 span			{color:#007483;}
.subTitle2 p			{vertical-align:text-bottom;font-size:120%;text-align:right;}
.subTitle2 img			{width:3vw;}
.item, .item-ms 		{min-height:600px;}
.item-minHeight1 		{min-height: 500px;}
.item-minHeight2 		{min-height: 550px;}

@media only screen and (min-width: 992px) {
    ul .sub1	{width:300%;}
    ul .sub2	{width:150%;}
    ul .sub3	{width:100%;}
}

@media (max-width: 1200px) {
    h1			{font-size:2.5rem!important;}
    .h1-title			{font-size:2.5rem!important;}
    h2			{font-size:2.0rem!important;}
	.item, .item-ms 	{min-height:340px;}
	.item2 				{width: 100%; height: auto; /*min-height: 0vw;*/}
	.item3 				{width: 100%; height: auto; min-height: 60vw;}
	.item-minHeight1 		{min-height: 500px;}
	.item-minHeight2 		{min-height: 500px;}
}

@media (max-width: 992px) {
    .subTitle1, .subTitle2	{position:relative;width:100%;float:left;min-height:100px;padding:0% 2%;}
    .subTitle1 p			{vertical-align:text-bottom;font-size:7.2vw;line-height: 90%;}
    .subTitle2 p			{text-align:right;padding-top:0px;}
	.subTitle2 img			{width:auto;max-width:36px;}
	.item-minHeight1 	{min-height: calc(50vw + 160px);}
	.item-minHeight2 	{min-height: calc(50vw + 200px);}
	.item-title 		{bottom:92%;left:calc(5% + 5px);}
    .item3				{min-height: 70vw;}
	.col-xs-6			{padding-left: 5px!important; padding-right: 5px!important;}
}

@media (max-width: 576px) {
	.item2 				{/*min-height: 0vw;*/}
	.item3 				{min-height: 40vh;}
    .item-title 		{bottom:93%;}
	.item-minHeight1 	{min-height: calc(50vw + 280px);}
	.item-minHeight2 	{min-height: calc(50vw + 280px);}
}

/*p, a, .menu li a, .menu li ul li a, section		{}*/
/*html * 		{font-family:"cocogoose" !important;}
body		{font-family: cocogoosefont-stretch: condensed;}*/

//h1:lang(en-US), h2:lang(en-US) 			{font-family:inherit;font-stretch: condensed;}
//p:lang(en-US) 	{font-family:'Cocogoose-ultra', sans-serif;font-stretch: condensed;}

