@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;500;900&display=swap');
@font-face{
	font-family: 'Noto Sans TC Bold';
    src:url('/documents/mf2023/fonts/NotoSansTC-Bold.otf');
    font-weight:normal;
    font-style:normal;
}

HTML:lang(zh-HK) {font-family:'Noto Sans TC', sans-serif;}

body  {font-family:'Noto Sans TC'!important;font-size: 16px;}
h1			{font-family:'Noto Sans TC Bold', sans-serif;font-stretch: condensed;font-size:3.0rem;}
h2			{font-family:'Noto Sans TC Bold', sans-serif;font-stretch: condensed;font-size:2.5rem;}
h2 span		{font-family:'Noto Sans TC Bold', sans-serif;font-stretch: condensed;}
h3			{font-family:'Noto Sans TC Bold', sans-serif;font-stretch: condensed;font-size:1.75rem;}

.thb-pos1 p, .thb-pos2 p, .thb-pos3 p, .thb-pos4 p, .thb-pos5 p, .thb-pos6 p 	{font-family:inherit;font-stretch: condensed;}

p 	{font-family:inherit;font-stretch: condensed;}
a, .menu-pos, section > ul 	{font-family:inherit;font-stretch: condensed;}
/*p, a, .menu li a, .menu li ul li a, section		{font-size: 16px;}*/

.thb-cs3, .thb-cs5b	{font-family:inherit;font-stretch: condensed;}

.subTitle1				{position:relative;width:75%;min-height:120px;float:left;}
.subTitle2				{position:relative;width:25%;min-height:120px;float:right;}
.subTitle1 p			{vertical-align:text-bottom;font-size:3.6rem;}
.subTitle1 span			{color:#007483;}
.subTitle2 p			{vertical-align:text-bottom;font-size:1.2rem;text-align:right;}
.subTitle2 img			{width:3vw;}
.item, .item-ms 		{min-height:550px;}
.item-minHeight1 		{min-height:500px;}
.item-minHeight2 		{min-height:550px;}

@media only screen and (min-width: 992px) {
    ul .sub1	{width:400%;}
    ul .sub2	{width:180%;}
    ul .sub3	{width:150%;}
}

@media (max-width: 1200px) {
	h1			{font-size:2.0rem;}
	h2			{font-size:1.5rem;}
	h2 span		{}
	h3			{font-size:1.25rem;}
	.item, .item-ms 	{min-height:300px;}
	.item2, .item3 		{width: 100%; height: auto; /*min-height: 70vw;*/}
	.item3 				{min-height: 60vw;}
}

@media (max-width: 992px) {
    .subTitle1, .subTitle2	{position:relative;width:100%;float:left;min-height:60px;padding:0% 2%;}
    .subTitle2 p			{text-align:right;padding-top:0px;}
	.subTitle2 img			{width:auto;max-width:36px;}
	.item-minHeight1 	{min-height: calc(50vw + 260px);}
	.item-minHeight2 	{min-height: calc(50vw + 280px);}
    .item3				{min-height: 65vw;}
	.item-title 		{bottom:92%;left:calc(5% + 5px);}
	.col-xs-6			{padding-left:5px!important;padding-right:5px!important;}
}

@media (max-width: 576px) {
	.item3 				{min-height: 36vh;}
	.item-title 		{bottom:calc(100% - 8.5vw);}
}