@charset "utf-8";


/* 活動頁下面產品列表3改4 */

/*@media only screen and (min-width: 1200px) {
	.pt_product-search-result .product-container-parent .product-grids-container .search-result-items .product-grid {
		width: 25%;
	}
}

@media (min-width: 769px) {
	.pt_product-search-result .product-container-parent .product-grids-container {
		width: 100%;
	}
	.pt_product-search-result .product-container-parent .toolbar {
		display: none;
	}
}*/



/* 字型 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');


/* font-family: 'Noto Sans TC', sans-serif; */

map *:focus {
	outline: none!important;
}

a,
button {
	outline: none!important;
	/* for Firefox Google Chrome  */
	behavior: expression(this.onFocus=this.blur());
	/* for IE */
}

body .event_page a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.event_page0,
.event_page {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.event_page a.no {
	cursor: default;
	pointer-events: none;
}
.event_page a:not(.no) {
	cursor: pointer;
}

.event_page {
	max-width: 1460px;
}

.event_page1600 {
	max-width: 1600px;
}

.event_page1440 {
	max-width: 1440px;
}

.event_page1000 {
	max-width: 1000px;
}

.event_page700 {
	max-width: 700px;
}

.event_page img {
	display: block;
	width: 100%;
}

.event_page .div_clear {
	clear: both;
}

.event_page>div,
.event_page0>div,
.event_page>span>div {
	position: relative;
}


.event_page_iframe span {
	position: absolute;
	z-index: 1;
}

.event_page_iframe span div {
	display: block;
	width: 100%;
}



/*2個連結*/

.event_pageTWO a {
	position: absolute;
	width: 50%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	cursor: pointer;
}

.event_pageTWO a:nth-of-type(2) {
	right: 0;
	left: auto;
}

@media (max-width: 800px) {
	.event_pageTWO2 a {
		height: 50%;
		width: 100%
	}
	.event_pageTWO2 a:nth-of-type(2) {
		top: 50%
	}
}



/*3個連結*/

.event_pageThree a {
	position: absolute;
	width: 33.33%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	cursor: pointer;
}

.event_pageThree a:nth-of-type(2) {
	left: 33.33%
}

.event_pageThree a:nth-of-type(3) {
	right: 0;
	left: auto;
}

.event_video_box {
	position: absolute!important;
	z-index: 1;
	width: 100%;
}

.event_video {
	position: relative;
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.event_video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}



/*landing-page/common/images/16x9.gif*/

@media (min-width: 801px) {
	.mb {
		display: none!important;
	}
}

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

	.event_page_iframe span {
		width: 84%;
		right: 8%;
	}
}



/* 錨點 */

.event_page .adjust,
.event_page0 .adjust,
.Shi_wrapper .adjust {
	position: absolute;
	margin-top: -108px;
	width: 100%;
}

@media (max-width :800px) {
	.event_page .adjust,
	.event_page0 .adjust,
	.Shi_wrapper .adjust {
		margin-top: -96px;
	}
}

@media (max-width :768px) {
	.event_page .adjust,
	.event_page0 .adjust,
	.Shi_wrapper .adjust {
		margin-top: -102px;
	}
}

@media(max-width:600px) {
	.event_page .adjust,
	.event_page0 .adjust,
	.Shi_wrapper .adjust {
		margin-top: -96px;
	}
}



/* PDP共用架構 */

.Shi_wrapper {
	/* font-family: "微軟正黑體", "Microsoft JhengHei", "Noto Serif", serif, sans-serif; */
	font-family: 'Noto Sans TC', sans-serif !important;
	width: 100%;
	max-width: 1460px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.Shi_wrapper h2,
.Shi_wrapper h3,
.Shi_wrapper h4,
.Shi_wrapper p,
.Shi_wrapper a,
.Shi_wrapper ul,
.Shi_wrapper ul li {
	font-family: 'Noto Sans TC', sans-serif !important;
}

.Shi_wrapper img {
	width: 100%;
	display: block;
}

.Shi_wrapper section {
	position: relative;
}



.Shi_wrapper .fixedMenu_right {
	position: fixed;
	z-index: 601;
	right: 0;
	top: 45%;
}

@media (min-width: 801px) {
	.Shi_wrapper .mb2,.Shi_wrapper .mb {
		display: none !important;
	}
}

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



/* 新定義模組 */


/* pc 2列(水平)_mb同pc*/

.pc_mb_Link2 {
	position: relative;
}

.pc_mb_Link2 a {
	position: absolute;
	width: 50%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	cursor: pointer;
}

.pc_mb_Link2 a:nth-of-type(2) {
	left: 50%;
}

.pc_mb_Link2_2>div {
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	display: flex;
	z-index: 3;
}

.pc_mb_Link2_2>div>a {
	width: 50%;
	height: 100%;
	cursor: pointer;
	display: flex;
}



/* pc 3列(水平)_mb同pc*/

.pc_mb_Link3 {
	position: relative;
}

.pc_mb_Link3 a {
	position: absolute;
	width: 33.33%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	cursor: pointer;
}

.pc_mb_Link3 a:nth-of-type(2) {
	left: 33.33%;
}

.pc_mb_Link3 a:nth-of-type(3) {
	left: 66.66%;
}

.pc_mb_Link3_2>div {
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	display: flex;
}

.pc_mb_Link3_2>div>a {
	width: 33.33%;
	height: 100%;
	cursor: pointer;
}


/* pc 4列(水平)_mb同pc*/

.pc_mb_Link4 {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
}

.pc_mb_Link4 a {
	width: 25%;
	display: block;
	height: 100%;
	cursor: pointer;
}


/* pc 2列(水平)_mb變成2欄(垂直)*/

.pcLink2_mb2column {
	position: relative;
}

.pcLink2_mb2column a {
	position: absolute;
	width: 50%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	cursor: pointer;
}

.pcLink2_mb2column a:nth-of-type(2) {
	left: 50%;
}

@media (max-width: 800px) {
	.pcLink2_mb2column a {
		width: 100%;
		height: 50%;
		top: 0;
		left: 0;
	}
	.pcLink2_mb2column a:nth-of-type(2) {
		top: 50%;
		left: 0;
	}
}



/* pc 3列(水平)_mb變成3欄(垂直)*/

.pcLink3_mb3column {
	position: relative;
}

.pcLink3_mb3column a {
	position: absolute;
	width: 33.33%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	cursor: pointer;
}

.pcLink3_mb3column a:nth-of-type(2) {
	left: 33.33%;
}

.pcLink3_mb3column a:nth-of-type(3) {
	right: 0;
	left: auto;
}

@media (max-width: 800px) {
	.pcLink3_mb3column a {
		width: 100%;
		height: 33.33%;
		top: 0;
		left: 0;
	}
	.pcLink3_mb3column a:nth-of-type(2) {
		top: 33.33%;
		left: 0;
	}
	.pcLink3_mb3column a:nth-of-type(3) {
		top: 66.66%;
		left: 0;
		right: inherit;
	}
}



/* pc 3列(水平)_mb變成2欄並列_下方1欄(垂直)*/

.pcLink3_mb2_1column {
	position: relative;
}

.pcLink3_mb2_1column a {
	position: absolute;
	width: 33.33%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	cursor: pointer;
}

.pcLink3_mb2_1column a:nth-of-type(2) {
	left: 33.33%;
}

.pcLink3_mb2_1column a:nth-of-type(3) {
	right: 0;
	left: auto;
}

@media (max-width: 800px) {
	.pcLink3_mb2_1column a {
		width: 50%;
		height: 63%;
		top: 0;
		left: 0;
	}
	.pcLink3_mb2_1column a:nth-of-type(2) {
		left: 50%;
	}
	.pcLink3_mb2_1column a:nth-of-type(3) {
		top: 63%;
		left: 0;
		height: 37%;
		right: inherit;
		width: 100%;
	}
}



/* pc 4列(水平)_mb變成田字排版*/

.pcLink4_mb2_2column {
	position: relative;
}

.pcLink4_mb2_2column a {
	position: absolute;
	width: 25%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	cursor: pointer;
}

.pcLink4_mb2_2column a:nth-of-type(2) {
	left: 25%;
}

.pcLink4_mb2_2column a:nth-of-type(3) {
	left: 50%;
}

.pcLink4_mb2_2column a:nth-of-type(4) {
	left: 75%;
}

@media (max-width: 800px) {
	.pcLink4_mb2_2column a {
		width: 50%;
		height: 50%;
		top: 0;
		left: 0;
	}
	.pcLink4_mb2_2column a:nth-of-type(2) {
		left: 50%;
	}
	.pcLink4_mb2_2column a:nth-of-type(3) {
		top: 50%;
		left: 0;
	}
	.pcLink4_mb2_2column a:nth-of-type(4) {
		top: 50%;
		left: 50%;
	}
}