@charset "utf-8";

/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family: "微軟正黑體", "sans-serif";
	-webkit-text-size-adjust: 100%;
	overflow-y: scroll;
	background: #222222;
}

.MUFE_wrap a {
	outline: none;
	text-decoration: none;
	color: inherit;
	display: initial;
}

.MUFE_wrap img {
	border: 0;
}

.MUFE_wrap .content {
	min-width: 100%;
}

.MUFE_wrap .MUFE_inner {
	text-align: center;
}

.MUFE_wrap .MUFE_float {
	float: left;
}

.MUFE_wrap .MUFE_clear {
	clear: both;
}

.MUFE_wrap .MUFE_block100 {
	display: block;
	width: 100%;
}

.MUFE_wrap {
	width: 100%;
	overflow: hidden;
}

.MUFE_wrap .MUFE_menu {
	width: 100%;
	color: #ffffff;
	background: #000000;
	text-align: center;
}

.MUFE_wrap .MUFE_menu .MUFE_btn {
	background: #000000;
}

.MUFE_wrap .MUFE_menu .MUFE_btn:hover {
	background: #c81d31;
	color: #ffffff;
}

.MUFE_wrap .owl-dots {
	display: none !important;
}

.MUFE_wrap .carousel_mainimg {
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 5;
}

.MUFE_wrap .PC-text1 {
	margin: auto;
	width: 100%;
	max-width: 1220px;
	margin-top: 30px;
	margin-bottom: 30px;

}

.MUFE_wrap .mob-text1 {
	width: 100%;
	margin: auto;
	margin-top: 2%;
	margin-bottom:0%;
}

.MUFE_wrap .MUFE_div1,
.MUFE_wrap .MUFE_div2,
.MUFE_wrap .MUFE_div3,
.MUFE_wrap .MUFE_div5 {
	margin: auto;
}

.MUFE_wrap .MUFE_div2 {
	text-align: center;
}

.MUFE_wrap .MUFE_div3 {
	text-align: center;
}

.MUFE_wrap .MUFE_div5 {
	text-align: center;
}

@media screen and (min-width: 1000px) {
	.MUFE_wrap .MUFE_menu {
		height: 40px;
		align-items: center;
		font-size: 18px;
	}

	.MUFE_wrap .MUFE_menu .MUFE_btn {
		width: 160px;
		height: 40px;
		padding: 7px 10px;
		display: inline-table;

	}

	.MUFE_wrap .MUFE_phone {
		display: none;
	}

	.MUFE_wrap .MUFE_content {}

	.MUFE_wrap .MUFE_inner {
		width: 100%;
		margin: auto;

	}

	.MUFE_wrap .MUFE_outer {
		background-position: top;
		background-color: #222222;
		/*background-image:url(pc_background.jpg?t=1710298307036);
	background-repeat: repeat;
	background-size: 100%;*/
	}

	/*.MUFE_div2{
	width: 101.1%;
	margin-left: -0.1%;
}*/
	.MUFE_wrap .MUFE_div1 {
		width: 100%;
		max-width: 1220px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.MUFE_wrap .MUFE_div2 {
		width: 98%;
		max-width: 1220px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.MUFE_wrap .MUFE_div2 .img1 {
		width: 49%;
		margin: 10px 0.4%;
		display: inline-block;
	}

	.MUFE_wrap .MUFE_div2 .img2 {
		margin: 12px 0;
		width: 99.6%;
	}

	.MUFE_wrap .MUFE_div3 {
		width: 98%;
		max-width: 1220px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.MUFE_wrap .MUFE_div3 img {
		width: 49%;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.MUFE_wrap .MUFE_div5 {
		max-width: 1220px;
		width: 105%;
		margin-top: 30px;
	}

	.MUFE_wrap .MUFE_div5 img {
		width: 30%;
		margin: 1%;
	}

	.MUFE_wrap .main_img {
		width: 100%;
		max-width: 1220px;
		margin: auto;
		margin-top: 40px;
	}

	.MUFE_wrap .MUFE_menu .MUFE_btn_phone {
		display: none !important;
	}
}

@media screen and (max-width: 458px) {
	.MUFE_wrap .MUFE_menu .MUFE_btn {
		width: 50%;
		/* 將按鈕的寬度設定為50%以確保兩個按鈕佔據一行 */
		box-sizing: border-box;
		/* 確保邊框和內間距包含在元素的總寬度和高度內 */
	}
}

@media screen and (max-width: 999px) {
	.MUFE_wrap .MUFE_menu {
		font-size: 16px;
		width: 104%;
	}

	.MUFE_wrap .MUFE_menu .MUFE_btn {
		width: calc((100% - 6px) / 3);
		text-align: center;
		padding: 10px 0;
		float: left;
		display: block;
		border: 1px solid #ffffff;
		/* 這裡我們設定上下左右都有白線 */
	}

	/* 由於每個按鈕都已經有白線，所以我們不再需要特定的選擇器來設定某些按鈕的邊框 */
	/* .MUFE_wrap .MUFE_menu .MUFE_btn:nth-of-type(4),.MUFE_wrap .MUFE_menu .MUFE_btn:nth-of-type(5){
	width: 33%;
	border-top: 1px solid #ffffff;
} */

	.MUFE_wrap .MUFE_pc {
		display: none;
	}

	/* 這樣，每個按鈕都會在上下左右都有一條白線。如果還有其他問題或需要進一步的調整，請告訴我。 */

}

@media screen and (max-width: 666px) {
	.MUFE_div4 img {
		width: 48%;
	}
}

.MUFE_wrap .MUFE_content {
	background-color: #222222;
	/*background-image:url(pc_background.jpg?t=1710298307036);
	background-position:top center; 
	background-repeat: repeat;
	background-size: 200%;*/
}

.MUFE_wrap .MUFE_phone .owl-carousel .owl-nav button {
	display: none;
}

.MUFE_wrap .MUFE_inner {
	width: 100%;
}

.MUFE_wrap .MUFE_div1 {
	width: 95%;
	margin-top: 2%;
	margin-bottom: 2%;
}

.MUFE_wrap .MUFE_div2 {
	width: 98%;
	margin-top: 2%;
	margin-bottom: 2%;
}

.MUFE_wrap .MUFE_div2 .MUFE_phone .img1 {
	margin: 2% 0;
}

.MUFE_wrap .MUFE_div2 .MUFE_phone .img2 {
	margin: 2% 0;
}

.MUFE_wrap .MUFE_div2 .MUFE_phone .img3 {
	width: 98%;
	margin-left: -5.5%;
	display: block;
}

.MUFE_wrap .MUFE_div3 {
	width: 98%;
	margin-top: 2%;
	margin-bottom: 2%;
}

.MUFE_wrap .MUFE_div3 img {
	width: 49%;
	margin: 2% 0;
}

.MUFE_wrap .MUFE_div5 {
	width: 100%;
	margin-left: -1%;
	padding-bottom: 0%;
}

.MUFE_wrap .MUFE_div5 img {
	width: 50%;
	margin: -1% -1%;
}

.MUFE_wrap .main_img {
	width: 100%;
	margin: auto;
	margin-top: 6%;
}

.MUFE_wrap .MUFE_menu .MUFE_btn_pc {
	display: none !important;
}

.area1220 {
	width: 100%;
}

.MUFE-iframe-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

.video-frame {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}