@charset "utf-8";

/*基本*/
body {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #000000;
}

.for_phone {
	display: none;
}

.for_m ul {
	margin: 0px;
	padding: 0px;
	list-style: none outside none;
}

@media screen and (max-width:767px) {
	.for_pc {
		display: none !important;
	}

	.for_phone {
		display: block !important;
	}

	body {
		margin: 0;
		padding: 0;
		background-image: none
	}

	.for_m_magintop {
		margin-top: 3vw;
	}
}


/*全BOX版面*/
.WRAPPER {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	min-width: 1220px;
}

.WRAPPER img {
	border: 0;
	vertical-align: top;
}

.WRAPPER .mainArea {
	margin: 0 auto;
	width: 1220px;
	font-family: "Century Gothic", "微軟正黑體", sans-serif;
	position: relative;
}

.WRAPPER .mainArea a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-family: "微軟正黑體"
}

.WRAPPER a {
	text-decoration: none;
	font-family: "微軟正黑體"
}

/*控制區塊背景的位置*/
.Areabg {
	margin-left: -390px;
}

@media screen and (max-width:736px) {
	.WRAPPER {
		min-width: inherit;
		background-size: 100%;
		background-color: #000000;
	}

	.WRAPPER img {
		width: 100%;
		height: auto;
	}
}





/*區塊背景*/
@media screen and (min-width:768px) {
	.Areabg01 {
		position: absolute;
		z-index: -1;
		top: 0px;
		left: 0;
		width: 100%;
		min-width: 1220px;
		height: 1008px;
		background-image: url(pc_01.jpg?t=1751947039773);
		background-repeat: no-repeat;
		background-position: center top;
	}

	.Areabg02 {
		position: absolute;
		z-index: -1;
		top: 1008px;
		left: 0;
		width: 100%;
		min-width: 1220px;
		height: 100%;
		background-image: url(pc_02.jpg?t=1751947039773);
		background-repeat: repeat-y;
		background-position: center top;
	}

	.deco {
		z-index: 0;
		position: absolute;
		top: 1100px;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: repeat-y;
		background-position: center top;
		pointer-events: none;
	}

	.top_deco {
		display: none;
	}

	.pc_activ_bg {
		z-index: 0;
		position: absolute;
		top: 153px;
		left: 0;
		width: 100%;
		min-width: 1220px;
		height: 938px;
		background-repeat: no-repeat;
		background-position: center top;
	}

}

@media screen and (max-width:767px) {
	.Areabg01 {
		display: none
	}

	.Areabg02 {
		display: none
	}

	.Areabg03 {
		display: none
	}

	.Areabg04 {
		display: none
	}

	.Areabg05 {
		display: none
	}

	.Areabg06 {
		display: none
	}

	.Areabg07 {
		display: none
	}

	.Areabg08 {
		display: none
	}

	.bgdeco {
		display: none
	}

	.repeat_bg2 {
		display: none
	}
}




/*回版頭*/
#gotopBtn {
	display: none !important;
}

/*把系統手機版原本的Gotop關掉*/
#gotop {
	display: none;
	position: fixed;
	z-index: 201;
	right: 0;
	padding: 14px 6px 3px 10px;
	font: 12px/30px Verdana;
	text-align: center;
	color: #fff;
	cursor: pointer;
	transition: 0.2s;
	transform: translateX(200%);
	bottom: 90px;
	bottom: calc(90px + constant(safe-area-inset-bottom)*0.6);
	bottom: calc(90px + env(safe-area-inset-bottom)*0.6);
}

#gotop::before {
	content: "";
	position: absolute;
	top: 9px;
	left: 19px;
	width: 0;
	height: 0;
	border: 4px solid #fff;
	border-color: transparent transparent #fff;
}

#gotop::after {
	content: "";
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50px 0 0 50px;
	transform: translate(-50%, -50%);
	width: 44px;
	height: 44px;
	background-color: rgba(0, 0, 0, 0.8);
}

#gotop.cate-open {
	transform: translateX(0%);
}

/*白色*/
#gotop {
	color: #000;
}

#gotop::before {
	border-color: transparent transparent #000;
}

#gotop::after {
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 0 1px 0 rgba(242, 242, 242, 1), 0 0 10px rgba(0, 0, 0, 0.2);
}

/*logo*/
@media screen and (min-width:766px) {
	.go_bt2 {
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.go_bt2:hover {
		filter: brightness(130%);
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-o-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	.Area .go_bt {
		position: relative;
		display: block;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.Area .go_bt:hover {
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		-ms-transform: scale(0.95);
		-o-transform: scale(0.95);
		transform: scale(0.95);
	}
}

/*區塊all*/
.Area {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	min-width: 1220px;
}



/*區塊-共用按鈕*/
.Area .btn_go {}

.Area .btn_go * {
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.Area .btn_go a:hover {
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.Area .btn_go a:after {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.Area .btn_go:active a,
.Area .btn_go:focus a,
.Area .btn_go:hover a {
	color: #fff;
}

.Area .btn_go:active a:after,
.Area .btn_go:focus a:after,
.Area .btn_go:hover a:after {
	width: 150% !important;
}

.Area .btn_go:active a i,
.Area .btn_go:focus a i,
.Area .btn_go:hover a i {
	background-color: #000;
	transform: translateX(-10px);
	transition-delay: 0.1s;
}

.Area .btn_go a strong {
	z-index: 2;
	position: relative;
}

.Area .btn_go a i {
	z-index: 3;
	position: absolute;
	top: -63px;
	right: -278px;
	display: inline-block;
	border-radius: 60px;
	width: 60px;
	height: 60px;
	background: #09006e url(btn_icon_r.png?t=1751947039773);
	background-size: contain;
}

@media screen and (max-width:736px) {
	.Area {
		width: 100%;
		height: 100%;
		min-width: 100%;
	}

	.Area .btn_go {
		position: absolute;
	}

	.Area .btn_go * {
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}

	.Area .btn_go a {
		display: block;
		color: #fff;
		letter-spacing: -2px;
	}

	.Area .btn_go a:after {}

	.Area .btn_go:active a,
	.Area .btn_go:focus a,
	.Area .btn_go:hover a {
		color: #fff;
	}

	.Area .btn_go:active a:after,
	.Area .btn_go:focus a:after,
	.Area .btn_go:hover a:after {
		width: 150% !important;
	}

	.Area .btn_go:active a i,
	.Area .btn_go:focus a i,
	.Area .btn_go:hover a i {
		background-color: transparent;
		transform: translateX(-10px);
		transition-delay: 0.1s;
	}

	.Area .btn_go a strong {
		z-index: 2;
		position: relative;
	}

	.Area .btn_go a i {
		z-index: 3;
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		border-radius: 35px;
		width: 35px;
		height: 35px;
		background: #09006e url(btn_icon_r.png?t=1751947039773);
		background-size: contain;
	}
}



/*公版*/
.PD_layout .PD h3 {
	background-image: repeating-linear-gradient(90deg, rgb(29 17 4) -1%, rgb(76 51 27) 120%);
	background-position: right top;
	background-size: 100% 100%;
}

@media screen and (max-width:767px) {
	.PD_layout[data-pd-col-phone="1"] ul {
		padding: 0 2.2em 0 1.2em;
	}

	.PD_layout[data-pd-col-phone="2"] ul {
		padding: 0 1.5em 0 1.5em;
	}
}

/*間距*/
.Area_bottom {
	margin-top: 15px;
}

@media screen and (max-width:767px) {
	.Area_bottom {
		margin-top: 0;
	}
}



/*momo_logo*/
.Area01 .momologo {
	z-index: 2;
	position: absolute;
	top: 15px;
	left: 20px;
}

.Area01 .momologo a {
	display: block;
	width: 200px;
	height: 30px;
	background: url(momo_logo.png?t=1751947039773) no-repeat;
}

.Area01 .momologo a:hover {
	background: url(momo_logo_on.png?t=1751947039773) no-repeat;
}

@media screen and (max-width:767px) {
	.Area01 .momologo {
		display: none;
	}
}

@media screen and (min-width:768px) {

	/*版頭*/
	.Area01 {
		width: 1220px;
		height: 880px;
		margin-bottom: 0px;
		position: relative;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 0 0;
	}

	/*主標*/
	.Area01 .toptitle {
		z-index: 0;
		position: absolute;
		top: 40px;
		left: 40px;
		width: 50%;
	}

	.Area01 .title_light {
		z-index: 5;
		position: absolute;
		left: 0;
		top: 245px;
		mix-blend-mode: overlay;
		pointer-events: none;
	}

	/*版頭品*/
	.Area01 .title01 {
		position: absolute;
		top: 128px;
		left: 270px;
		z-index: 4;
		width: 701px;
		height: 190px;
	}

	.Area01 .title02 {
		position: absolute;
		top: 320px;
		left: 365px;
		z-index: 5;
		width: 282px;
		height: 44px;
	}

	.Area01 .title03 {
		position: absolute;
		top: 325px;
		left: 415px;
		z-index: 5;
		width: 450px;
		height: 91px;
	}

	.Area01 .pd01 {
		z-index: 3;
		position: absolute;
		top: 437px;
		left: 358px;
		width: 311px;
		height: 378px;
	}

	.Area01 .shake {
		pointer-events: none;
		position: absolute;
		top: 260px;
		left: -335px;
		z-index: 5;
		mix-blend-mode: screen;
		width: 456px;
		height: 668px;
	}

	.Area01 .shake2 {
		pointer-events: none;
		position: absolute;
		top: 260px;
		left: 1100px;
		z-index: 5;
		mix-blend-mode: screen;
		width: 457px;
		height: 668px;
	}

	.Area01 .shake3 {
		pointer-events: none;
		position: absolute;
		top: 240px;
		left: -260px;
		z-index: 5;
		mix-blend-mode: screen;
		width: 364px;
		height: 668px;
	}

	.Area01 .shake4 {
		pointer-events: none;
		position: absolute;
		top: 240px;
		left: 1100px;
		z-index: 5;
		mix-blend-mode: screen;
		width: 360px;
		height: 668px;
	}
}

@media screen and (max-width:767px) {

	/*主標*/
	.Area01 .toplight {
		position: absolute;
		left: 0vw;
		top: 0vw;
		width: 100%;
		z-index: 6;
	}

	.Area01 .toptitle {
		position: absolute;
		top: 1vw;
		width: 96%;
		left: 2vw;
		z-index: 7;
	}

	/*版頭品*/
	.Area01 {
		width: 100%;
		height: auto;
		padding: 0 0 0 0;
	}

	.Area01 .title01 {
		position: absolute;
		width: 95%;
		top: 16vw;
		left: 4vw;
		z-index: 3;
	}

	.Area01 .title02 {
		position: absolute;
		width: 45%;
		top: 42vw;
		left: 10vw;
		z-index: 4;
	}

	.Area01 .title03 {
		position: absolute;
		width: 64%;
		top: 45vw;
		left: 18vw;
		z-index: 4;
	}

	.Area01 .pd01 {
		position: absolute;
		left: 11vw;
		top: 75vw;
		width: 37%;
		z-index: 1;
	}

	.Area01 .top_deco {
		position: absolute;
		top: 0vw;
		left: 0vw;
		z-index: 2;
		animation-delay: 1s;
		width: 100%;
		pointer-events: none;
	}
}


/*版頭品*/
@media screen and (min-width:768px) {
	.Area01 .toppd {
		z-index: 1;
		position: absolute;
		top: 445px;
		left: 365px;
		overflow: hidden;
		width: 553px;
		height: 391px;
	}

	.Area01 .toppd ul.PD_wrapper {
		display: flex;
		flex-wrap: nowrap;
		margin: 0;
		padding: 0;
		width: 100%;
		box-sizing: content-box;
	}

	.Area01 .toppd ul.PD_wrapper li {
		flex-shrink: 0;
		margin: 0;
		padding: 0;
		opacity: 0;
		transform: translate(5%, 0);
	}

	.Area01 .toppd ul.PD_wrapper li.swiper-slide-active {
		opacity: 1;
		transition: .8s ease-out;
		transform: translate(0, 0);
	}

	.Area01 .toppd .PD_layout .PD_img {
		display: block;
	}

	.Area01 .toppd .PD_layout .PD_into {
		display: none;
	}
}

@media screen and (max-width:767px) {
	.Area01 .toppd {
		position: absolute;
		top: 65vw;
		right: 0;
		width: 100%;
		height: 55vw;
		overflow: hidden;
	}

	.Area01 .toppd ul.PD_wrapper {
		display: flex;
		flex-wrap: nowrap;
		margin: 0;
		padding: 0;
		width: 100%;
		box-sizing: content-box;
	}

	.Area01 .toppd ul.PD_wrapper li {
		flex-shrink: 0;
		margin: 0;
		padding: 0;
		opacity: 0;
		transform: translate(5%, 0);
	}

	.Area01 .toppd ul.PD_wrapper li.swiper-slide-active {
		opacity: 1;
		transition: .8s ease-out;
		transform: translate(0, 0);
	}

	.Area01 .toppd ul.PD_wrapper li img {
		width: 80%;
	}
}

/*區塊2*/
.Area02{
	margin-top: 100px;
}

.Area02_background {
	width: 1220px;
	height: 500px;
	background-image: url(brand_bg3.png?t=1751947039773);
	background-repeat: no-repeat;
	padding-top: 200px;
}

@media screen and (max-width:767px) {
.Area02_background {
	background-image: none;
	height: auto;
}

.Area02{
	margin-top: 30px;
}
}



/*區塊3*/
.Area03 {
	width: 1220px;
	position: relative;
	margin: 20px auto 80px;
	box-sizing: border-box;
	padding: 0 0 0 0;
}

.Area03 ul.book {
	display: block;
	width: 1220px;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	box-sizing: border-box;
	text-decoration: none;
	overflow: hidden;
	list-style: none;
	text-align: center
}

.Area03 ul.book li a {
	display: block
}

.Area03 ul.book li {
	width: auto;
	padding: 0;
	margin: 0 auto;
	text-decoration: none;
	display: block;
	list-style: none;
	text-align: center;
	display: inline-block;
}

.Area03 ul.book li .txt1 {
	display: block;
	position: absolute;
	right: 530px;
	bottom: 29px;
	z-index: 9;
	margin: 0 auto;
	font-family: "Century Gothic", "Microsoft JhengHei", "微軟正黑體", Arial, sans-serif;
	line-height: 1.5;
	text-align: left;
}

.Area03 ul.book li .txt1 p {
	width: 120px;
	height: 25px;
	border-radius: 35px;
	text-align: center;
	color: #fff;
}

.Area03 ul.book li .txt2 {
	display: block;
	position: absolute;
	right: 528px;
	bottom: 31px;
	z-index: 9;
	margin: 0 auto;
	font-family: "Century Gothic", "Microsoft JhengHei", "微軟正黑體", Arial, sans-serif;
	line-height: 1.5;
	text-align: left;
}

.Area03 ul.book li .txt2 p {
	width: 120px;
	height: 25px;
	border-radius: 35px;
	text-align: center;
	color: #fff;
}

@media screen and (max-width:767px) {
	.Area03 {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 auto;
	}
}




/*區塊04*/
@media screen and (min-width:768px) {
	.Area055 .PD_layout[data-pd-col-pc="2"] ul {
		padding: 0em 4em 0 4em;
	}

	.Area055 .box {
		width: 1200px;
		padding: 20px 0 0 0;
		border-radius: 16px;
		background-image: repeating-linear-gradient(90deg, rgb(221 192 162) -1%, rgb(207 170 134) 120%);
	}

	.Area055 {
		width: 1220px;
		height: 100%;
		position: relative;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 0 0 0;
	}

	.Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide:hover {
		transform: translateY(-6px);
	}

	.Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide:hover {
		box-shadow: unset;
	}

	.Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_into {
		padding-left: 0px;
		position: absolute;
		top: 275px;
		width: 90%;
		text-align: center;
	}

	.Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_into h3 {
		padding: 0;
		max-height: 1.9em;
		font-weight: bolder;
		font-size: 30px;
		line-height: 1.3em;
		color: #1f0f0e;
		top: 41px;
		left: -32px;
		background-image: none;
		background-position: right top;
		background-size: 100% 100%;
	}

	.Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_into h4 {
		font-size: 24px;
		color: #fff;
		width: 100%;
		left: -25px;
	}

	.Area055 .PD_layout.PD_layout-PDBN_01 .PD p {
		color: #af2457
	}

	.Area055 .PD_layout[data-pd-col-pc="2"] li {
		margin-left: 0px;
	}

	.Area055 .PD_layout .PD img {
		width: 95%;
		height: auto;
	}
}

@media screen and (max-width:767px) {
	.Area055 {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0 auto;
		/*background-image:url("mb_02.jpg?t=1751947039773"); background-size: 100%; background-repeat: repeat-y;*/
	}

	.Area055 .box {
		position: relative;
		top: 2vw;
		height: 288vw;
		padding: 5vw 0 0 0;
		background-image: repeating-linear-gradient(90deg, rgb(221 192 162) -1%, rgb(207 170 134) 120%);
	}

	.Area055 .PD_layout.PD_layout-PDBN_01.PD_slide:hover {
		transform: unset;
	}

	.Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide:hover {
		box-shadow: unset;
	}

	.Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_img {
		margin-bottom: 3%;
	}

	.Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_into {
		padding-left: 0vw;
		position: absolute;
		left: 0;
		top: 49vw;
		width: 95%;
		text-align: center;
	}

	.Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_logo img {
		box-shadow: unset;
	}

	.Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_into h3 {
		padding: 0;
		max-height: 1.9em;
		font-weight: bolder;
		font-size: 1.3em;
		line-height: 1.3em;
		color: #1f0f0e;
		left: -7vw;
		top: 8vw;
		background-image: none;
		background-position: right top;
		background-size: 100% 100%;
	}

	.Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_into h4 {
		font-size: 1.2em;
		width: 90%;
		color: #fff;
		top: 17vw;
	}

	.Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD p {
		margin: 5vw 0 3vw -3vw;
		color: #af2457;
	}

	.Area055 .PD_layout[data-pd-col-phone="1"] ul {
		padding: 0 2.2em 0 2.2em;
	}
}





/*區塊05*/
@media screen and (min-width:768px) {
	.Area_PD2 {
		width: 1220px;
		position: relative;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 0 0 0;
	}

}

@media screen and (max-width:767px) {
	.Area_PD2 {
		width: 100%;
		height: auto;
		padding: 0 0 0;
		margin: 0 auto;
		/*background-color:#edcca3;*/
	}
}

.txt {
	margin-bottom: 20px;
}


/*公版PD_layout-D2_1f2s*/

/*Area_PD2*/
.Area_PD2 {
	width: 1220px;
	position: relative;
	display: block;
	margin: 0 auto;
}

.Area_PD2 .box {
	padding: 0;
}

.PD_layout-D2_1f2s {
	position: relative;
	margin-bottom: 2%;
}

.PD_layout-D2_1f2s {
	width: 100%;
	float: left;
}

.PD_layout-D2_1f2s:nth-of-type(2n+1) {
	margin-left: 0;
}

@media screen and (max-width:767px) {
	.Area_PD2 {
		height: auto;
		width: 100%;
		background-image: none !important;
		margin: 0;
		padding: 0;
	}

	/* .Area_PD2 .box {padding:0;height:900vw;} */
	.PD_layout-D2_1f2s {
		position: relative;
		width: 100%;
		margin: 0;
		padding-bottom: 5vw;
	}

	.PD_layout-D2_1f2s:nth-of-type(2n+1) {
		margin-left: 0;
		left: 0;
		margin: 0;
	}
}

/*BN*/
.PD_layout-D2_1f2s .PD_layout-D2_1f2s-BN {
	width: 95%;
	margin: 0 0 0 2%;
}

.PD_layout-D2_1f2s .PD_layout-D2_1f2s-BN .PD_layout[data-pd-col-pc="1"] ul {
	padding: 0;
}

.PD_layout-D2_1f2s .PD_layout-D2_1f2s-BN .PD_layout[data-pd-col-pc="1"] li {
	margin-bottom: 0;
	-webkit-transform: none;
	transform: none;
}

@media screen and (max-width:767px) {
	.PD_layout-D2_1f2s .PD_layout-D2_1f2s-BN {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.PD_layout-D2_1f2s .PD_layout-D2_1f2s-BN .PD_layout[data-pd-col-pc="1"] ul {
		padding: 0;
	}

	.PD_layout-D2_1f2s .PD_layout-D2_1f2s-BN .PD_layout[data-pd-col-pc="1"] li {
		margin-bottom: 0;
		-webkit-transform: none;
		transform: none;
	}
}

/*PD*/
.PD_slide {
	border-radius: 5px;
}

.PD_layout-D2_1f2s-PD2 {
	margin-top: 50px;
}

.PD_layout-D2_1f2s .PD_layout-D2_1f2s-PD [data-pd-col-pc*="2"] li {
	margin: 10px 0 10px 10px;
	width: calc(50% - 5px);
	border: 5px #ffffff solid;
}

.PD_layout-D2_1f2s .PD_layout[data-pd-h3="2"] .PD h3 {
	background-image: repeating-linear-gradient(134deg, rgb(209 162 108) -1%, rgb(159 104 39) 101%) !important
}

@media screen and (max-width:767px) {
	.PD_layout-D2_1f2s .PD_layout-D2_1f2s-PD {
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.PD_layout[data-pd-col-phone="2"] ul {
		padding: 0.5em;
	}

	.PD_layout-D2_1f2s .PD_layout[data-pd-h3="2"] .PD h3 {
		background-image: repeating-linear-gradient(134deg, rgb(209 162 108) -1%, rgb(159 104 39) 101%) !important
	}
}





/*館作圖區(線上)*/
@media screen and (min-width:768px) {
	.Area_guan {
		height: 100%;
		padding-bottom: 60px;
		top: 20px
	}

	.Area_guan .layout_guan {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	.Area_guan .layout_guan ul {
		width: 53%;
		padding: 0 0 0 0 !important;
		margin: 0 auto;
	}

	.Area_guan .layout_guan ul li {
		padding: 0;
		margin: 0;
	}

	.Area_guan .layout_guan ul li img {
		width: 100%;
	}
}

@media screen and (max-width:767px) {
	.Area_guan {
		padding-bottom: 11vw;
		top: 6vw;
		left: 2vw;
	}

	.Area_guan .layout_guan {
		width: 100%;
	}

	.Area_guan .layout_guan ul {
		width: 100%;
		padding: 0 !important;
		margin: 0 0 0 0vw !important;
	}

	.Area_guan .layout_guan ul li {
		padding: 0;
		margin: 0;
	}

	/*	.Area_guan .layout_guan ul li img { width:50%;position: relative;left:0;}*/
	.Area_guan .PD_layout .PD_img {
		width: 100% !important;
	}
}





/*攻略區*/
.Area_activ {
	margin-bottom: -35px;
	top: -44px;
	width: 1220px;
	height: 1000px;
	position: relative;
	margin: 50px auto;
	box-sizing: border-box;
	padding: 0px 0 0 0;
}

.Area_activ .box1 {
	background: url(pc_activ_bg.png?t=1751947039773)top center repeat-y;
}

/*線上BN*/
.Area_activ .Area_BN {
	height: 357px;
	width: 1220px;
	position: relative;
	margin: 0px auto;
	box-sizing: border-box;
	padding: 0px 0 0 30px;
}

.Area_activ .Area_BN .PD_layout {
	position: relative;
	overflow: hidden;
}

.Area_activ .Area_BN .PD_layout .PD_slide {
	min-width: inherit !important;
}

.Area_activ .Area_BN .PD_layout ul {
	display: flex;
	flex-wrap: nowrap;
	grid-gap: 0;
	padding: 0 !important;
}

.Area_activ .Area_BN .PD_layout .PD_img {
	display: block;
}

.Area_activ .Area_BN .PD_layout .PD_into {
	display: none;
}

.Area_activ .Area_BN .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px !important;
}


/*線上BN*/
.Area_activ .Area_BN2 {
	height: 145px;
	width: 1220px;
	position: relative;
	margin: 0px auto;
	box-sizing: border-box;
	padding: 0px 0 0 30px;
}

.Area_activ .Area_BN2 .PD_layout {
	position: relative;
	overflow: hidden;
}

.Area_activ .Area_BN2 .PD_layout .PD_slide {
	min-width: inherit !important;
}

.Area_activ .Area_BN2 .PD_layout ul {
	display: flex;
	flex-wrap: nowrap;
	grid-gap: 0;
	padding: 0 !important;
}

.Area_activ .Area_BN2 .PD_layout .PD_img {
	display: block;
}

.Area_activ .Area_BN2 .PD_layout .PD_into {
	display: none;
}

.Area_activ .Area_BN2 .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px !important;
}


/*線上BN*/
.Area_activ .Area_BN3 {
	height: 353px;
	width: 1220px;
	position: relative;
	margin: 0px auto;
	box-sizing: border-box;
	padding: 0px 0 0 30px;
}

.Area_activ .Area_BN3 .PD_layout {
	position: relative;
	overflow: hidden;
}

.Area_activ .Area_BN3 .PD_layout .PD_slide {
	min-width: inherit !important;
}

.Area_activ .Area_BN3 .PD_layout ul {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 0;
	padding: 0 !important;
	width: 95%;
}

.Area_activ .Area_BN3 .PD_layout .PD_img {
	display: block;
}

.Area_activ .Area_BN3 .PD_layout .PD_into {
	display: none;
}

.Area_activ .Area_BN3 .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px !important;
}




@media screen and (max-width:767px) {
	.Area_activ {
		width: 100%;
		height: 93vw;
	}

	.Area_activ .box1 {
		background: url(m_activ_bg.png?t=1751947039773)top center no-repeat;
		background-size: 100%;
		padding-top: 0vw;
		border: none;
		border-top: none;
	}

	/*m線上BN1*/
	.Area_activ .Area_BN {
		position: relative;
		height: 29vw;
		top: 0;
		width: 100%;
		margin: 0;
		left: 0vw;
	}

	.Area_activ .Area_BN .box {
		position: relative;
		top: 10vw;
		left: -3vw;
	}

	.Area_activ .Area_BN .PD_layout {
		width: 95%;
		margin: 0 auto;
		height: 19vw;
	}

	.Area_activ .Area_BN .PD_layout .PD_img {
		display: none;
	}

	.Area_activ .Area_BN .PD_layout .PD_into {
		display: block;
	}

	/*m線上BN2*/
	.Area_activ .Area_BN2 {
		position: relative;
		height: 11vw;
		top: 10vw;
		width: 100%;
		margin: 0;
		left: 0vw;
	}

	.Area_activ .Area_BN2 .box {
		position: relative;
		top: 1vw;
		left: -3vw;
	}

	.Area_activ .Area_BN2 .PD_layout {
		width: 100%;
		margin: 0 auto;
		height: auto;
	}

	.Area_activ .Area_BN2 .PD_layout .PD_img {
		display: none;
	}

	.Area_activ .Area_BN2 .PD_layout .PD_into {
		display: block;
	}

	/*m線上BN3*/
	.Area_activ .Area_BN3 {
		position: relative;
		height: 55vw;
		top: 13vw;
		width: 100%;
		margin: 0;
		left: -3vw;
	}

	.Area_activ .Area_BN3 .box {
		position: relative;
		top: 0vw;
		left: -1vw;
	}

	.Area_activ .Area_BN3 .PD_layout {
		width: 100%;
		margin: 0 auto;
		height: auto;
	}

	.Area_activ .Area_BN3 .PD_layout .PD_img {
		display: none;
	}

	.Area_activ .Area_BN3 .PD_layout .PD_into {
		display: block;
	}


}







.momologo {
	position: absolute;
	top: 5px;
	left: 3px;
	z-index: 999;
}

/*共用*/
.for_pc {
	display: block !important;
}

.for_m {
	display: none !important;
}

@media screen and (max-width:736px) {

	/*共用*/
	.for_pc {
		display: none !important;
	}

	.for_m {
		display: block !important;
	}
}


/*黏人快速鍵*/
.fixed_Area {
	z-index: 999;
	position: fixed;
	top: 20px;
	right: 5px;
}

.fixed_Area h2 {
	margin: 0;
	padding: 0;
	width: 120px;
	line-height: 0;
}

.fixed_Area h4 {
	margin: 0;
	padding: 0;
	font: bold 16px/20px Century Gothic, "微軟正黑體", Helvetica bold;
	color: #1e6238;
	letter-spacing: -1px;
	text-align: center;
	background: url(fixed_Area_repeat.png?t=1751947039773) repeat-y center;
}

.WRAPPER .fixed_Area h4 a {
	display: block;
	width: 107px;
	color: #c4094b;
	text-decoration: none;
	border-bottom: #c4094b dashed 1px;
	padding: 0 2px 0 2px;
	line-height: 25px;
	margin: 0 auto;
}

.fixed_Area h4 a:hover {
	color: #ff7800;
}

.fixed_Area h4 p {
	position: relative;
	margin: 0;
	padding: 0 0 5px 0;
}

.fixed_Area h4 p:after {
	content: "";
	position: absolute;
	top: 0;
	left: 20%;
	margin: 0 auto;
	display: block;
	width: 60%;
	background-color: rgba(255, 255, 255, 0.5);
}

.fixed_Area h4 p:first-child:after {
	display: none;
}

.fixed_Area h4.fixedBox_2 a {
	color: #FFAE00;
}

.fixed_Area h4.fixedBox_2 a:hover {
	color: #df9b2c;
}

.WRAPPER .fixed_Area h4 p:nth-child(4) a {
	border-bottom: none;
}

.fixed_Area h4 a img {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.fixed_Area h4 a:hover img {
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}

/*黏人精快速鍵-動畫*/
.approch1 {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-name: approch1;
	animation-name: approch1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}

@-webkit-keyframes approch1 {}

@keyframes approch1 {
	0% {
		transform: translate(0, 200px);
		opacity: 0
	}
}

.hot-sale4 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

.hot-sale4 img {
	width: 25%;
	height: auto;
	float: left;
}


/*黏人快速鍵(白色款)*/
.fixed_Area {
	z-index: 999;
	position: fixed;
	top: 20px;
	right: 0px;
	width: 100px;
	font-weight: 800;
	font-size: 16px;
	line-height: 48px;
	font-family: Century Gothic, "微軟正黑體", Helvetica;
	text-align: center;
	-webkit-transform: rotate3d(0, 0, 0, 0deg) translate3d(0, 0, 0);
	transform: rotate3d(0, 0, 0, 0deg) translate3d(0, 0, 0);
	-webkit-transform-origin: top right;
	transform-origin: top right;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.fixed_Area a {
	display: block;
	text-decoration: none;
	color: #000;
}

.fixed_Area img {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.fixed_Area .box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.fixed_Area .box li {
	margin: 0 0 1px 0;
	padding: 0;
	height: 48px;
	background-color: rgba(255, 255, 255, 0.6);
}

.fixed_Area .box li a {
	letter-spacing: -1px;
	height: 48px;
	overflow: hidden;
}

.fixed_Area .box li a:hover {
	background-color: rgba(255, 255, 255, 1);
}

.fixed_Area .box li.cate-hover {
	background-color: rgba(255, 255, 255, 1);
}

.fixed_Area .box h2 {
	margin: 0;
	padding: 0;
}

/*快速導覽*/
.fixed_Area h3 {
	position: absolute;
	top: 100px;
	right: -50px;
	margin: 0;
	padding: 35px 0 0 0;
	border-radius: 10px;
	width: 48px;
	height: 82px;
	font-size: 16px;
	line-height: 30px;
	writing-mode: tb-lr;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	background-color: rgba(255, 255, 255, 0.6);
	text-align: left;
	cursor: pointer;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.fixed_Area h3 i {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.fixed_Area h3 i:before {
	content: "";
	position: absolute;
	top: 41%;
	left: 37%;
	display: block;
	border: 1px solid #000;
	border-width: 0 1px 1px 0;
	width: 15%;
	height: 15%;
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*黑色款*/
.fixed_Area.fixed_Area-dark a {
	color: #fff;
}

.fixed_Area.fixed_Area-dark .box li {
	background-color: rgba(0, 0, 0, 0.5);
}

.fixed_Area.fixed_Area-dark .box li a:hover {
	background-color: rgba(0, 0, 0, 1);
}

.fixed_Area.fixed_Area-dark .box li.cate-hover {
	background-color: rgba(0, 0, 0, 1);
}

.fixed_Area.fixed_Area-dark h3 {
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
}

.fixed_Area.fixed_Area-dark h3 i:before {
	border-color: #fff;
}

/*收合黏人精*/
.fixed_Area.fixed_Area_hide {
	-webkit-transform: rotate3d(0, 0, 0, 0deg) translate3d(150px, 0, 0);
	transform: rotate3d(0, 0, 0, 0deg) translate3d(150px, 0, 0);
}

.fixed_Area.fixed_Area_hide h3 {
	-webkit-transform: rotate3d(0, 0, 0, 0deg) translate3d(-185px, 0, 0);
	transform: rotate3d(0, 0, 0, 0deg) translate3d(-185px, 0, 0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}