@charset "utf-8";

@font-face{
	font-family: 'Noto Sans SC Bold';
    src:url('/documents/mf2023/fonts/NotoSansSC-Bold.otf');
    font-weight:normal;
    font-style:normal;
}

HTML:lang(zh-CN) {font-family: 'Noto Sans TC', '微軟正黑體';}

body  {font-family: '微軟正黑體';font-size: 16px;}
h1			{font-family: 'Noto Sans SC Bold', '微軟正黑體';font-stretch: condensed;font-size:3.0rem;}
h2			{font-family: 'Noto Sans SC Bold', '微軟正黑體';font-stretch: condensed;font-size:2.5rem;}
h2 span		{font-family: 'Noto Sans SC Bold', '微軟正黑體';font-stretch: condensed;}
h3			{font-family: 'Noto Sans SC Bold', '微軟正黑體';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, .menu-pos, section a 	{font-family:inherit;font-stretch: condensed;}

p 	{font-family:inherit;}
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		 		{min-height:550px;}
.item-ms 			{min-height:520px;}
.item-minHeight1 		{min-height:550px;}
.item-minHeight2 		{min-height:600px;}
.item-souvenir			{position:absolute;bottom:0;left:5%;}
.saleoutlet				{font-size:85%;}
.moreheight				{min-height:550px;}
.category-title 		{font-weight:700;}

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

@media (max-width: 1199px) {
	h1			{font-size:2.0rem;}
	h2			{font-size:1.5rem;}
	h2 span		{}
	h3			{font-size:1.25rem;}
	.item	 			{min-height:300px;}
	.item-ms 			{min-height:440px;}
	.item2, .item3 		{width: 100%; height: auto; /*min-height: 70vw;*/}
	.item3 				{min-height: calc(50vw + 20px);}
	.item-minHeight1 		{min-height:480px;}
	.item-minHeight2 		{min-height: calc(50vw + 180px);}	//500px
	.item-title 		{bottom:92%;left:calc(5% + 5px);}
	.moreheight			{min-height: 62vw;}
}

@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 + 160px);}
	.item-minHeight2 		{min-height: calc(50vw + 200px);}
    //.item3				{min-height: 65vw;}
	.col-xs-6			{padding-left:5px!important;padding-right:5px!important;}
}

@media (max-width: 768px) {
	.moreheight				{min-height: 110vw;}  
	.item-minHeight1 		{min-height: calc(50vw + 200px);}
	.item-minHeight2 		{min-height: calc(100vw + 20px);}
    .item2					{max-width: 600px;}
}

@media (max-width: 576px) {
	//.item3 				{min-height: 55vh;}
	.item-title 			{bottom:calc(100% - 8.5vw);}
	.item-minHeight1 		{min-height: calc(50vw + 240px);}
	.moreheight				{min-height: 130vw;}
    //.moreheight			{min-height: calc(100vw+ 100px);}
}

@media (max-width: 480px) {
	.item3 				{min-height: calc(100vw + 20px);}
}