.path-9 .contentBuilder { 
	height: 0 ; padding: 0 !important; margin: 0 !important; min-height: 0; 
}
.tagfast  { 
	height:0; padding-top: var(--ItemBar2H); margin-top: calc(-1 * var(--ItemBar2H));
}
.tagfast.none  { 
	padding-top: 0; margin-top: 0; height:0; 
}
#indexContent .row:not(.split) {
  margin-right: 10px !important;
  margin-left: 10px !important;
} 
#indexContent{
	margin: 0; 
	width: 100%; 
	text-align: center; 
	font-family: var(--d71);
}
#indexContent a:not(.btn):hover {
	text-decoration: underline !important;
}
#indexContent .ContentW, .format, .w-fixed{
	margin: 0 auto; 
	padding: 0; 
	font-size: 1rem; 
	text-align: left; 
	*overflow: hidden;
}
@media (min-width: 576px) {
	#indexContent .ContentW, .format, .w-fixed{
		width: 100%; 
		max-width: 1180px;
	}
	.w100 {
		width: 100% !important; 
		max-width: 100% !important; 
	}
	.w95 {
		width: 95% !important; 
		max-width: 95% !important; 
	}
	.w90 {
		width: 90% !important; 
		max-width: 90% !important; 
	}
	.w80 {
		width: 80% !important; 
		max-width: 80% !important; 
	}
	.w70 {
		width: 70% !important; 
		max-width: 70% !important; 
	}
	.w60 {
		width: 60% !important; 
		max-width: 60% !important; 
	}
	.w51 {
		width: 50% !important; 
		max-width: 50% !important; 
	}
	.w40 {
		width: 40% !important; 
		max-width: 40% !important; 
	}
	.rightBox #indexContent .ContentW, rightBox .format, rightBox .w-fixed{
		width: 100% !important;  
	}
}
#indexContent iframe, #ContentW iframe, .ContentW img, .ContentW div img{
	max-width: 100% !important; 
	*height: auto; 	
	border:0 !important
}
#indexContent #ContentIcon{
	width: 100%; 
	margin: 0 auto !important; 
	font-size: 1rem;
}
#indexContent .ContentW img, #indexContent .ContentW_flag img{
	display: inline 
}
.shadow-Light {
	box-shadow: 0 0 60px rgba(255, 255, 255, 0.5); 
}
.shadow-Dark {
	box-shadow: 0 0 60px rgba(0, 0, 0, 0.4); 
}
.tp   { padding-top: 30px!important}
.tp00 { padding-top: 0!important}
.tp01 { padding-top: 1%!important}
.tp02 { padding-top: 2%!important}
.tp03 { padding-top: 3%!important}
.tp04 { padding-top: 4%!important}
.tp05 { padding-top: 5%!important}
.tp06 { padding-top: 6%!important}
.tp07 { padding-top: 7%!important}
.tp08 { padding-top: 8%!important}
.tp09 { padding-top: 9%!important}
.tp10 { padding-top: 10%!important}
.tp15 { padding-top: 15%!important}
.tp20 { padding-top: 20%!important}
.tp25 { padding-top: 25%!important}
.tp30 { padding-top: 30%!important}
.tp40 { padding-top: 40%!important}
.tpA5 { padding-top: 0.5%!important}
.tpB5 { padding-top: 1.5%!important}
.tpC5 { padding-top: 2.5%!important}

.bp   { padding-bottom: 30px!important}
.bp00 { padding-bottom: 0!important}
.bp01 { padding-bottom: 1%!important}
.bp02 { padding-bottom: 2%!important}
.bp03 { padding-bottom: 3%!important}
.bp04 { padding-bottom: 4%!important}
.bp05 { padding-bottom: 5%!important}
.bp06 { padding-bottom: 6%!important}
.bp07 { padding-bottom: 7%!important}
.bp08 { padding-bottom: 8%!important}
.bp09 { padding-bottom: 9%!important}
.bp10 { padding-bottom: 10%!important}
.bp15 { padding-bottom: 15%!important}
.bp20 { padding-bottom: 20%!important}
.bp25 { padding-bottom: 25%!important}
.bp30 { padding-bottom: 30%!important}
.bp40 { padding-bottom: 40%!important}
.bpA5 { padding-bottom: 0.5%!important}
.bpB5 { padding-bottom: 1.5%!important}
.bpC5 { padding-bottom: 2.5%!important}

.format1 .tp .img-square:not(.Inside), 
.format1 .tp .img-circle:not(.Inside), 
.format2 .tp .img-square:not(.Inside), 
.format2 .tp .img-circle:not(.Inside) { margin-top: 1%;}
.format1 .tp00 .img-square:not(.Inside), 
.format1 .tp00 .img-circle:not(.Inside), 
.format2 .tp00 .img-square:not(.Inside), 
.format2 .tp00 .img-circle:not(.Inside) { margin-top: 0%; }
.format1 .tpA5 .img-square:not(.Inside), 
.format1 .tpA5 .img-circle:not(.Inside), 
.format2 .tpA5 .img-square:not(.Inside), 
.format2 .tpA5 .img-circle:not(.Inside) { margin-top: 0.5%; }
.format1 .tp01 .img-square:not(.Inside), 
.format1 .tp01 .img-circle:not(.Inside), 
.format2 .tp01 .img-square:not(.Inside), 
.format2 .tp01 .img-circle:not(.Inside) { margin-top: 1%; }
.format1 .tpB5 .img-square:not(.Inside), 
.format1 .tpB5 .img-circle:not(.Inside), 
.format2 .tpB5 .img-square:not(.Inside), 
.format2 .tpB5 .img-circle:not(.Inside) { margin-top: 1.5%; }
.format1 .tp02 .img-square:not(.Inside), 
.format1 .tp02 .img-circle:not(.Inside), 
.format2 .tp02 .img-square:not(.Inside), 
.format2 .tp02 .img-circle:not(.Inside) { margin-top: 2%; }
.format1 .tpC5 .img-square:not(.Inside), 
.format1 .tpC5 .img-circle:not(.Inside), 
.format2 .tpC5 .img-square:not(.Inside), 
.format2 .tpC5 .img-circle:not(.Inside) { margin-top: 2.5; }
.format1 .tp03 .img-square:not(.Inside), 
.format1 .tp03 .img-circle:not(.Inside), 
.format2 .tp03 .img-square:not(.Inside), 
.format2 .tp03 .img-circle:not(.Inside) { margin-top: 3%; }
.format1 .tp04 .img-square:not(.Inside), 
.format1 .tp04 .img-circle:not(.Inside), 
.format2 .tp04 .img-square:not(.Inside), 
.format2 .tp04 .img-circle:not(.Inside) { margin-top: 4%; }
.format1 .tp05 .img-square:not(.Inside), 
.format1 .tp05 .img-circle:not(.Inside), 
.format2 .tp05 .img-square:not(.Inside), 
.format2 .tp05 .img-circle:not(.Inside) { margin-top: 5%; }
.format1 .tp06 .img-square:not(.Inside), 
.format1 .tp06 .img-circle:not(.Inside), 
.format2 .tp06 .img-square:not(.Inside), 
.format2 .tp06 .img-circle:not(.Inside) { margin-top: 6%; }
.format1 .tp07 .img-square:not(.Inside), 
.format1 .tp07 .img-circle:not(.Inside), 
.format2 .tp07 .img-square:not(.Inside), 
.format2 .tp07 .img-circle:not(.Inside) { margin-top: 7%; }
.format1 .tp08 .img-square:not(.Inside), 
.format1 .tp08 .img-circle:not(.Inside), 
.format2 .tp08 .img-square:not(.Inside), 
.format2 .tp08 .img-circle:not(.Inside) { margin-top: 8%; }
.format1 .tp09 .img-square:not(.Inside), 
.format1 .tp09 .img-circle:not(.Inside), 
.format2 .tp09 .img-square:not(.Inside), 
.format2 .tp09 .img-circle:not(.Inside) { margin-top: 9%; }
.format1 .tp10 .img-square:not(.Inside), 
.format1 .tp10 .img-circle:not(.Inside), 
.format2 .tp10 .img-square:not(.Inside), 
.format2 .tp10 .img-circle:not(.Inside) { margin-top: 10%; }
.format1 .tp20 .img-square:not(.Inside), 
.format1 .tp20 .img-circle:not(.Inside), 
.format2 .tp20 .img-square:not(.Inside), 
.format2 .tp20 .img-circle:not(.Inside) { margin-top: 20%; }
.format1 .tp30 .img-square:not(.Inside), 
.format1 .tp30 .img-circle:not(.Inside), 
.format2 .tp30 .img-square:not(.Inside), 
.format2 .tp30 .img-circle:not(.Inside) { margin-top: 30%; }
.format1 .tp40 .img-square:not(.Inside), 
.format1 .tp40 .img-circle:not(.Inside), 
.format2 .tp40 .img-square:not(.Inside), 
.format2 .tp40 .img-circle:not(.Inside) { margin-top: 40%; }

.format1 .bp .img-square:not(.Inside), 
.format1 .bp .img-circle:not(.Inside), 
.format2 .bp .img-square:not(.Inside), 
.format2 .bp .img-circle:not(.Inside) { margin-bottom: 1%;}
.format1 .bp00 .img-square:not(.Inside), 
.format1 .bp00 .img-circle:not(.Inside), 
.format2 .bp00 .img-square:not(.Inside), 
.format2 .bp00 .img-circle:not(.Inside) { margin-bottom: 0%; }
.format1 .bpA5 .img-square:not(.Inside), 
.format1 .bpA5 .img-circle:not(.Inside), 
.format2 .bpA5 .img-square:not(.Inside), 
.format2 .bpA5 .img-circle:not(.Inside) { margin-bottom: 0.5%; }
.format1 .bp01 .img-square:not(.Inside), 
.format1 .bp01 .img-circle:not(.Inside), 
.format2 .bp01 .img-square:not(.Inside), 
.format2 .bp01 .img-circle:not(.Inside) { margin-bottom: 1%; }
.format1 .bpB5 .img-square:not(.Inside), 
.format1 .bpB5 .img-circle:not(.Inside), 
.format2 .bpB5 .img-square:not(.Inside), 
.format2 .bpB5 .img-circle:not(.Inside) { margin-bottom: 1.5%; }
.format1 .bp02 .img-square:not(.Inside), 
.format1 .bp02 .img-circle:not(.Inside), 
.format2 .bp02 .img-square:not(.Inside), 
.format2 .bp02 .img-circle:not(.Inside) { margin-bottom: 2%; }
.format1 .bpC5 .img-square:not(.Inside), 
.format1 .bpC5 .img-circle:not(.Inside), 
.format2 .bpC5 .img-square:not(.Inside), 
.format2 .bpC5 .img-circle:not(.Inside) { margin-bottom: 2.5; }
.format1 .bp03 .img-square:not(.Inside), 
.format1 .bp03 .img-circle:not(.Inside), 
.format2 .bp03 .img-square:not(.Inside), 
.format2 .bp03 .img-circle:not(.Inside) { margin-bottom: 3%; }
.format1 .bp04 .img-square:not(.Inside), 
.format1 .bp04 .img-circle:not(.Inside), 
.format2 .bp04 .img-square:not(.Inside), 
.format2 .bp04 .img-circle:not(.Inside) { margin-bottom: 4%; }
.format1 .bp05 .img-square:not(.Inside), 
.format1 .bp05 .img-circle:not(.Inside), 
.format2 .bp05 .img-square:not(.Inside), 
.format2 .bp05 .img-circle:not(.Inside) { margin-bottom: 5%; }
.format1 .bp06 .img-square:not(.Inside), 
.format1 .bp06 .img-circle:not(.Inside), 
.format2 .bp06 .img-square:not(.Inside), 
.format2 .bp06 .img-circle:not(.Inside) { margin-bottom: 6%; }
.format1 .bp07 .img-square:not(.Inside), 
.format1 .bp07 .img-circle:not(.Inside), 
.format2 .bp07 .img-square:not(.Inside), 
.format2 .bp07 .img-circle:not(.Inside) { margin-bottom: 7%; }
.format1 .bp08 .img-square:not(.Inside), 
.format1 .bp08 .img-circle:not(.Inside), 
.format2 .bp08 .img-square:not(.Inside), 
.format2 .bp08 .img-circle:not(.Inside) { margin-bottom: 8%; }
.format1 .bp09 .img-square:not(.Inside), 
.format1 .bp09 .img-circle:not(.Inside), 
.format2 .bp09 .img-square:not(.Inside), 
.format2 .bp09 .img-circle:not(.Inside) { margin-bottom: 9%; }
.format1 .bp10 .img-square:not(.Inside), 
.format1 .bp10 .img-circle:not(.Inside), 
.format2 .bp10 .img-square:not(.Inside), 
.format2 .bp10 .img-circle:not(.Inside) { margin-bottom: 10%; }
.format1 .bp20 .img-square:not(.Inside), 
.format1 .bp20 .img-circle:not(.Inside), 
.format2 .bp20 .img-square:not(.Inside), 
.format2 .bp20 .img-circle:not(.Inside) { margin-bottom: 20%; }
.format1 .bp30 .img-square:not(.Inside), 
.format1 .bp30 .img-circle:not(.Inside), 
.format2 .bp30 .img-square:not(.Inside), 
.format2 .bp30 .img-circle:not(.Inside) { margin-bottom: 30%; }
.format1 .bp40 .img-square:not(.Inside), 
.format1 .bp40 .img-circle:not(.Inside), 
.format2 .bp40 .img-square:not(.Inside), 
.format2 .bp40 .img-circle:not(.Inside) { margin-bottom: 40%; }
.GG1{
	width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; 
}

@media (min-width: 2000px){	

	#indexContent .ContentW, .format{
		*max-width: 60%; 
	}
}

@media (min-width: 575.98px) and (max-width: 992px){	
	#indexContent #ContentIcon{
		max-width: 100%; 	
	}
	#indexContent div{
		*background-attachment: scroll, scroll !important;
	}
}

@media (max-width: 575.98px){
	



	#indexContent iframe, #ContentW iframe, .ContentW img, .ContentW div img{
		height: auto !important;
	}
	.format-txt > div > div {
		margin: 0  50px;
	}
	#indexContent .ContentW, .format, .w-fixed{
		width: 90%; max-width: 90%; 
	}
	.m-w100 {
		width: 100% !important; 
		max-width: 100% !important; 
	}
	.m-w95 {
		width: 95% !important; 
		max-width: 95% !important; 
	}
	.m-w90 {
		width: 90% !important; 
		max-width: 90% !important; 
	}
	.m-w80 {
		width: 80% !important; 
		max-width: 80% !important; 
	}
	.m-w70 {
		width: 70% !important; 
		max-width: 70% !important; 
	}
	.m-w60 {
		width: 60% !important; 
		max-width: 60% !important; 
	}
	.m-w51 {
		width: 50% !important; 
		max-width: 50% !important; 
	}
	.m-w40 {
		width: 40% !important; 
		max-width: 40% !important; 
	}
	/*
	#indexContent .ContentW, .format {
		width: 90%; max-width: 90%; 
	}
	#indexContent .ContentW.w95, .format.w95{
		width: 90% ; max-width: 90% ; 
	}
	#indexContent .ContentW.w90, .format.w90{
		width: 90% ; max-width: 90% ; 
	}
	#indexContent .ContentW.w80, .format.w80{
		width: 88% ; max-width: 88% ; 
	}
	#indexContent .ContentW.w70, .format.w70{
		width: 86% ; max-width: 86% ; 
	}
	#indexContent .ContentW.w60, .format.w60{
		width: 84% ; max-width: 84% ; 
	}
	#indexContent .ContentW.w51, .format.w51{
		width: 82% ; max-width: 82% ; 
	}
	#indexContent .ContentW.w40,  .format.w40{
		width: 80% ; max-width: 80% ; 
	}
	*/
	.tp   {padding-top: 30px !important}
	.tp00 {padding-top: 0 !important}
	.tp01 {padding-top: calc(3 * 1%) !important}
	.tp02 {padding-top: calc(3 * 2%) !important}
	.tp03 {padding-top: calc(3 * 3%) !important}
	.tp04 {padding-top: calc(3 * 4%) !important}
	.tp05 {padding-top: calc(3 * 5%) !important}
	.tp06 {padding-top: calc(3 * 6%) !important}
	.tp07 {padding-top: calc(3 * 7%) !important}
	.tp08 {padding-top: calc(3 * 8%) !important}
	.tp09 {padding-top: calc(3 * 9%) !important}
	.tp10 {padding-top: calc(3 * 10%) !important}
	.tp15 {padding-top: calc(3 * 15%) !important}
	.tp20 {padding-top: calc(3 * 20%) !important}
	.tp25 {padding-top: calc(3 * 25%) !important}
	.tp30 {padding-top: calc(3 * 30%) !important}
	.tp40 {padding-top: calc(3 * 40%) !important}
	.tpA5 {padding-top: calc(3 * 0.5%) !important}
	.tpB5 {padding-top: calc(3 * 1.5%) !important}
	.tpC5 {padding-top: calc(3 * 2.5%) !important}

	
	.bp   {padding-bottom: 30px !important}
	.bp00 {padding-bottom: 0 !important}
	.bp01 {padding-bottom: calc(3 * 1%) !important}
	.bp02 {padding-bottom: calc(3 * 2%) !important}
	.bp03 {padding-bottom: calc(3 * 3%) !important}
	.bp04 {padding-bottom: calc(3 * 4%) !important}
	.bp05 {padding-bottom: calc(3 * 5%) !important}
	.bp06 {padding-bottom: calc(3 * 6%) !important}
	.bp07 {padding-bottom: calc(3 * 7%) !important}
	.bp08 {padding-bottom: calc(3 * 8%) !important}
	.bp09 {padding-bottom: calc(3 * 9%) !important}
	.bp10 {padding-bottom: calc(3 * 10%) !important}
	.bp15 {padding-bottom: calc(3 * 15%) !important}
	.bp20 {padding-bottom: calc(3 * 20%) !important}
	.bp25 {padding-bottom: calc(3 * 25%) !important}
	.bp30 {padding-bottom: calc(3 * 30%) !important}
	.bp40 {padding-bottom: calc(3 * 40%) !important}
	.bpA5 {padding-bottom: calc(3 * 0.5%) !important}
	.bpB5 {padding-bottom: calc(3 * 1.5%) !important}
	.bpC5 {padding-bottom: calc(3 * 2.5%) !important}

	

	.m-w100 {
		width: 100% !important; 
		max-width: 100% !important; 
	}
	.m-w95 {
		width: 95% !important; 
		max-width: 95% !important; 
	}
	.m-w90 {
		width: 90% !important; 
		max-width: 90% !important; 
	}
	.m-w80 {
		width: 80% !important; 
		max-width: 80% !important; 
	}
	.m-w70 {
		width: 70% !important; 
		max-width: 70% !important; 
	}
	.m-w60 {
		width: 60% !important; 
		max-width: 60% !important; 
	}
	.m-w51 {
		width: 50% !important; 
		max-width: 50% !important; 
	}
	.m-w40 {
		width: 40% !important; 
		max-width: 40% !important; 
	}

}

 .w-fixed { 
	margin: 0px; position: fixed ; top: 50% ; left: 50% ; transform: translate(-50%, -50%) ; visibility: hidden;
}
    
.waypoint-skeleton-text-sort .img-text, .waypoint-skeleton-format-sort .img-text { 
	position:relative; overflow: hidden; visibility: hidden;
}

.waypoint-skeleton-text-sort .img-text::after, .waypoint-skeleton-format-sort .img-text::after { 
	visibility: visible !important;
	width: 100%; 
	height: 100px; 
	content: '';
	position: absolute;
	top: 0;
	left: 0;  

	background-image: 
		linear-gradient(
			100deg,
			rgba(255, 255, 255, 0),
			rgba(255, 255, 255, 0.5) 
		), 
		linear-gradient(
			100deg,
			rgba(255, 255, 255, 0),
			rgba(255, 255, 255, 0.5) 
		), 
		linear-gradient(lightgray 20px, transparent 0), 
		linear-gradient(lightgray 20px, transparent 0);

	background-repeat: no-repeat;
	
	background-size: 
		50px 20px,
		50px 20px,
		80% 100px, 
		100% 100px;

	background-position: 
		0 0, 
		0 30px,
		0 0, 
		0 30px;

	animation: shimmer 0.9s infinite;
}

@keyframes shimmer {
	to {
		opacity: 1; 
		background-size: 
		80% 20px,
		100% 20px,
		80% 100px, 
		100% 100px;
	}
}



.waypoint-skeleton-format-sort .Inside{ 
	position:relative; overflow: hidden; visibility: hidden;
}

.waypoint-skeleton-format-sort .Inside::after{ 
	visibility: visible !important;
	width: 100%; 
	height: 100%; 
	content: '';
	position: absolute;
	top: 0;
	left: 0;  

	background-image: 
		linear-gradient(
			100deg,
			rgba(255, 255, 255, 0),
			rgba(255, 255, 255, 0.5) 
		),
		linear-gradient(lightgray 100%, transparent 0);

	background-repeat: no-repeat;
	
	background-size: 
		50px 100%,
		100% 100%;

	background-position: 
		0 0,
		0 0;

	animation: shimmer-format 0.9s infinite;
}

@keyframes shimmer-format {
	to {
		opacity: 1; 
		background-size: 
		100% 100%,
		100% 100%;
	}
}

.slide {
	position: relative; width: 100% !important; margin: 0 auto !important; z-index: 2; 
}
.slide .slick-slide {
	transition: transform 1.5s !important;
}
.slide.pd0:not(.fade-true) .slick-slide {
	transform: scale(1); 
}
.slide.pd0:not(.fade-true) .slick-slide.scale {
	transform: scale(1); 
}
.slide.pd1:not(.fade-true) .slick-slide {
	transform: scale(.9);  
}
.slide.pd1:not(.fade-true) .slick-slide.scale {
	transform: scale(.9); 
}

.slide.pd1-center-large:not(.fade-true) .slick-slide {
	transform: scale(.88); 
}
.slide.pd1-center-large:not(.fade-true) .slick-slide.scale {
	transform: scale(1); 
}
.slick-prev {
	position: absolute;
	z-index: 2;
	left: 0.5%; 
}
.slick-next {
	position: absolute;
	z-index: 2;
	left: 99.5%; 
}	
.slick-prev::before {
	font-weight: 100; font-size: 2.5rem; display: inline-block;*transform: translate(-50%, 0%); 
}		
.slick-next::before {
	font-weight: 100; font-size: 2.5rem; display: inline-block;transform: translate(-100%, 0%); 
}	
button.slick-prev i, button.slick-next i{
	
}
.slide .slick-dots {
	bottom: 0px; 
}
.slick-dots li button:before,
.slick-dots li.slick-active button:before {
	color: transparent;
	opacity: 1;
	background-color: rgba(255,255,255,.5);
	border: 1px solid rgba(0,0,0,.35);
	border-radius: 50%;
	display: inline-block; 
	height: 12px;
	width: 12px;

}
.slick-dots li.slick-active button:before {
	background-color: rgba(0,0,0,.75);
	border: 1px solid rgba(255,255,255,.5);
}
.slick-dots li button {
	*background: #fff;
	*text-indent: -9999px;
}
.AAA::before {
	width: 100%;
	height: 100%;
	left: 0; 
	top: 0; 
	position: absolute; 
	z-index: 1; 
	content: ""; 
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.2) 50%);
}

.path-0 .rightBox .contentBuilder { 
	height: 0 ; padding: 0 !important; margin: 0 !important; min-height: 0; 
}

@media only screen and (max-width: 1024px) {
				
	.slide.pd1:not(.fade-true) .slick-slide {
		transform: scale(1); 
	}
	.slide.pd1:not(.fade-true) .slick-slide.scale {
		transform: scale(1); 
	}

	.slide.pd1-center-large:not(.fade-true) .slick-slide {
		transform: scale(1); 
	}
	.slide .pd-01 {
		padding:0 2px !important;  
	}
	.slide .slick-dots {
		bottom: -10px; *display: none !important;
	}
}

@media (max-width: 575.98px)
{
	#content {
		max-width: 100% !important;
	}
	#bg-layer {
		*min-height: 100vh; /* 最小高度設置為視窗高度，以確保在小螢幕上能顯示 */
	}
}