@charset "UTF-8";

.WRAPPER {
	font-family: "微軟正黑體";
	width: 100%;
	overflow-x: hidden;
	display: block;
	margin: 0 auto;
	background: #fff;
}

.WRAPPER * {
	box-sizing: border-box;
}

.WRAPPER img {
	display: block;
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
}

.WRAPPER>div {
	position: relative;
}

.WRAPPER .pc {
	display: block
}

.WRAPPER .mb {
	display: none !important;
}

.WRAPPER .swiper-pagination-bullet-active {
	background-color: #fff;
}

.WRAPPER  section {
    width: 100%;
    position: relative;
	display: block;
}


.WRAPPER section img {
	display: block;
}

.WRAPPER a img {
	display: block;
}


@media (max-width: 800px) {
	.WRAPPER .pc {
		display: none !important;
	}

	.WRAPPER .mb {
		display: block !important;
	}
}



.WRAPPER a {
	display: block;
	cursor: pointer;
	text-decoration: none;
	outline: none !important;
	box-sizing: border-box;
}


/* SABON_t */
.WRAPPER .Heading .SABON_t{
	background: #fff;
	
}
.WRAPPER .Heading .SABON_t img{
	width: 35%;
	margin: 0 auto;
}

@media (max-width: 800px) {
	.WRAPPER .Heading .SABON_t img{
		width: 82%;
		margin: 0 auto;
	}
	
}


.WRAPPER .Heading {
	background: #fff;
}

/* 主選單 */
.WRAPPER .navSwiper {
	background: #463829;
	height: 60px!important;/*momo*/
}
.WRAPPER .navSwiper .swiper-wrapper {
	margin: 0 auto;
	width: fit-content;
}
.WRAPPER .navSwiper .swiper-slide {
	width: fit-content;
}
.WRAPPER .navSwiper .swiper-slide a {
	padding: 16px 0;
	min-width: 200px;
	font-size: 20px;
	text-align: center;
	letter-spacing: .025em;
	color: #fff;
	border-right: 1px solid #fff;
	transition: all .3s;
}
.WRAPPER .navSwiper .swiper-slide a:hover {
	background: #2d2319;
	color: #fff;
	transition: all .3s;
}
.WRAPPER .navSwiper .swiper-slide:last-child a {
	border: 0;
}
.WRAPPER .navSwiper .swiper-slide a img {
	margin: 0 auto;
}
@media (max-width: 810px) {
	.WRAPPER .navSwiper {
		padding: 2vw 2.5vw;
		height: 14.9vw !important;
	}
	.WRAPPER .swiper-scrollbar {
		opacity: 0;
	}
	.WRAPPER .navSwiper .swiper-slide a {
		padding: 2.9vw;
		min-width: 21.8vw;
		font-size: 3.9vw;
		letter-spacing: .025em;
		color: #fff;
		border: 0;
		background: #403326;
		margin-right: 2.5vw;
	}
	.WRAPPER .navSwiper .swiper-slide:last-child a {
		border: 0;
		margin-right: 0;
	}
}

/* KV */


.WRAPPER .kv a {
	display: block;
	width: 100%;
}

/* .WRAPPER .kv {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
} */


/* 連結 */
.WRAPPER .double-link ,
.WRAPPER .triple-link, 
.WRAPPER .four-link {
    position: absolute; 
    left: 0%;
    right: 0%;
    margin: 0 auto;
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	top: 0%;
}

.WRAPPER .double-link a {
    display: block;
    width: 50%;
	height: 100%;
	/* border: 2px solid green; */
}

.WRAPPER .triple-link a {
    display: block;
    width: 33%;
	height: 100%;
	/* border: 2px solid orange; */
}

.WRAPPER .four-link a {
    display: block;
    width: 25%;
	height: 100%;
	/* border: 2px solid red; */
}


@media (max-width: 800px) { 

	.WRAPPER .double-link,
	.WRAPPER .triple-link,
	.WRAPPER .four-link	{
		width: 100%;
	}

}