.img-square3 { 
	padding: 0!important; margin: 0 !important; font-size:0; box-sizing: border-box ; text-align: left;
} 

.a11, .a12, .a21, .a31, .a34, .a43, .a35, .a53, .a23, .a32, .a54 {  position: relative; display: inline-block !important; vertical-align: top; } 

.img-circle.col-1,
.img-circle.col-2,
.img-circle.col-3,
.img-circle.col-4,
.img-circle.col-5,
.img-circle.col-6,
.img-circle.col-7,
.img-circle.col-8,
.img-circle.col-9,
.img-circle.col-10,
.img-circle.col-11,
.img-circle.col-12,
.img-circle.Col-1,
.img-circle.Col-2,
.img-circle.Col-3,
.img-circle.Col-4,
.img-circle.Col-5,
.img-circle.Col-6,
.img-circle.Col-7,
.img-circle.Col-8,
.img-circle.Col-9,
.img-circle.Col-10,
.img-circle.Col-11,
.img-circle.Col-12 {  border-radius: 0% !important; }

.img-circle .PBox, .img-circle .PBox img{  border-radius: 50% !important; }

.PBox { position: relative; width: 100%; height: 100%; padding-top: 0!important; padding-bottom: 0px !important; } 

.Inside { 
	width: 100%; margin: 0; height: 0; text-align: left; transition: all 0.8s; background-size: cover !important; background-position: center center; background-repeat: no-repeat !important;
} 
.Inside.size { 
	background-size: contain !important;  background-position: center bottom !important; background-repeat: no-repeat !important;
} 
.Inside.originalSize { 
	background-size: auto !important; 
} 

.Inside:not(.size):not(.originalSize) img {
	position: absolute;
	width: 100% !important;
	height: 100% !important; 
	bottom: 0;
	left: 0;
	object-fit: cover;
	transition: all 0.8s; 
}
.Inside.size img {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0%;
	left: 50%;
	object-fit: contain;
	transform: translateX(-50%);
	
	
	
} 
.Inside.originalSize img {
	display: none;
	
} 
.Inside img {
	z-index: 1 ; *opacity:0.25;
} 
.Inside:not(.foreground):not(.foreground1) img {
	*opacity:0
} 
.img-text-group {
	z-index: 3;
} 

.effect-1 .Inside img {
	position: absolute;
	top: 20% !important;
	left: 25% !important;
	transform: translateY(-50%);
	filter: drop-shadow(0px 0px 10px  rgba(var(--side_menu)));
} 

.effect-1 .Inside.size img {
	top: 20% !important;
	left: 25% !important;
} 
.effect-2 .Inside img {
	position: absolute;
	top: 20% !important;
	left: -25% !important;
	transform: translateY(-50%);
	filter: drop-shadow(0px 0px 10px  rgba(var(--side_menu)));
} 

.effect-2 .Inside.size img {
	top: 20% !important;
	left: -25% !important;
} 



img.effect-3 {
	box-shadow: 15px 15px rgba(var(--side_menu));
}  
img.effect-4 {
	box-shadow: -15px 15px rgba(var(--side_menu));
} 
.effect-3 .PBox:before, 	
.effect-4 .PBox:before {	
	content: "";
	position: absolute;
	width: 50%;
	height: 50%;
	top: 25%;
	z-index: -3;
	background: rgb(83, 88, 109);
	transition: all .5s ease;
	opacity: 0;
} 
.effect-3 .PBox:before {
	left: 40%;
} 
.effect-4 .PBox:before {
	right: 40%;
} 
.effect-3.radius .PBox:before,
.effect-4.radius .PBox:before {
	border-radius: 10px;
} 
.effect-3.load-effect .PBox:before,
.effect-4.load-effect .PBox:before {
	animation: effect-41 1.5s ease forwards 0.8s;
} 

@keyframes effect-41 {
	0% {
		opacity: .1;
		width: 50%;
		height: 50%;
	}
	100% {
		opacity: 1;
		width: 75%;
		height: 85%;
	}
}

img.effect-5 {
	box-shadow: 15px 15px rgba(var(--side_menu));
}  
img.effect-6 {
	box-shadow: -15px 15px rgba(var(--side_menu));
} 
.effect-5 .PBox:before,
.effect-6 .PBox:before {	
	content: "";
	position: absolute;
	width: 50%;
	height: 50%;
	bottom: 25%;
	z-index: -3;
	background: rgb(83, 88, 109); 
	transition: all .5s ease;
	opacity: 0;
} 
.effect-5 .PBox:before {
	left: 40%;
} 
.effect-6 .PBox:before {
	right: 40%;
} 
.effect-5.radius .PBox:before,
.effect-6.radius .PBox:before {
	border-radius: 10px;
} 
.effect-5.load-effect .PBox:before,
.effect-6.load-effect .PBox:before {
	animation: effect-61 1.5s ease forwards 0.8s;
} 

@keyframes effect-61 {
	0% {
		opacity: .1;
		width: 50%;
		height: 50%;
	}
	100% {
		opacity: 1;
		width: 75%;
		height: 85%;
	}
}
.foreground, .foreground1 {
	overflow: hidden; 
} 
.foreground::before {
	content:""; 
	position: absolute;
	inset: 0;                 /* 等同 top/left/width/height */
	background: rgba(0, 0, 0,.45) !important;
	background-color: rgba(0, 0, 0,.45) !important;
	pointer-events: none; /* 确保前景色不会干扰用户交互 */
	z-index: 2;
	transition: all .5s ease; 
} 
.img-square:hover .foreground::before,
.img-circle:hover .foreground::before{
	background: none !important;
	background-color: transparent !important;
	pointer-events: none;
	z-index: 2;
} 
.foreground::after {	
	content: "";
	position: absolute;
	width: 90%;
	height: 90%;
	top: 5%;
	left: 5%;
	border: 5px solid rgba(255, 255, 255, .35);
	z-index: 3;
	transition: all .5s ease;
	pointer-events: none;	
}

.img-square:hover .foreground::after,
.img-circle:hover .foreground::after{
	width: 150%;
	height: 150%;
	top: -30%;
	left: -30%;
}




.foreground1::before {
	content:""; 
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: none !important;
	background-color: transparent !important;
	pointer-events: none;
	z-index: 2;
	transition: all .5s ease; 
} 
.img-square:hover .foreground1::before,
.img-circle:hover .foreground1::before{
	content:""; 
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0,.45) !important;
	background-color: rgba(0, 0, 0,.45) !important;
	pointer-events: none;
	z-index: 2;
} 
.foreground1::after {	
	content: "";
	position: absolute;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	top: 0;
	left: 0;
	border: 5px solid rgba(255, 255, 255, .15);
	z-index: 3;
	transition: all .5s ease;
	pointer-events: none;	
}
.radius .foreground1::after{
	*border-radius: 7px;
}
.img-square:hover .foreground1::after,
.img-circle:hover .foreground1::after{
	width: 90%;
	height: 90%;
	top: 5%;
	left: 5%;
}

img.radius-3 {
	border-radius: 10px !important;
}
img.shadow-3, .Black img.shadow-3 { 
	box-shadow: 5px 5px 8px rgba(0,0,0,.25) ; margin: 0 10px 10px 0;
} 
.White img.shadow-3 { 
	box-shadow: 5px 5px 8px rgba(255,255,255,.25) ; margin: 0 10px 10px 0;
} 
.Black img.filterPNG-3, img.filterPNG-3 { 
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.25)) !important;  margin: 0 10px 10px 0;
} 
.White img.filterPNG-3 { 
	filter: drop-shadow(5px 5px 5px rgba(255,255,255,.25)) !important;  margin: 0 10px 10px 0;
} 
img.foreground-3 {
    filter: brightness(0.55);
	transition: all .5s ease;
} 
img.foreground-3:hover {
    filter: brightness(1);
} 
img.foreground1-3 {
    filter: brightness(1);
	transition: all .5s ease;
} 
img.foreground1-3:hover {
    filter: brightness(0.55);
} 
@media (max-width: 767.98px) {
	img.shadow-3, .Black img.shadow-3 { 
		margin-bottom: 0px !important;
	} 
	.White img.shadow-3 { 
		margin-bottom: 0px !important;
	} 
	.Black img.filterPNG-3, img.filterPNG-3 { 
		margin-bottom: 0px !important;
	} 
	.White img.filterPNG-3 { 
		margin-bottom: 0px !important;
	} 
}


.filterPNG img, .Black .filterPNG img, img.filterPNG { 
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5)) !important; 
} 
.White .filterPNG img, .White img.filterPNG { 
	filter: drop-shadow(2px 2px 2px #fff) !important; 
} 
.shadow.img-square .Inside::before,
.shadow.img-square .Inside::after {
   content:""; 
}
.shadow.img-circle .Inside { 
	box-shadow: 10px 5px 10px -10px rgba(0,0,0,.5);
	*box-shadow: inset -10px -5px 10px -10px rgba(0,0,0,.5);
} 
.shadow.img-square .Inside {
	box-shadow: 2px 2px 8px rgba(0,0,0,.3), -2px -2px 8px rgba(0,0,0,.25) ; 
}
.shadow.img-square.w50 .Inside {
	box-shadow: 2px 2px 5px rgba(0,0,0,.3) ,   0 -10px 12px -9px rgba(0,0,0,.3) inset;
}
.shadow.img-square.opaque:not(.w50):not(.w50C):not(.w50L) .img-text-group { 
	box-shadow: 2px 2px 8px rgba(0,0,0,.3) ,   0 -10px 12px -9px rgba(0,0,0,.3) inset;
} 
.shadow.img-square.opaque:not(.w50):not(.w50C):not(.w50L):not(.slide) .img-text-group::before { 
	content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: -2px -2px 8px rgba(0,0,0,.25);
} 
.shadow.img-square.radius.opaque:not(.w50):not(.w50C):not(.w50L):not(.slide) .img-text-group::before { border-radius: 0 0 10px 10px; }

.shadow.img-square.w50C.opaque .img-text-group { 
	box-shadow: 2px 2px 8px rgba(0,0,0,.3), -2px -2px 8px rgba(0,0,0,.25) ; 
}  
img.shadow { 
	box-shadow: 5px 5px 8px rgba(0,0,0,.25);
}
.indent > div { 
	text-indent: 2em;
} 
.img-square.radius, 
.img-square.radius .Inside, 
.img-square.radius .Inside img { border-radius: 10px !important; } 
.img-square.radius.opaque:not(.w50):not(.w50C):not(.w50L) .Inside, 
.img-square.radius.opaque:not(.w50):not(.w50C):not(.w50L) .Inside img{ border-radius: 10px 10px 0 0 !important;  }
.img-square.radius.opaque:not(.w50):not(.w50C):not(.w50L) .img-text-group { border-radius: 0 0 10px 10px; }




.img-square.radius:not(.effect-1):not(.effect-2):not(.effect-3):not(.effect-4):not(.effect-5):not(.effect-6):not(.shadow), 
.img-square.radius:not(.effect-1):not(.effect-2):not(.effect-3):not(.effect-4):not(.effect-5):not(.effect-6) .Inside, 
.img-square.radius:not(.effect-1):not(.effect-2):not(.effect-3):not(.effect-4):not(.effect-5):not(.effect-6) .Inside img { overflow: hidden; } 

.radiusTable { border-radius: 10px !important; }

.Inside.a11 { padding-bottom: 100%; display: block; } 
.Inside.a12 { padding-bottom: calc( 100% / 1 * 2 ); display: block;}  
.Inside.a21 { padding-bottom: calc( 100% / 2 * 1 ); display: block;} 
.Inside.a23 { padding-bottom: calc( 100% / 2 * 3 ); display: block;} 
.Inside.a31 { padding-bottom: calc( 100% / 3 * 1 ); display: block;} 
.Inside.a32 { padding-bottom: calc( 100% / 3 * 2 ); display: block;} 
.Inside.a34 { padding-bottom: calc( 100% / 3 * 4 ); display: block;} 
.Inside.a43 { padding-bottom: calc( 100% / 4 * 3 ); display: block;} 
.Inside.a35 { padding-bottom: calc( 100% / 3 * 5 ); display: block;}
.Inside.a53 { padding-bottom: calc( 100% / 5 * 3 ); display: block;}
.Inside.a54 { padding-bottom: calc( 100% / 5 * 4 ); display: block;}
.Inside.a32 { padding-bottom: calc( 100% / 3 * 2 ); display: block;}
.Inside.a23 { padding-bottom: calc( 100% / 2 * 3 ); display: block;}



.w50New.mb-00 { margin-bottom: 0;}
.w50New.mb-99 { margin-bottom: 0.25%;}
.w50New.mb-01 { margin-bottom: 0.5%;}
.w50New.mb-02 { margin-bottom: 1%;}
.w50New.mb-03 { margin-bottom: 1.5%;}
.w50New.mb-04 { margin-bottom: 2%;}
.w50New.mb-05 { margin-bottom: 2.5%;}
.w50New.mb-06 { margin-bottom: 3%;}
.w50New.mb-07 { margin-bottom: 3.5%;}
.w50New.mb-08 { margin-bottom: 4%;}
.w50New.mb-09 { margin-bottom: 4.5%;}
.w50New.mb-10 { margin-bottom: 5%;}
.w50New.mb-12 { margin-bottom: 6%;}
.w50New.mb-14 { margin-bottom: 7%;}
.w50New.mb-16 { margin-bottom: 8%;}
.w50New.mb-18 { margin-bottom: 9%;}
.w50New.mb-20 { margin-bottom: 10%;}

/*置下*/
.pd-00:not(.w50):not(.w50C) { padding: 0 !important;}
.pd-99:not(.w50):not(.w50C) { padding: 0 0.5% 0 0.5%;}
.pd-01:not(.w50):not(.w50C) { padding: 0 1% 0 1%;}
.pd-02:not(.w50):not(.w50C) { padding: 0 2% 0 2%;}
.pd-03:not(.w50):not(.w50C) { padding: 0 3% 0 3%;}
.pd-04:not(.w50):not(.w50C) { padding: 0 4% 0 4%;}
.pd-05:not(.w50):not(.w50C) { padding: 0 5% 0 5%;}
.pd-06:not(.w50):not(.w50C) { padding: 0 6% 0 6%;}
.pd-07:not(.w50):not(.w50C) { padding: 0 7% 0 7%;}
.pd-08:not(.w50):not(.w50C) { padding: 0 8% 0 8%;}
.pd-09:not(.w50):not(.w50C) { padding: 0 9% 0 9%;}
.pd-10:not(.w50):not(.w50C) { padding: 0 10% 0 10%;}
.pd-12:not(.w50):not(.w50C) { padding: 0 12% 0 12%;}
.pd-14:not(.w50):not(.w50C) { padding: 0 14% 0 14%;}
.pd-16:not(.w50):not(.w50C) { padding: 0 16% 0 16%;}
.pd-18:not(.w50):not(.w50C) { padding: 0 18% 0 18%;}
.pd-20:not(.w50):not(.w50C) { padding: 0 20% 0 20%;}
.pd-25:not(.w50):not(.w50C) { padding: 0 25% 0 25%;}
.pd-30:not(.w50):not(.w50C) { padding: 0 30% 0 30%;}



.slide .pd-99:not(.w50):not(.w50C) { padding: 0 1% 0 1%;}
.slide .pd-01:not(.w50):not(.w50C) { padding: 0 2% 0 2%;}
.slide .pd-02:not(.w50):not(.w50C) { padding: 0 4% 0 4%;}
.slide .pd-03:not(.w50):not(.w50C) { padding: 0 6% 0 6%;}
.slide .pd-04:not(.w50):not(.w50C) { padding: 0 8% 0 8%;}
.slide .pd-05:not(.w50):not(.w50C) { padding: 0 10% 0 10%;}
.slide .pd-06:not(.w50):not(.w50C) { padding: 0 12% 0 12%;}
.slide .pd-07:not(.w50):not(.w50C) { padding: 0 14% 0 14%;}
.slide .pd-08:not(.w50):not(.w50C) { padding: 0 16% 0 16%;}
.slide .pd-09:not(.w50):not(.w50C) { padding: 0 18% 0 18%;}
.slide .pd-10:not(.w50):not(.w50C) { padding: 0 20% 0 20%;}


/*置左*/

.pd-00.w50 { padding: 0 !important; }
.pd-99.w50 { padding: 0 !important; }
.pd-01.w50 { padding: 0 !important; }
.pd-02.w50 { padding: 0 !important; }
.pd-03.w50 { padding: 0 !important; }
.pd-04.w50 { padding: 0 !important; }
.pd-05.w50 { padding: 0 !important; }
.pd-06.w50 { padding: 0 !important; }
.pd-07.w50 { padding: 0 !important; }
.pd-08.w50 { padding: 0 !important; }
.pd-09.w50 { padding: 0 !important; }
.pd-10.w50 { padding: 0 !important; }
.pd-12.w50 { padding: 0 !important; }
.pd-14.w50 { padding: 0 !important; }
.pd-16.w50 { padding: 0 !important; }
.pd-18.w50 { padding: 0 !important; }
.pd-20.w50 { padding: 0 !important; }
.pd-25.w50 { padding: 0 !important; }
.pd-30.w50 { padding: 0 !important; }

.pd-00.w50L .PBox{ padding: 0 !important;}
.pd-99.w50L .PBox{ padding: 0.5% 0.5% 0.5% 0% !important;}
.pd-01.w50L .PBox{ padding: 1% 1% 1% 0% !important;}
.pd-02.w50L .PBox{ padding: 2% 2% 2% 0% !important;}
.pd-03.w50L .PBox{ padding: 3% 3% 3% 0% !important;}
.pd-04.w50L .PBox{ padding: 4% 4% 4% 0% !important;}
.pd-05.w50L .PBox{ padding: 5% 5% 5% 0% !important;}
.pd-06.w50L .PBox{ padding: 6% 6% 6% 0% !important;}
.pd-07.w50L .PBox{ padding: 7% 7% 7% 0% !important;}
.pd-08.w50L .PBox{ padding: 8% 8% 8% 0% !important;}
.pd-09.w50L .PBox{ padding: 9% 9% 9% 0% !important;}
.pd-10.w50L .PBox{ padding: 10% 10% 10% 0% !important;}
.pd-12.w50L .PBox{ padding: 12% 12% 12% 0% !important;}
.pd-14.w50L .PBox{ padding: 14% 14% 14% 0% !important;}
.pd-16.w50L .PBox{ padding: 16% 16% 16% 0% !important;}
.pd-18.w50L .PBox{ padding: 18% 18% 18% 0% !important;}
.pd-20.w50L .PBox{ padding: 20% 20% 20% 0% !important;}
.pd-25.w50L .PBox{ padding: 25% 25% 25% 0% !important;}
.pd-30.w50L .PBox{ padding: 30% 30% 30% 0% !important;}
/*置左右*/

.pd-00.w50:not(.w50L) .PBox{ padding: 0 !important;}
.pd-99.w50:not(.w50L) .PBox{ padding: 0.5% 0% 0.5% 0.5% !important;}
.pd-01.w50:not(.w50L) .PBox{ padding: 1% 0% 1% 1% !important;}
.pd-02.w50:not(.w50L) .PBox{ padding: 2% 0% 2% 2% !important;}
.pd-03.w50:not(.w50L) .PBox{ padding: 3% 0% 3% 3% !important;}
.pd-05.w50:not(.w50L) .PBox{ padding: 5% 0% 5% 5% !important;}
.pd-06.w50:not(.w50L) .PBox{ padding: 6% 0% 6% 6% !important;}
.pd-07.w50:not(.w50L) .PBox{ padding: 7% 0% 7% 7% !important;}
.pd-08.w50:not(.w50L) .PBox{ padding: 8% 0% 8% 8% !important;}
.pd-09.w50:not(.w50L) .PBox{ padding: 9% 0% 9% 9% !important;}
.pd-10.w50:not(.w50L) .PBox{ padding: 10% 0% 10% 10% !important;}
.pd-12.w50:not(.w50L) .PBox{ padding: 12% 0% 12% 12% !important;}
.pd-14.w50:not(.w50L) .PBox{ padding: 14% 0% 14% 14% !important;}
.pd-16.w50:not(.w50L) .PBox{ padding: 16% 0% 16% 16% !important;}
.pd-18.w50:not(.w50L) .PBox{ padding: 18% 0% 18% 18% !important;}
.pd-20.w50:not(.w50L) .PBox{ padding: 20% 0% 20% 20% !important;}
.pd-25.w50:not(.w50L) .PBox{ padding: 25% 0% 25% 25% !important;}
.pd-30.w50:not(.w50L) .PBox{ padding: 30% 0% 30% 30% !important;}


/*置中*/
.pd-00.w50C { padding: 0 !important;}
.pd-99.w50C { padding: 0.5% !important;}
.pd-01.w50C { padding: 1% !important;}
.pd-02.w50C { padding: 2% !important;}
.pd-03.w50C { padding: 3% !important;}
.pd-04.w50C { padding: 4% !important;}
.pd-05.w50C { padding: 5% !important;}
.pd-06.w50C { padding: 6% !important;}
.pd-07.w50C { padding: 7% !important;}
.pd-08.w50C { padding: 8% !important;}
.pd-09.w50C { padding: 9% !important;}
.pd-10.w50C { padding: 10% !important;}
.pd-12.w50C { padding: 12% !important;}
.pd-14.w50C { padding: 14% !important;}
.pd-16.w50C { padding: 16% !important;}
.pd-18.w50C { padding: 18% !important;}
.pd-20.w50C { padding: 20% !important;}
.pd-25.w50C { padding: 25% !important;}
.pd-30.w50C { padding: 30% !important;}



.Col-1 { width: 100%; }
.Col-2 { width: 50%;}
.Col-3 { width: 33.3333%; }
.Col-4 { width: 25%; }
.Col-5 { width: 20%; }
.Col-6 { width: 16.6667%; }
.Col-7 { width: 14.2857%; }
.Col-8 { width: 12.5%; }
.Col-9 { width: 11.1111%; }
.Col-10 { width: 10%; }
.Col-11 { width: 9.0909%; }
.Col-12 { width: 8.3333%; }

.Col-2[data-column='1'],
.Col-3[data-column='1'],
.Col-4[data-column='1'],
.Col-5[data-column='1'],
.Col-6[data-column='1'],
.Col-7[data-column='1'],
.Col-8[data-column='1'],
.Col-9[data-column='1'],
.Col-10[data-column='1'],
.Col-11[data-column='1'],
.Col-12[data-column='1'] { width: 100%; }

.Col-3[data-column='2'],
.Col-4[data-column='2'],
.Col-5[data-column='2'],
.Col-6[data-column='2'],
.Col-7[data-column='2'],
.Col-8[data-column='2'],
.Col-9[data-column='2'],
.Col-10[data-column='2'],
.Col-11[data-column='2'],
.Col-12[data-column='2'] { width: 50%; }

.Col-4[data-column='3'],
.Col-5[data-column='3'],
.Col-6[data-column='3'],
.Col-7[data-column='3'],
.Col-8[data-column='3'],
.Col-9[data-column='3'],
.Col-10[data-column='3'],
.Col-11[data-column='3'],
.Col-12[data-column='3'] { width: 33.3333%; }

.Col-5[data-column='4'],
.Col-6[data-column='4'],
.Col-7[data-column='4'],
.Col-8[data-column='4'],
.Col-9[data-column='4'],
.Col-10[data-column='4'],
.Col-11[data-column='4'],
.Col-12[data-column='4'] { width: 25% !important; }

.Col-6[data-column='5'],
.Col-7[data-column='5'],
.Col-8[data-column='5'],
.Col-9[data-column='5'],
.Col-10[data-column='5'],
.Col-11[data-column='5'],
.Col-12[data-column='5'] { width: 20%; }

.Col-7[data-column='6'],
.Col-8[data-column='6'],
.Col-9[data-column='6'],
.Col-10[data-column='6'],
.Col-11[data-column='6'],
.Col-12[data-column='6'] { width: 16.6667%; }

.Col-8[data-column='7'],
.Col-9[data-column='7'],
.Col-10[data-column='7'],
.Col-11[data-column='7'],
.Col-12[data-column='7'] { width: 4.2857%; }

.Col-9[data-column='8'],
.Col-10[data-column='8'],
.Col-11[data-column='8'],
.Col-12[data-column='8'] { width: 12.5%; }

.Col-10[data-column='9'],
.Col-11[data-column='9'],
.Col-12[data-column='9'] { width: 12.5%; }

.Col-11[data-column='10'],
.Col-12[data-column='10'] { width: 10%; }

.Col-12[data-column='11'] { width: 9.0909%; }



.Col-2[data-column='1'] .PBox{ padding: 25%;}
.Col-3[data-column='1'] .PBox{ padding: 33.33%;}
.Col-3[data-column='2'] .PBox{ padding: 16.67%;}
.Col-4[data-column='1'] .PBox{ padding: 37.5%;}
.Col-4[data-column='2'] .PBox{ padding: 25%;}
.Col-4[data-column='3'] .PBox{ padding: 12.5%;}
.Col-5[data-column='1'] .PBox{ padding: 40%;}
.Col-5[data-column='2'] .PBox{ padding: 30%;}
.Col-5[data-column='3'] .PBox{ padding: 20%;}
.Col-5[data-column='4'] .PBox{ padding: 10%;}
.Col-6[data-column='1'] .PBox{ padding: 41.67%;}
.Col-6[data-column='2'] .PBox{ padding: 33.33%;}
.Col-6[data-column='3'] .PBox{ padding: 25%;}
.Col-6[data-column='4'] .PBox{ padding: 16.67%;}
.Col-6[data-column='5'] .PBox{ padding: 8.33%;}
.Col-7[data-column='1'] .PBox{ padding: 42.86%;}
.Col-7[data-column='2'] .PBox{ padding: 35.71%;}
.Col-7[data-column='3'] .PBox{ padding: 28.57%;}
.Col-7[data-column='4'] .PBox{ padding: 21.43%;}
.Col-7[data-column='5'] .PBox{ padding: 14.29%;}
.Col-7[data-column='6'] .PBox{ padding: 7.14%;}
.Col-8[data-column='1'] .PBox{ padding: 43.75%;}
.Col-8[data-column='2'] .PBox{ padding: 37.5%;}
.Col-8[data-column='3'] .PBox{ padding: 31.25%;}
.Col-8[data-column='4'] .PBox{ padding: 25%;}
.Col-8[data-column='5'] .PBox{ padding: 18.75%;}
.Col-8[data-column='6'] .PBox{ padding: 12.5%;}
.Col-8[data-column='7'] .PBox{ padding: 6.25%;}

.Col-9[data-column='1'] .PBox{ padding: calc( (100% - 11.1111%) * 1 /2 )}
.Col-9[data-column='2'] .PBox{ padding: calc( (50% - 11.1111%) * 2 /2 )}
.Col-9[data-column='3'] .PBox{ padding: calc( (33.33% - 11.1111%) * 3 /2 )}
.Col-9[data-column='4'] .PBox{ padding: calc( (25% - 11.1111%) * 4 /2 )}
.Col-9[data-column='5'] .PBox{ padding: calc( (20% - 11.1111%) * 5 /2 )}
.Col-9[data-column='6'] .PBox{ padding: calc( (16.6667% - 11.1111%) * 6 /2 )}
.Col-9[data-column='7'] .PBox{ padding: calc( (14.2857% - 11.1111%) * 7 /2 )}
.Col-9[data-column='8'] .PBox{ padding: calc( (12.5% - 11.1111%) * 8 /2 )}

.Col-10[data-column='1'] .PBox{ padding: calc( (100% - 10%) * 1 /2 )}
.Col-10[data-column='2'] .PBox{ padding: calc( (50% - 10%) * 2 /2 )}
.Col-10[data-column='3'] .PBox{ padding: calc( (33.33% - 10%) * 3 /2 )}
.Col-10[data-column='4'] .PBox{ padding: calc( (25% - 10%) * 4 /2 )}
.Col-10[data-column='5'] .PBox{ padding: calc( (20% - 10%) * 5 /2 )}
.Col-10[data-column='6'] .PBox{ padding: calc( (16.6667% - 10%) * 6 /2 )}
.Col-10[data-column='7'] .PBox{ padding: calc( (14.2857% - 10%) * 7 /2 )}
.Col-10[data-column='8'] .PBox{ padding: calc( (12.5% - 10%) * 8 /2 )}
.Col-10[data-column='9'] .PBox{ padding: calc( (11.1111% - 10%) * 9 /2 )}

.Col-11[data-column='1'] .PBox{ padding: calc( (100% - 9.0909%) * 1 /2 )}
.Col-11[data-column='2'] .PBox{ padding: calc( (50% - 9.0909%) * 2 /2 )}
.Col-11[data-column='3'] .PBox{ padding: calc( (33.33% - 9.0909%) * 3 /2 )}
.Col-11[data-column='4'] .PBox{ padding: calc( (25% - 9.0909%) * 4 /2 )}
.Col-11[data-column='5'] .PBox{ padding: calc( (20% - 9.0909%) * 5 /2 )}
.Col-11[data-column='6'] .PBox{ padding: calc( (16.6667% - 9.0909%) * 6 /2 )}
.Col-11[data-column='7'] .PBox{ padding: calc( (14.2857% - 9.0909%) * 7 /2 )}
.Col-11[data-column='8'] .PBox{ padding: calc( (12.5% - 9.0909%) * 8 /2 )}
.Col-11[data-column='9'] .PBox{ padding: calc( (11.1111% - 9.0909%) * 9 /2 )}
.Col-11[data-column='10'] .PBox{ padding: calc( (10% - 9.0909%) * 10 /2 )}

.Col-12[data-column='1'] .PBox{ padding: calc( (100% - 8.3333%) * 1 /2 )}
.Col-12[data-column='2'] .PBox{ padding: calc( (50% - 8.3333%) * 2 /2 )}
.Col-12[data-column='3'] .PBox{ padding: calc( (33.33% - 8.3333%) * 3 /2 )}
.Col-12[data-column='4'] .PBox{ padding: calc( (25% - 8.3333%) * 4 /2 )}
.Col-12[data-column='5'] .PBox{ padding: calc( (20% - 8.3333%) * 5 /2 )}
.Col-12[data-column='6'] .PBox{ padding: calc( (16.6667% - 8.3333%) * 6 /2 )}
.Col-12[data-column='7'] .PBox{ padding: calc( (14.2857% - 8.3333%) * 7 /2 )}
.Col-12[data-column='8'] .PBox{ padding: calc( (12.5% - 8.3333%) * 8 /2 )}
.Col-12[data-column='9'] .PBox{ padding: calc( (11.1111% - 8.3333%) * 9 /2 )}
.Col-12[data-column='10'] .PBox{ padding: calc( (10% - 8.3333%) * 10 /2 )}
.Col-12[data-column='11'] .PBox{ padding: calc( (9.0909% - 8.3333%) * 11 /2 )}







.Col-12.w50 { width: 8.3333% !important; }

.img-text-group { 
	position: relative; font-size: 17px; text-align: left; overflow: hidden;
}
.img-text-group .img-text{ 
	font-size: 17px;
}
.w50 .img-text-group, .w50C .img-text-group, .w50L .img-text-group {
	width: fit-content ;
}



.w50T .img-text-group {
	position: absolute; top: 0; left: 0; min-height: 40%;  transform: translate(0,0); text-align: left; color: var(--d80); text-shadow: 1px 1px 2px #333;
}





.w50C .img-text-group {
	position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%); text-align: left; margin: 0 auto !important; color: var(--d80); text-shadow: 1px 1px 2px #333;
}
.w50C .img-text-group a:not(.btn) {
	color: var(--d80); text-shadow: 1px 1px 2px #333; 
}
.opaque.w50C .img-text-group {
	min-width: 200px; border: 0x solid rgba(255,255,255,.5);	color: var(--d80); text-shadow: none; display:inline-block !important;
}
.opaque.w50C .img-text-group a:not(.btn){
	color: var(--d80); text-shadow: none; 
}
.opaque .img-text-group a:not(.btn) {
	color: #444;
}
.opaqueR .img-text-group {
	border-radius: 12px;
}


.ContenBG .White .img-circle:not(.opaque) .img-text-group, 
.ContenBG .White .img-circle:not(.opaque) .img-text-group a:not(.btn),
.ContenBG .White .img-square:not(.opaque) .img-text-group, 
.ContenBG .White .img-square:not(.opaque) .img-text-group a:not(.btn){ 
	color: var(--d80);
}
.img-circle .img-text-group { 
	text-align: center;
}
.img-circle .img-text-group { 
	margin-top: 15px; 
}


.w50 .PBox, 
.w50 .img-text-group { width:50% !important; display: inline-block !important; vertical-align: middle !important; margin: 0;}

.w50.w50L .PBox { float: right; }
.w50.w50L .img-text-group { float: left; position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); }



.w50- { display: flex; display: -ms-flexbox; -ms-flex-align: center; align-items: center; margin: 0 auto !important; justify-content: center; }
.w50- .PBox, .w50- .img-text-group { flex: 50% !important; }

.w50- .PBox { order:1; vertical-align: middle !important; }
.w50- .img-text-group { order:2 ; vertical-align: middle !important;  }

.w50-.w50L .PBox { order:2; vertical-align: middle !important; }
.ww50-50.w50L .img-text-group { order:1 ; vertical-align: middle !important;  }




.w50.a11, 
.w50.a12, 
.w50.a21, 
.w50.a31, 
.w50.a34, 
.w50.a43, 
.w50.a35, 
.w50.a53, 
.w50.a32, 
.w50.a23 { vertical-align: middle !important; } 





.img-text nav {
	letter-spacing: 2px; 
	text-align: center;
	margin: 0 auto;
}
.img-text nav:not(.border) > div > div {
	line-height: 1.2; margin-bottom: 0rem; 
}
.img-text nav.border > div {
	position: relative; display: inline-block; padding: 0 50px; 
}
.img-text nav.border > div::before, 
.img-text nav.border > div::after,
.img-text nav.border.White > div::before, 
.img-text nav.border.White > div::after,
.W .img-text nav.border > div::before, 
.W .img-text nav.border > div::after {
	content: "";
	position: absolute;
	width: 200px; 
	height: 1px; 
	transition: width .5s 1.5s ease-in-out;
}
.waypoint-animation .img-text nav.border > div::before, 
.waypoint-animation .img-text nav.border > div::after,
.waypoint-animation .img-text nav.border.White > div::before, 
.waypoint-animation .img-text nav.border.White > div::after,
.waypoint-animation .W .img-text nav.border > div::before, 
.waypoint-animation .W .img-text nav.border > div::after {
	width: 0px; 
}
.img-text nav.border > div::before, 
.img-text nav.border.Black > div::before {
	top: 50%;
	left: 0;
	transform: translate(-100%, -50%);  
	background: #000 ; 
}
.img-text nav.border > div::after, 
.img-text nav.border.Black > div::after {
	top: 50%;
	right: 0;
	transform: translate(100%, -50%); 
	background: #000 ; 
}

.img-text nav.border.White > div::before,
.img-text nav.border.White > div::after,
.White .img-text nav.border:not(.Black) > div::before ,
.White .img-text nav.border:not(.Black) > div::after {
	background: var(--d80) !important;
}

.img-text nav.border.Black > div::before,
.img-text nav.border.Black > div::after,
.Black .img-text nav.border:not(.White) > div::before ,
.Black .img-text nav.border:not(.White) > div::after {
	background: #000 !important; 
}

.W .img-text nav.border > div::before ,
.W .img-text nav.border > div::after {
	background: var( --newsBorde_32 ) !important;
}




.img-text nav.border.warning > div::before,
.img-text nav.border.warning > div::after ,
.img-text nav.border.Black.warning > div::before,
.img-text nav.border.Black.warning > div::after,
.Black .img-text nav.border.warning > div::before ,
.Black .img-text nav.border.warning > div::after ,
.img-text nav.border.White.warning > div::before,
.img-text nav.border.White.warning > div::after,
.White .img-text nav.border.warning > div::before ,
.White .img-text nav.border.warning > div::after {
	background: #ffc107 !important;
}
.img-text nav.border.danger > div::before,
.img-text nav.border.danger > div::after ,
.img-text nav.border.Black.danger > div::before,
.img-text nav.border.Black.danger > div::after,
.Black .img-text nav.border.danger > div::before ,
.Black .img-text nav.border.danger > div::after ,
.img-text nav.border.White.danger > div::before,
.img-text nav.border.White.danger > div::after,
.White .img-text nav.border.danger > div::before ,
.White .img-text nav.border.danger > div::after {
	background: #dc3545 !important;
}
.img-text nav.border.info > div::before,
.img-text nav.border.info > div::after ,
.img-text nav.border.Black.info > div::before,
.img-text nav.border.Black.info > div::after,
.Black .img-text nav.border.info > div::before ,
.Black .img-text nav.border.info > div::after ,
.img-text nav.border.White.info > div::before,
.img-text nav.border.White.info > div::after,
.White .img-text nav.border.info > div::before ,
.White .img-text nav.border.info > div::after {
	background: #17a2b8 !important;
}
.img-text nav.border.primary > div::before,
.img-text nav.border.primary > div::after ,
.img-text nav.border.Black.primary > div::before,
.img-text nav.border.Black.primary > div::after,
.Black .img-text nav.border.primary > div::before ,
.Black .img-text nav.border.primary > div::after ,
.img-text nav.border.White.primary > div::before,
.img-text nav.border.White.primary > div::after,
.White .img-text nav.border.primary > div::before ,
.White .img-text nav.border.primary > div::after {
	background: #007bff !important;
}
.img-text nav.border.success > div::before,
.img-text nav.border.success > div::after ,
.img-text nav.border.Black.success > div::before,
.img-text nav.border.Black.success > div::after,
.Black .img-text nav.border.success > div::before ,
.Black .img-text nav.border.success > div::after ,
.img-text nav.border.White.success > div::before,
.img-text nav.border.White.success > div::after,
.White .img-text nav.border.success > div::before ,
.White .img-text nav.border.success > div::after {
	background: #28a745 !important;
}



.img-text nav.border.silver > div::before,
.img-text nav.border.silver > div::after ,
.img-text nav.border.Black.silver > div::before,
.img-text nav.border.Black.silver > div::after,
.Black .img-text nav.border.silver > div::before ,
.Black .img-text nav.border.silver > div::after ,
.img-text nav.border.White.silver > div::before,
.img-text nav.border.White.silver > div::after,
.White .img-text nav.border.silver > div::before ,
.White .img-text nav.border.silver > div::after {
	background: silver !important;
}



.img-text nav.border.grey > div::before,
.img-text nav.border.grey > div::after ,
.img-text nav.border.Black.grey > div::before,
.img-text nav.border.Black.grey > div::after,
.Black .img-text nav.border.grey > div::before ,
.Black .img-text nav.border.grey > div::after ,
.img-text nav.border.White.grey > div::before,
.img-text nav.border.White.grey > div::after,
.White .img-text nav.border.grey > div::before ,
.White .img-text nav.border.grey > div::after {
	background: #808080 !important;
}

.load .img-text nav.border > div::before, 
.load .img-text nav.border > div::after,
.load .img-text nav.border.White > div::before, 
.load .img-text nav.border.White > div::after,
.load .W .img-text nav.border > div::before, 
.load .W .img-text nav.border > div::after {
	width: 160px;
}
@keyframes img-text-line {
	0% {
		width: 0px; 
	}
	100% {
		width: 250px
	}
}
  









.img-text-- nav.border {
	display: flex;
	flex-direction: row;
	width: 75%; 
}
.img-text-- nav.border:before,.img-text-- nav.border:after {
	content: "";
	flex: 1 1;
	margin: auto;
	height: 1px;
	background:rgba(0,0,0,.35) !important;
}
.White .img-text-- nav.border:before, .White .img-text-- nav.border:after,
.img-text-- nav.border.White:before, .img-text-- nav.border.White:after { 
	border-bottom: 1px solid rgba(0,0,0,.35) !important;
}
.W .img-text-- nav.border:before, .W .img-text-- nav.border:after {
	background: var( --fontColor ) !important;;mix-blend-mode: difference;
}



.img-text h4 {
	display: flex;
	flex-direction: row;
	width: 60%; 
	margin: 0 auto;
	text-align: center;
}
.img-text h4:before,.img-text h4:after {
	content: "";
	flex: 1 1;
	margin: auto;
	border-bottom: 1px solid #686868;
}
.img-text h4 > span {
	padding: 0 10px; display: inline-block;
}
.White .img-text h4:before, .White .img-text h4:after {
	border-bottom: 1px solid #bbb;
}
.W .img-text h4:before, .W .img-text h4:after {
	border-bottom: 1px solid var( --fontColor );
}


.row.split {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.row.split > div:not(.pd-range) {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.sp.shadowT {
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) ;
}
.sp.shadowInset {
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3), 0 -2px 10px -6px rgba(0, 0, 0, 1) inset ;
}



.img-text-group.txt-pd-01:not(.pd-range) { padding: 1% !important;}
.img-text-group.txt-pd-02:not(.pd-range) { padding: 2% !important;}
.img-text-group.txt-pd-03:not(.pd-range) { padding: 3% !important;}
.img-text-group.txt-pd-04:not(.pd-range) { padding: 4% !important;}
.img-text-group.txt-pd-05:not(.pd-range) { padding: 5% !important;}
.img-text-group.txt-pd-06:not(.pd-range) { padding: 6% !important;}
.img-text-group.txt-pd-07:not(.pd-range) { padding: 7% !important;}
.img-text-group.txt-pd-08:not(.pd-range) { padding: 8% !important;}
.img-text-group.txt-pd-09:not(.pd-range) { padding: 9% !important;}
.img-text-group.txt-pd-10:not(.pd-range) { padding: 10% !important;}
.img-text-group.txt-pd-12:not(.pd-range) { padding: 12% !important;}
.img-text-group.txt-pd-14:not(.pd-range) { padding: 14% !important;}
.img-text-group.txt-pd-16:not(.pd-range) { padding: 16% !important;}
.img-text-group.txt-pd-18:not(.pd-range) { padding: 18% !important;}
.img-text-group.txt-pd-20:not(.pd-range) { padding: 20% !important;}
.img-text-group.txt-pd-25:not(.pd-range) { padding: 25% !important;}
.img-text-group.txt-pd-30:not(.pd-range) { padding: 30% !important;}


.row.split.txt-pd-01:not(.pd-range)>.sp { padding-right: 1% !important; padding-bottom: 1% !important; }
.row.split.txt-pd-02:not(.pd-range)>.sp { padding-right: 2% !important; padding-bottom: 2% !important; }
.row.split.txt-pd-03:not(.pd-range)>.sp { padding-right: 3% !important; padding-bottom: 3% !important; }
.row.split.txt-pd-04:not(.pd-range)>.sp { padding-right: 4% !important; padding-bottom: 4% !important; }
.row.split.txt-pd-05:not(.pd-range)>.sp { padding-right: 5% !important; padding-bottom: 5% !important; }
.row.split.txt-pd-06:not(.pd-range)>.sp { padding-right: 6% !important; padding-bottom: 6% !important; }
.row.split.txt-pd-07:not(.pd-range)>.sp { padding-right: 7% !important; padding-bottom: 7% !important; }
.row.split.txt-pd-08:not(.pd-range)>.sp { padding-right: 8% !important; padding-bottom: 8% !important; }
.row.split.txt-pd-09:not(.pd-range)>.sp { padding-right: 9% !important; padding-bottom: 9% !important; }
.row.split.txt-pd-10:not(.pd-range)>.sp { padding-right: 10% !important; padding-bottom: 10% !important; }
.row.split.txt-pd-12:not(.pd-range)>.sp { padding-right: 12% !important; padding-bottom: 12% !important; }
.row.split.txt-pd-14:not(.pd-range)>.sp { padding-right: 14% !important; padding-bottom: 14% !important; }
.row.split.txt-pd-16:not(.pd-range)>.sp { padding-right: 16% !important; padding-bottom: 16% !important; }
.row.split.txt-pd-18:not(.pd-range)>.sp { padding-right: 18% !important; padding-bottom: 18% !important; }
.row.split.txt-pd-20:not(.pd-range)>.sp { padding-right: 20% !important; padding-bottom: 20% !important; }
.row.split.txt-pd-25:not(.pd-range)>.sp { padding-right: 25% !important; padding-bottom: 25% !important; }
.row.split.txt-pd-30:not(.pd-range)>.sp { padding-right: 30% !important; padding-bottom: 30% !important; }

.txt-pd-01:not(.pd-range)>.sp.Default,
.txt-pd-01:not(.pd-range)>.sp.Dark,
.txt-pd-01:not(.pd-range)>.sp.Light,
.txt-pd-01:not(.pd-range)>.sp.divBorder,
.txt-pd-01:not(.pd-range)>.sp.opaqueR { padding-left: 1% !important; padding-top: 1% !important; }

.txt-pd-02:not(.pd-range)>.sp.Default,
.txt-pd-02:not(.pd-range)>.sp.Dark,
.txt-pd-02:not(.pd-range)>.sp.Light,
.txt-pd-02:not(.pd-range)>.sp.divBorder,
.txt-pd-02:not(.pd-range)>.sp.opaqueR { padding-left: 2% !important; padding-top: 2% !important; }

.txt-pd-03:not(.pd-range)>.sp.Default,
.txt-pd-03:not(.pd-range)>.sp.Dark,
.txt-pd-03:not(.pd-range)>.sp.Light,
.txt-pd-03:not(.pd-range)>.sp.divBorder,
.txt-pd-03:not(.pd-range)>.sp.opaqueR { padding-left: 3% !important; padding-top: 3% !important; }

.txt-pd-04:not(.pd-range)>.sp.Default,
.txt-pd-04:not(.pd-range)>.sp.Dark,
.txt-pd-04:not(.pd-range)>.sp.Light,
.txt-pd-04:not(.pd-range)>.sp.divBorder,
.txt-pd-04:not(.pd-range)>.sp.opaqueR { padding-left: 4% !important; padding-top: 4% !important; }

.txt-pd-05:not(.pd-range)>.sp,
.txt-pd-05:not(.pd-range)>.sp.Default,
.txt-pd-05:not(.pd-range)>.sp.Dark,
.txt-pd-05:not(.pd-range)>.sp.Light,
.txt-pd-05:not(.pd-range)>.sp.divBorder,
.txt-pd-05:not(.pd-range)>.sp.opaqueR { padding-left: 5% !important; padding-top: 5% !important; }

.txt-pd-06:not(.pd-range)>.sp.Default,
.txt-pd-06:not(.pd-range)>.sp.Dark,
.txt-pd-06:not(.pd-range)>.sp.Light,
.txt-pd-06:not(.pd-range)>.sp.divBorder,
.txt-pd-06:not(.pd-range)>.sp.opaqueR { padding-left: 6% !important; padding-top: 6% !important; }

.txt-pd-07:not(.pd-range)>.sp.Default,
.txt-pd-07:not(.pd-range)>.sp.Dark,
.txt-pd-07:not(.pd-range)>.sp.Light,
.txt-pd-07:not(.pd-range)>.sp.divBorder,
.txt-pd-07:not(.pd-range)>.sp.opaqueR { padding-left: 7% !important; padding-top: 7% !important; }

.txt-pd-08:not(.pd-range)>.sp.Default,
.txt-pd-08:not(.pd-range)>.sp.Dark,
.txt-pd-08:not(.pd-range)>.sp.Light,
.txt-pd-08:not(.pd-range)>.sp.divBorder,
.txt-pd-08:not(.pd-range)>.sp.opaqueR { padding-left: 8% !important; padding-top: 8% !important; }

.txt-pd-09:not(.pd-range)>.sp.Default,
.txt-pd-09:not(.pd-range)>.sp.Dark,
.txt-pd-09:not(.pd-range)>.sp.Light,
.txt-pd-09:not(.pd-range)>.sp.divBorder,
.txt-pd-09:not(.pd-range)>.sp.opaqueR { padding-left: 9% !important; padding-top: 9% !important; }

.txt-pd-10:not(.pd-range)>.sp.Default,
.txt-pd-10:not(.pd-range)>.sp.Dark,
.txt-pd-10:not(.pd-range)>.sp.Light,
.txt-pd-10:not(.pd-range)>.sp.divBorder,
.txt-pd-10:not(.pd-range)>.sp.opaqueR { padding-left: 10% !important; padding-top: 10% !important; }

.txt-pd-12:not(.pd-range)>.sp.Default,
.txt-pd-12:not(.pd-range)>.sp.Dark,
.txt-pd-12:not(.pd-range)>.sp.Light,
.txt-pd-12:not(.pd-range)>.sp.divBorder,
.txt-pd-12:not(.pd-range)>.sp.opaqueR { padding-left: 12% !important; padding-top: 12% !important; }

.txt-pd-14:not(.pd-range)>.sp.Default,
.txt-pd-14:not(.pd-range)>.sp.Dark,
.txt-pd-14:not(.pd-range)>.sp.Light,
.txt-pd-14:not(.pd-range)>.sp.divBorder,
.txt-pd-14:not(.pd-range)>.sp.opaqueR { padding-left: 14% !important; padding-top: 14% !important; }

.txt-pd-16:not(.pd-range)>.sp.Default,
.txt-pd-16:not(.pd-range)>.sp.Dark,
.txt-pd-16:not(.pd-range)>.sp.Light,
.txt-pd-16:not(.pd-range)>.sp.divBorder,
.txt-pd-16:not(.pd-range)>.sp.opaqueR { padding-left: 16% !important; padding-top: 16% !important; }

.txt-pd-18:not(.pd-range)>.sp.Default,
.txt-pd-18:not(.pd-range)>.sp.Dark,
.txt-pd-18:not(.pd-range)>.sp.Light,
.txt-pd-18:not(.pd-range)>.sp.divBorder,
.txt-pd-18:not(.pd-range)>.sp.opaqueR { padding-left: 18% !important; padding-top: 18% !important; }

.txt-pd-20:not(.pd-range)>.sp.Default,
.txt-pd-20:not(.pd-range)>.sp.Dark,
.txt-pd-20:not(.pd-range)>.sp.Light,
.txt-pd-20:not(.pd-range)>.sp.divBorder,
.txt-pd-20:not(.pd-range)>.sp.opaqueR { padding-left: 20% !important; padding-top: 20% !important; }

.txt-pd-25:not(.pd-range)>.sp.Default,
.txt-pd-25:not(.pd-range)>.sp.Dark,
.txt-pd-25:not(.pd-range)>.sp.Light,
.txt-pd-25:not(.pd-range)>.sp.divBorder,
.txt-pd-25:not(.pd-range)>.sp.opaqueR { padding-left: 25% !important; padding-top: 25% !important; }

.txt-pd-30:not(.pd-range)>.sp.Default,
.txt-pd-30:not(.pd-range)>.sp.Dark,
.txt-pd-30:not(.pd-range)>.sp.Light,
.txt-pd-30:not(.pd-range)>.sp.divBorder,
.txt-pd-30:not(.pd-range)>.sp.opaqueR { padding-left: 30% !important; padding-top: 30% !important; }


/*-----------------------range------------------------------------*/


.txt-pd-00.pd-range { padding: 0 ;}
.txt-pd-01.pd-range { padding: 1% ;}
.txt-pd-02.pd-range { padding: 2% ;}
.txt-pd-03.pd-range { padding: 3% ;}
.txt-pd-04.pd-range { padding: 4% ;}
.txt-pd-05.pd-range { padding: 5% ;}
.txt-pd-06.pd-range { padding: 6% ;}
.txt-pd-07.pd-range { padding: 7% ;}
.txt-pd-08.pd-range { padding: 8% ;}
.txt-pd-09.pd-range { padding: 9% ;}
.txt-pd-10.pd-range { padding: 10% ;}
.txt-pd-12.pd-range { padding: 12% ;}
.txt-pd-14.pd-range { padding: 14% ;}
.txt-pd-16.pd-range { padding: 16% ;}
.txt-pd-18.pd-range { padding: 18% ;}
.txt-pd-20.pd-range { padding: 20% ;}
.txt-pd-25.pd-range { padding: 25% ;}
.txt-pd-30.pd-range { padding: 30% ;}

.range-1 { padding-right: 0% !important; padding-bottom: 0% !important; }
.range-2 { padding-top: 0% !important; padding-left: 0% !important; }
.range-3 {}
.range-4 { padding-right: 0% !important; padding-bottom: 0% !important; padding-left: 0% !important; }
.range-5 { padding-top: 0% !important; padding-bottom: 0% !important; padding-left: 0% !important; }
.range-6 { padding-top: 0% !important; padding-right: 0% !important; padding-left: 0% !important; }
.range-7 { padding-top: 0% !important; padding-right: 0% !important; padding-bottom: 0% !important; }
.range-8 { padding-top: 0% !important; padding-bottom: 0% !important; }
.range-9 { padding-top: 0% !important; padding-right: 0% !important; }
.range-10 { padding-bottom: 0% !important; }
.range-11 { padding-top: 0% !important; }
.range-12 { padding-right: 0% !important; }
.range-13 { padding-bottom: 0% !important; padding-left: 0% !important; }
.range-14 { padding-left: 0% !important; }
.range-15 { padding-right: 0% !important; padding-left: 0% !important; }


.txt-md-00 { margin: 0 ;}
.txt-md-01 { margin: 1px ;}
.txt-md-02 { margin: 2px ;}
.txt-md-03 { margin: 3px ;}
.txt-md-04 { margin: 4px ;}
.txt-md-05 { margin: 5px ;}
.txt-md-06 { margin: 6px ;}
.txt-md-07 { margin: 7px ;}
.txt-md-08 { margin: 8px ;}
.txt-md-09 { margin: 9px ;}
.txt-md-10 { margin: 10px ;}
.txt-md-12 { margin: 12px ;}
.txt-md-14 { margin: 14px ;}
.txt-md-16 { margin: 16px ;}
.txt-md-18 { margin: 18px ;}
.txt-md-20 { margin: 20px ;}
.txt-md-25 { margin: 25px ;}
.txt-md-30 { margin: 30px ;}

.rangeM-1 { margin-right: 0px!important; margin-bottom: 0px!important; }
.rangeM-2 { margin-top: 0px!important; margin-left: 0px!important; }
.rangeM-3 {}
.rangeM-4 { margin-right: 0px!important; margin-bottom: 0px!important; margin-left: 0px!important; }
.rangeM-5 { margin-top: 0px!important; margin-bottom: 0px!important; margin-left: 0px!important; }
.rangeM-6 { margin-top: 0px!important; margin-right: 0px!important; margin-left: 0px!important; }
.rangeM-7 { margin-top: 0px!important; margin-right: 0px!important; margin-bottom: 0px!important; }
.rangeM-8 { margin-right: 0px!important; margin-left: 0px!important; }
.rangeM-9 { margin-top: 0px!important; margin-bottom: 0px!important; }

/*----------------------- end range------------------------------------*/


.divBorder.radiusTable:not(.w50):not(.w50c) .Inside,
.divBorder.radiusTable:not(.w50):not(.w50c) .Inside img{
	border-radius: 10px 10px 0 0 !important;
}
.divBorder.radiusTable:not(.w50):not(.w50c) .img-text-group {
	border-radius: 0 0 10px 10px !important;
}


.divBorder.radiusTable.w50:not(.w50L) .Inside {
	border-radius: 10px 0 0 10px !important;
}
.divBorder.radiusTable.w50:not(.w50L) .img-text-group {
	border-radius: 0 !important;
}
.divBorder.radiusTable.w50L .Inside {
	border-radius: 0 10px 10px 0 !important;
}
.divBorder.radiusTable.w50L .img-text-group {
	border-radius: 0 !important;
}
.divBorder.radiusTable.w50C .Inside {
	border-radius: 10px 10px 10px 10px !important;
}
.divBorder.radiusTable.w50C .img-text-group {
	border-radius: 0 !important;
}



.divBorder .Inside {
	border: 1px solid;  
}
.divBorder:not(.w50):not(.w50c) .img-text-group {
	border: 1px solid;  border-top-width:0;
}
.row.split>.sp.divBorder {
	position: relative;	border: 1px solid ;
}
.divBorder.wb .Inside, .divBorder.wb:not(.w50):not(.w50c) .img-text-group, .row.split > .divBorder.wb.sp {
	*border-color: #fff;  
}
.divBorder.Trans .Inside, .divBorder.Trans:not(.w50):not(.w50c) .img-text-group, .row.split > .divBorder.Trans.sp {
	border-color: rgba(0,0,0,0);  
}
.sp.opaqueR {
	border-radius: 10px;
}
.row.split > .col-md-2.sp {
	*width: calc(100% / 6 - 4px); 
}
.row.split > .col-md-3.sp {
	*width: calc(100% / 4 - 4px); 
}
.row.split > .col-md-4.sp {
	*width: calc(100% / 3 - 4px); 
}
.row.split > .col-md-5.sp {
	*width: calc(100% / (12/5) - 4px); 
}
.row.split > .col-md-6.sp {
	*width: calc(100% / 2 - 4px); 
}
.row.split > .col-md-7.sp {
	*width: calc(100% / (12/7) - 4px); 
}
.row.split > .col-md-8.sp {
	*width: calc(100% / (12/8) - 4px); 
}
.row.split > .col-md-9.sp {
	*width: calc(100% / (12/9) - 4px); 
}
.row.split > .col-md-10.sp {
	*width: calc(100% / (12/10) - 4px); 
}
.row.split > .col-md-11.sp {
	*width: calc(100% / (12/11) - 4px); 
}
.row.split > .col-md-12.sp {
	*margin-left: 0px; *margin-right: 0px;
}
.row.split>.sp:first-child:not(:last-child) {
	*margin-right: 4px;
}
.row.split>.sp:not(:first-child):not(:last-child) {
	*margin-left: 2px; *margin-right: 2px;
}
.row.split>.sp:last-child:not(:first-child) {
	*margin-left: 4px;
}


#indexContent ul{padding-left: 30px;}

span.firstUCase, span.firstIncrease {
	display: inline-block;
}
.LCase, .firstUCase {
	text-transform: lowercase;
}
.firstUCase::first-letter {
	text-transform: uppercase;
}
.UCase, .firstIncrease {
	text-transform: uppercase;
}

.firstIncrease::first-letter {
	font-size: calc(1em + 0.3em);
}


@media (min-width: 1024px) {

	.transformScale .Inside {
		overflow: hidden;
	} 
	.transformScale .Inside {
		overflow: hidden;
		background-size: 100% 100% !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		transition: background-size .5s ease;
		-webkit-transition: background-size .5s ease;
	}
	.img-square.transformScale:hover .Inside:not(.size) {
		background-size: 130% 130% !important;
	}
	.img-circle.transformScale:hover .Inside:not(.size) {
		background-size: 140% 140% !important;
	}
	.img-square.transformScale:hover .Inside:not(.size) img {
		transform: scale(1.3);
		-webkit-transform: scale(1.3);
		transition: transform .5s ease;
		-webkit-transition: -webkit-transform .5s ease;
	}
	.img-circle.transformScale:hover .Inside:not(.size) img {
		transform: scale(1.4);
		-webkit-transform: scale(1.4);
		transition: transform .5s ease;
		-webkit-transition: -webkit-transform .5s ease;
	}

	/*
	.transformScale .Inside {
		overflow: hidden;
	} 
	.transformScale .Inside:not(.size)::before{
		background: inherit; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; -webkit-transition: inherit;
	} 
	.img-circle.transformScale .Inside:not(.size):hover::before{
		transform: scale(1.4); -webkit-transform: scale(1.4); transition: inherit;
	}
	.img-circle.transformScale:hover .Inside:not(.size) img{
		transform: scale(1.4); -webkit-transform: scale(1.4); transition: inherit;
	}
	.img-square.transformScale:hover .Inside:not(.size)::before{
		transform: scale(1.3); -webkit-transform: scale(1.3); transition: inherit;
	}
	.img-square.transformScale:hover .Inside:not(.size) img{
		transform: scale(1.3); -webkit-transform: scale(1.3); transition: inherit;
	}*/
}
@media (max-width: 1024px) {
	.img-circle .img-text-group { 
		margin-top: 0px; 
	}
	.img-square:not(.opaque) .img-text-group { 
		margin-top: 0px; 
	}

}
@media (min-width: 767px) {
	.pd-01.w50,
	.pd-02.w50,
	.pd-03.w50,
	.pd-04.w50,
	.pd-05.w50,
	.pd-06.w50,
	.pd-07.w50,
	.pd-08.w50,
	.pd-09.w50,
	.pd-10.w50,
	.pd-12.w50,
	.pd-14.w50,
	.pd-16.w50,
	.pd-18.w50,
	.pd-20.w50,
	.pd-25.w50,
	.pd-30.w50 { padding-left: 0 !important}
}

@media (max-width: 767.98px) {
	.effect-3 .PBox, 	
	.effect-4 .PBox
	.effect-5 .PBox, 	
	.effect-6 .PBox {	
		margin-bottom: 15% !important;
	} 
	//*置左右*/

	
	*.pd-99 { padding: 0 !important;}
	*.pd-01 { padding: 0 !important;}
	*.pd-02 { padding: 0 !important;}
	*.pd-03 { padding: 0 !important;}
	*.pd-04 { padding: 0 !important;}
	*.pd-05 { padding: 0 !important;}
	*.pd-06 { padding: 0 !important;}
	*.pd-07 { padding: 0 !important;}
	*.pd-08 { padding: 0 !important;}
	*.pd-09 { padding: 0 !important;}
	*.pd-10 { padding: 0 !important;}
	*.pd-12 { padding: 0 !important;}
	*.pd-14 { padding: 0 !important;}
	*.pd-16 { padding: 0 !important;}
	*.pd-18 { padding: 0 !important;}
	*.pd-20 { padding: 0 !important;}
	*.pd-25 { padding: 0 !important;}
	*.pd-30 { padding: 0 !important;}

	.img-square.mb-00 { margin-bottom: 0!important;}
	.img-square.mb-01 { margin-bottom: 3%!important;}
	.img-square.mb-02 { margin-bottom: 6%!important;}
	.img-square.mb-03 { margin-bottom: 6%!important;}
	.img-square.mb-04 { margin-bottom: 12%!important;}
	.img-square.mb-05 { margin-bottom: 15%!important;}
	.img-square.mb-06 { margin-bottom: 18%!important;}
	.img-square.mb-07 { margin-bottom: 21%!important;}
	.img-square.mb-08 { margin-bottom: 24%!important;}
	.img-square.mb-09 { margin-bottom: 27%!important;}
	.img-square.mb-10 { margin-bottom: 30%!important;}
	.img-square.mb-12 { margin-bottom: 36%!important;}
	.img-square.mb-14 { margin-bottom: 42%!important;}
	.img-square.mb-16 { margin-bottom: 48%!important;}
	.img-square.mb-18 { margin-bottom: 54%!important;}
	.img-square.mb-20 { margin-bottom: 60%!important;}

	.img-circle.mb-00 { margin-bottom: 0!important;}
	.img-circle.mb-01 { margin-bottom: 3%!important;}
	.img-circle.mb-02 { margin-bottom: 6%!important;}
	.img-circle.mb-03 { margin-bottom: 6%!important;}
	.img-circle.mb-04 { margin-bottom: 12%!important;}
	.img-circle.mb-05 { margin-bottom: 15%!important;}
	.img-circle.mb-06 { margin-bottom: 18%!important;}
	.img-circle.mb-07 { margin-bottom: 21%!important;}
	.img-circle.mb-08 { margin-bottom: 24%!important;}
	.img-circle.mb-09 { margin-bottom: 27%!important;}
	.img-circle.mb-10 { margin-bottom: 30%!important;}
	.img-circle.mb-12 { margin-bottom: 36%!important;}
	.img-circle.mb-14 { margin-bottom: 42%!important;}
	.img-circle.mb-16 { margin-bottom: 48%!important;}
	.img-circle.mb-18 { margin-bottom: 54%!important;}
	.img-circle.mb-20 { margin-bottom: 60%!important;}






	.img-square,
	.img-square.Col-1, 
	.img-square.Col-2, 
	.img-square.Col-3, 
	.img-square.Col-4, 
	.img-square.Col-5,
	.img-square.Col-6,
	.img-square.Col-7,
	.img-square.Col-8,
	.img-square.Col-9,
	.img-square.Col-10,
	.img-square.Col-11,
	.img-square.Col-12 { width: 100% !important; }
	

	.pd-01.w50 .PBox,
	.pd-02.w50 .PBox,
	.pd-03.w50 .PBox,
	.pd-04.w50 .PBox,
	.pd-05.w50 .PBox,
	.pd-06.w50 .PBox,
	.pd-07.w50 .PBox,
	.pd-08.w50 .PBox,
	.pd-09.w50 .PBox,
	.pd-10.w50 .PBox,
	.pd-12.w50 .PBox,
	.pd-14.w50 .PBox,
	.pd-16.w50 .PBox,
	.pd-18.w50 .PBox,
	.pd-20.w50 .PBox,
	.pd-25.w50 .PBox,
	.pd-30.w50 .PBox { *padding-right: 0!important}
	
	
	

	.Col-1.pd-01 { *padding: 0!important ;}

	.Col-2.pd-02 { *padding: 0 calc( 2% * 2 );}
	.Col-3.pd-02 { *padding: 0 calc( 2% * 3 );}
	.Col-4.pd-02 { *padding: 0 calc( 2% * 4 );}
	.Col-5.pd-02 { *padding: 0 calc( 2% * 5 );}
	.Col-6.pd-02 { *padding: 0 calc( 2% * 6 );}
	.Col-7.pd-02 { *padding: 0 calc( 2% * 7 );}
	.Col-8.pd-02 { *padding: 0 calc( 2% * 8 );}
	.Col-9.pd-02 { *padding: 0 calc( 2% * 9 );}
	.Col-2.pd-03 { *padding: 0 calc( 3% * 2 );}
	.Col-3.pd-03 { *padding: 0 calc( 3% * 3 );}
	.Col-4.pd-03 { *padding: 0 calc( 3% * 4 );}
	.Col-5.pd-03 { *padding: 0 calc( 3% * 5 );}
	.Col-6.pd-03 { *padding: 0 calc( 3% * 6 );}
	.Col-7.pd-03 { *padding: 0 calc( 3% * 7 );}
	.Col-8.pd-03 { *padding: 0 calc( 3% * 8 );}
	.Col-9.pd-03 { *padding: 0 calc( 3% * 9 );}
	.Col-2.pd-04 { *padding: 0 calc( 4% * 2 );}
	.Col-3.pd-04 { *padding: 0 calc( 4% * 3 );}
	.Col-4.pd-04 { *padding: 0 calc( 4% * 4 );}
	.Col-5.pd-04 { *padding: 0 calc( 4% * 5 );}
	.Col-6.pd-04 { *padding: 0 calc( 4% * 6 );}
	.Col-7.pd-04 { *padding: 0 calc( 4% * 7 );}
	.Col-8.pd-04 { *padding: 0 calc( 4% * 8 );}
	.Col-9.pd-04 { *padding: 0 calc( 4% * 9 );}
	.Col-2.pd-05 { *padding: 0 calc( 5% * 2 );}
	.Col-3.pd-05 { *padding: 0 calc( 5% * 3 );}
	.Col-4.pd-05 { *padding: 0 calc( 5% * 4 );}
	.Col-5.pd-05 { *padding: 0 calc( 5% * 5 );}
	.Col-6.pd-05 { *padding: 0 calc( 5% * 6 );}
	.Col-7.pd-05 { *padding: 0 calc( 5% * 7 );}
	.Col-8.pd-05 { *padding: 0 calc( 5% * 8 );}
	.Col-9.pd-05 { *padding: 0 calc( 5% * 9 );}
	.Col-2.pd-06 { *padding: 0 calc( 6% * 2 );}
	.Col-3.pd-06 { *padding: 0 calc( 6% * 3 );}
	.Col-4.pd-06 { *padding: 0 calc( 6% * 4 );}
	.Col-5.pd-06 { *padding: 0 calc( 6% * 5 );}
	.Col-6.pd-06 { *padding: 0 calc( 6% * 6 );}
	.Col-7.pd-06 { *padding: 0 calc( 6% * 7 );}
	.Col-8.pd-06 { *padding: 0 calc( 6% * 8 );}
	.Col-9.pd-06 { *padding: 0 calc( 6% * 9 );}
	.Col-2.pd-07 { *padding: 0 calc( 7% * 2 );}
	.Col-3.pd-07 { *padding: 0 calc( 7% * 3 );}
	.Col-4.pd-07 { *padding: 0 calc( 7% * 4 );}
	.Col-5.pd-07 { *padding: 0 calc( 7% * 5 );}
	.Col-6.pd-07 { *padding: 0 calc( 7% * 6 );}
	.Col-7.pd-07 { *padding: 0 calc( 7% * 7 );}
	.Col-8.pd-07 { *padding: 0 calc( 7% * 8 );}
	.Col-9.pd-07 { *padding: 0 calc( 7% * 9 );}
	.Col-2.pd-08 { *padding: 0 calc( 8% * 2 );}
	.Col-3.pd-08 { *padding: 0 calc( 8% * 3 );}
	.Col-4.pd-08 { *padding: 0 calc( 8% * 4 );}
	.Col-5.pd-08 { *padding: 0 calc( 8% * 5 );}
	.Col-6.pd-08 { *padding: 0 calc( 8% * 6 );}
	.Col-7.pd-08 { *padding: 0 calc( 8% * 7 );}
	.Col-8.pd-08 { *padding: 0 calc( 8% * 8 );}
	.Col-9.pd-08 { *padding: 0 calc( 8% * 9 );}
	.Col-2.pd-09 { *padding: 0 calc( 9% * 2 );}
	.Col-3.pd-09 { *padding: 0 calc( 9% * 3 );}
	.Col-4.pd-09 { *padding: 0 calc( 9% * 4 );}
	.Col-5.pd-09 { *padding: 0 calc( 9% * 5 );}
	.Col-6.pd-09 { *padding: 0 calc( 9% * 6 );}
	.Col-7.pd-09 { *padding: 0 calc( 9% * 7 );}
	.Col-8.pd-09 { *padding: 0 calc( 9% * 8 );}
	.Col-9.pd-09 { *padding: 0 calc( 9% * 9 );}
	.Col-2.pd-100 { *padding: 0 calc( 10% * 2 );}
	.Col-3.pd-100 { *padding: 0 calc( 10% * 3 );}
	.Col-4.pd-100 { *padding: 0 calc( 10% * 4 );}
	.Col-5.pd-100 { *padding: 0 calc( 10% * 5 );}
	.Col-6.pd-100 { *padding: 0 calc( 10% * 6 );}
	.Col-7.pd-100 { *padding: 0 calc( 10% * 7 );}
	.Col-8.pd-100 { *padding: 0 calc( 10% * 8 );}
	.Col-9.pd-100 { *padding: 0 calc( 10% * 9 );}
	.img-text-group{ 
		margin-top: 0px !important; 
	}

	
	


	.w50.a11, 
	.w50.a12, 
	.w50.a21, 
	.w50.a31, 
	.w50.a34, 
	.w50.a43, 
	.w50.a35, 
	.w50.a53 , 
	.w50.a32, 
	.w50.a23 { vertical-align: top !important; } 	

	.w50.a11 .img-text-group, 
	.w50.a12 .img-text-group, 
	.w50.a21 .img-text-group, 
	.w50.a31 .img-text-group, 
	.w50.a34 .img-text-group, 
	.w50.a43 .img-text-group, 
	.w50.a35 .img-text-group, 
	.w50.a53 .img-text-group , 
	.w50.a32 .img-text-group, 
	.w50.a23 .img-text-group { *padding-bottom: 0!important; }

	.opaque.w50C .img-text-group {
		*padding-left: 10px; *padding-right: 10px; 
	}
	.opaque.opaqueR .img-text-group {
		border-radius: 8px;
	}
	
	.radius:not(.img-circle).opaque:not(.w50C) .Inside { border-radius: 10px 10px 0 0 !important; }
	.radius:not(.img-circle).opaque:not(.w50C) .img-text-group { border-radius: 0 0 10px 10px !important; }	
	
	
	#indexContent .ContentW {
		position: relative !important;
		letter-spacing: 0.05rem;
		line-height: 1.8; 
	}
	
	.img-text h4 {
		width: 100%; 
	}
	
	.img-text nav {
		text-align: left; 
	}
	.img-text nav.border {
		text-align: center; overflow: hidden;
	}
	.img-text nav.border > div {
		padding: 0 20px; 
	}

	.txt-pd-01:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 2% !important; }
	.txt-pd-02:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 4% !important; }
	.txt-pd-03:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 6% !important; }
	.txt-pd-04:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 8% !important; }
	.txt-pd-05:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 10% !important; }
	.*txt-pd-06:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 12% !important; }
	.txt-pd-07:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 14% !important; }
	.txt-pd-08:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 16% !important; }
	.txt-pd-09:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 18% !important; }
	.txt-pd-10:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 20% !important; }
	.txt-pd-12:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 24% !important; }
	.txt-pd-14:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 28% !important; }
	.txt-pd-16:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 32% !important; }
	.txt-pd-18:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 36% !important; }
	.txt-pd-20:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 40% !important; }
	.txt-pd-25:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 50% !important; }
	.txt-pd-30:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 60% !important; }

	
	.txt-pd-01:not(.pd-range)>.sp.divBorder { padding: 2% !important; }
	.txt-pd-02:not(.pd-range)>.sp.divBorder { padding: 4% !important; }
	.txt-pd-03:not(.pd-range)>.sp.divBorder { padding: 6% !important; }
	.txt-pd-04:not(.pd-range)>.sp.divBorder { padding: 4% !important; }
	.txt-pd-05:not(.pd-range)>.sp.divBorder { padding: 10% !important; }
	.*txt-pd-06:not(.pd-range)>.sp.divBorder { padding: 12% !important; }
	.txt-pd-07:not(.pd-range)>.sp.divBorder { padding: 14% !important; }
	.txt-pd-08:not(.pd-range)>.sp.divBorder { padding: 16% !important; }
	.txt-pd-09:not(.pd-range)>.sp.divBorder { padding: 18% !important; }
	.txt-pd-10:not(.pd-range)>.sp.divBorder { padding: 20% !important; }
	.txt-pd-12:not(.pd-range)>.sp.divBorder { padding: 24% !important; }
	.txt-pd-14:not(.pd-range)>.sp.divBorder { padding: 28% !important; }
	.txt-pd-16:not(.pd-range)>.sp.divBorder { padding: 32% !important; }
	.txt-pd-18:not(.pd-range)>.sp.divBorder { padding: 36% !important; }
	.txt-pd-20:not(.pd-range)>.sp.divBorder { padding: 40% !important; }
	.txt-pd-25:not(.pd-range)>.sp.divBorder { padding: 50% !important; }
	.txt-pd-30:not(.pd-range)>.sp.divBorder { padding: 60% !important; }


	
	



	.row.split > .col-md-1.sp, .row.split > .col-md-2.sp, .row.split > .col-md-3.sp , .row.split > .col-md-4.sp, .row.split > .col-md-5.sp, .row.split > .col-md-6.sp,.row.split > .col-md-7.sp, .row.split > .col-md-8.sp, .row.split > .col-md-9.sp, .row.split > .col-md-10.sp,  .row.split > .col-md-11.sp,  .row.split > .col-md-12.sp{
		width: 100% !important;
	}
	.w50 .PBox { 
		position: relative; 
		width: 100% !important; 
		display: block !important; 
		vertical-align: top !important; 
		margin: 0; 
		padding: 0;
	}
	.w50 .img-text-group { 
		position: relative; 
		width: 100% !important; 
		display: flex !important; 
		vertical-align: top !important; 
		margin: 0; 
		*min-height: calc( 100vw / 2 );
		justify-content: center;
        align-items: center;    
		flex-direction: column; /* 這裡設置為 column，確保子元素豎直排列 */
	} 
	.w50 .img-text-group .img-text{ 
		flex: 1 1 100% !important;width: 100% !important; 
	} 


	.w50New.w50:not(.w50L) .PBox { 
		clear : both !important;
	}
	.w50New.w50:not(.w50L-) .img-text-group { 
		clear : both !important;
		position: relative; 
		top: 0; 
		right: 0; 
		transform: none; 
	}

	.w50.w50L .PBox { float: right; }
	.w50.w50L .img-text-group { clear : both ; position: relative; top: 0; left: 0%; transform: none; width: 100%; *display: flex !important; *display: -ms-flexbox; -ms-flex-align: center; *align-items: center;}
	[class*="pd-"].w50L .PBox{
	  padding: 0% !important;
	}
	
	 

	@keyframes img-text-line {
		0% {
			width: 0px; 
		}
		100% {
			width: 50px
		}
	}

	.w50C .img-text-group {
		*display: inline-block;
		*max-width: 90vw ;
		*white-space: nowrap;
	}

	.w50C .img-text-group >div {
		transform: scale(0.85); 
		transform-origin: center center;
		*display: inline-block;
		*max-width: 100%;
		*white-space: nowrap;
	}




	.effect-1 .Inside:not(.size) img, 
	.effect-2 .Inside:not(.size) img, 
	.effect-3 .Inside:not(.size) img-, 
	.effect-4 .Inside:not(.size) img-, 
	.Col-1.effect-1 .Inside:not(.size) img, 
	.Col-1.effect-2 .Inside:not(.size) img, 
	.Col-1.effect-3 .Inside:not(.size) img-, 
	.Col-1.effect-4 .Inside:not(.size) img-, 
	.Col-2.effect-1 .Inside:not(.size) img ,
	.Col-2.effect-2 .Inside:not(.size) img ,
	.Col-2.effect-3 .Inside:not(.size) img- ,
	.Col-2.effect-4 .Inside:not(.size) img-{
		position: absolute;
		width: 100%;
		height: 100% !important;
		top: 0 !important;
		left: 0 !important;
		object-fit: cover;
		transition: all 0.8s; 
	}
	
	.effect-1 .Inside.size img, 
	.effect-2 .Inside.size img, 
	.effect-3 .Inside.size img, 
	.effect-4 .Inside.size img-, 
	.Col-1.effect-1 .Inside.size img, 
	.Col-1.effect-2 .Inside.size img, 
	.Col-1.effect-3 .Inside.size img, 
	.Col-1.effect-4 .Inside.size img, 
	.Col-2.effect-1 .Inside.size img ,
	.Col-2.effect-2 .Inside.size img ,
	.Col-2.effect-3 .Inside.size img ,
	.Col-2.effect-4 .Inside.size img  {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 50% !important;
		left: 0 !important;
		transform: translate(0, -50%);
		object-fit: contain;
		transition: all 0.8s; 
		transform-origin: 50% 50%;
	}
	.effect-1,
	.effect-2,
	.effect-3,
	.effect-4,
	.effect-5,
	.effect-6,
	.Col-1.effect-1, 
	.Col-1.effect-2, 
	.Col-1.effect-3, 
	.Col-1.effect-4, 
	.Col-1.effect-5, 
	.Col-1.effect-6, 
	.Col-2.effect-1, 
	.Col-2.effect-2, 
	.Col-2.effect-3, 
	.Col-2.effect-4, 
	.Col-2.effect-5, 
	.Col-2.effect-6,  {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}  
	.effect-3 .PBox:before,
	.effect-4 .PBox:before,
	.effect-5 .PBox:before,
	.effect-6 .PBox:before {
		content: none;
	} 
	.effect-3.load-effect .PBox:before,
	.effect-4.load-effect .PBox:before, 
	.effect-5.load-effect .PBox:before,
	.effect-6.load-effect .PBox:before {
		animation: none;
	}
}





.w50New-.w50:not(.w50L) .PBox { float: left; }
.w50New-.w50:not(.w50L) >.img-text-group { float: right; position: absolute; top: 50%; right: 0%; transform: translate(0%, -50%); }

.w50New-.w50 >.img-text-group {  display: table !important; height:100%}
.w50New-.w50 >.img-text-group >.img-text { display: table-cell; vertical-align: middle; }

.Light .img-text, 
.Light .img-text a:not(.btn),  
.Light .img-text p, 
.Light .img-text span, 
.Light .img-text span a:not(.btn),
.Light .img-text p a:not(.btn), 
.Light div, 
.Light div a:not(.btn), 
.Light div span a:not(.btn){ 
	color: var(--d79) !important; 
}
.Dark { 
	color: var(--d80) !important; 
}
.filter-100,.invert {   filter: invert(100%); }
.filter-75 {   filter: invert(75%); }
.filter-50 {   filter: invert(50%); }
.filter-25 {   filter: invert(25%); }



.Inside img {
	opacity: 0;
	
}